:root { /* --red: #d10000; rgb(227, 19, 53); */ --black: #282828; --white: #fff; --gray: #f7f7fb; --gray-20: #f9f9f9; --back-gray: #f7f7fb; --dark-gray: #eaeff5; --gray-bold: #444444; /* --dark-red: #980a21; */ --green: #159859; --grey-shingle: #93939380; --red: #d30000; --dark-red: #c20000; --white-pure: #fff; --prodSlide: #fff; --border-gray-10: rgba(40, 40, 40, 0.2); --box-shadow-light: rgba(0, 0, 0, 0.05); --gray-hover: #414141; } :root[data-theme='day'] { --productPageGrayWhite: rgba(40, 40, 40, 0.4); --prodSlide: #fff; --bg-productCard: transparent; --white--inf: white; --categoryName: rgba(40, 40, 40, 0.4); --button-dark-light: #E31335; --button-light-dark: #E7E7E7; --box-shadow-low: 0 5px 15px 0 rgba(0, 0, 0, 0.05); --border-dashed-light: #e3e6ef; --primary-bg: rgb(48, 133, 214); --primary-bg-alt: rgb(38, 114, 185) --alert-border: #facea8; --alert-color: #f8bb86; --light-gray-bg: #eeeef5; --deep-blue-text: #00124e; --gray-border-default: #e0e0e0; --gray-text-muted: #8e8e8e; --text-ultralight-muted: rgba(0, 0, 0, 0.4); --gray-ccc: #ccc; --gray-border-d8: #d8d8d8; --black-60: rgba(0, 0, 0, 0.6); --gray-border-medium: #bababa; --box-shadow-slide-btn: 0px -1px 16px rgba(0, 0, 0, 0.12); --spinner-accent: #4f5052; --black-rgb: 40, 40, 40; --black: #282828; --white: #fff; --gray: #f7f7fb; --gray-20: #f9f9f9; --back-gray: #f7f7fb; --dark-gray: #eaeff5; --gray-bold: #444444; --gray-bold-ws: #444444; --green: #159859; --grey-shingle: #93939380; --red: #d30000; --dark-red: #c20000; --text-muted: rgba(40, 40, 40, 0.7); --text-light-muted: rgba(40, 40, 40, 0.6); --gray-muted: #7e7e7e; --white-pure: #fff; --border-gray-10: rgba(40, 40, 40, 0.2); --box-shadow-light: rgba(0, 0, 0, 0.05); --gray-hover: #414141; --red-dark-title: rgb(153, 3, 6); --red-back-btn: #cd0e0d; --hover-border-blue: #9bbbe3; --gray-scroll-track: #e4e4e4; --box-shadow-medium: rgba(0, 0, 0, 0.12); --gray-border-light: #d6d6d6; --gray-old-price: #898383; --gray-border: #eeeeee; --red-hover-bg: #fae6e9; --modal-bg: rgba(0, 0, 0, 0.35); --modal-bg-login: rgba(40, 40, 40, 0.4); --gift-red-start: #af001d; --gift-red-end: #e31335; --gift-gradient-shadow: rgba(0, 0, 0, 0.1); --gift-border: #dfdfe2; --box-shadow-small: 0px 4px 5px rgba(0, 0, 0, 0.1); --box-shadow-hover: 0px 4.82129px 48.2129px rgba(0, 0, 0, 0.12); --drop-shadow-hover: drop-shadow(0 0 10px #939393c8); --slide-btn-shadow: 0px -1px 16px rgba(0, 0, 0, 0.12); --swiper-button-shadow: 0 0 6px #807e7e; --stories-modal-bg: #1d1d1dee; --about-text-color: #687083; --stories-blur-bg: rgba(0, 0, 0, 0.25); --box-shadow-red-glow: 0 10px 20px 0 rgba(253, 73, 73, 0.3); --box-shadow-inset-white-glow: inset 0px -85px 93px -92px rgba(250, 242, 242, 0.75); --gray-light-text: #d0d0d0; --light-background-gray: #e5e5ee; --red-border-strong: rgba(209, 0, 0, 0.8); --box-shadow-red-focus: 0 0 0 5px rgba(209, 0, 0, 0.4); --text-gray-medium: #636363; --border-black-20: rgba(40, 40, 40, 0.2); --border-black-10: rgba(40, 40, 40, 0.1); --box-shadow-inset-top: 0px -5px 4px rgba(0, 0, 0, 0.25); --gray-light: #f1f1f1; --gray-medium: #888888; --gray-dark: #555555; --box-shadow-thin: 0 0 2px 0 rgba(10, 10, 10, 0.29); --gray-border-thin: #cdcdcd; --white-almost: rgba(255, 255, 255, 0.999); --text-50: rgba(40, 40, 40, 0.5); --light-pink-bg: #fff1f3; --gray-soft-bg: #efeff6; --light-gray-green-bg: #f6f8f6; } /* Тёмная тема 🌙 */ :root[data-theme='night'] { --productPageGrayWhite: white; --bg-productCard: white; --white--inf: white; --categoryName: white; --button-dark-light: #E7E7E7; --button-light-dark: #E31335; --box-shadow-low: 0 5px 15px 0 rgba(255, 255, 255, 0.05); --toastify-color-light: black !important; --light-gray-green-bg: #1a1c1a; --gray-soft-bg: #1c1c22; --light-pink-bg: #3a1c1e; --text-50: rgba(255, 255, 255, 0.5); --border-dashed-light: #3a3a3a; --primary-bg: rgb(28, 91, 161); --primary-bg-alt: rgb(20, 75, 135); --alert-border: #5a3f33; --alert-color: #ffb673; --light-gray-bg: #1f1f29; --deep-blue-text: #7a8cff; --gray-border-default: #3a3a3a; --gray-text-muted: #a8a8a8; --text-ultralight-muted: rgba(255, 255, 255, 0.4); --gray-border-d8: #3a3a3a; --gray-ccc: #2a2a2a; --black-60: rgba(255, 255, 255, 0.2); --white-almost: rgba(18, 18, 18, 0.999); --gray-border-thin: #3d3d3d; --gray-border-medium: #4a4a4a; --box-shadow-thin: 0 0 2px 0 rgba(255, 255, 255, 0.1); --gray-light: #2b2b2b; --gray-medium: #444444; --gray-dark: #1a1a1a; --box-shadow-inset-top: 0px -5px 4px rgba(255, 255, 255, 0.12); --border-black-10: rgba(255, 255, 255, 0.1); --border-black-20: rgba(255, 255, 255, 0.2); --text-gray-medium: #b3b3b3; --red-border-strong: rgba(255, 77, 77, 0.9); --light-background-gray: #2b2b35; --gray-light-text: #aaaaaa; --box-shadow-slide-btn: 0px -1px 16px rgba(255, 255, 255, 0.1); --box-shadow-inset-white-glow: inset 0px -85px 93px -92px rgba(255, 255, 255, 0.15); --box-shadow-red-glow: 0 10px 20px 0 rgba(255, 100, 100, 0.25); --about-text-color: #a0a6b5; --stories-modal-bg: #000000ee; --stories-blur-bg: rgba(255, 255, 255, 0.08); --swiper-button-shadow: 0 0 6px #00000080; --spinner-accent: #b5b5b5; --slide-btn-shadow: 0px -1px 16px rgba(255, 255, 255, 0.1); --drop-shadow-hover: drop-shadow(0 0 10px #000000cc); --box-shadow-small: 0px 4px 5px rgba(0, 0, 0, 0.2); --box-shadow-hover: 0px 4.82129px 48.2129px rgba(0, 0, 0, 0.25); --black-rgb: 255, 255, 255; --black: #f5f5f5; --white: #282828; --gray: #1e1e1e; --gray-20: #2c2c2c; --back-gray: #1a1a1a; --dark-gray: #333; --gray-bold: #ccc; --gray-bold-ws: #d30000; --green: #27ae60; --grey-shingle: #77777780; --red: #d30000; --dark-red: #c62828; --text-muted: rgba(255, 255, 255, 0.7); --text-light-muted: rgba(255, 255, 255, 0.6); --gray-muted: #aaaaaa; --white-pure: white; --prodSlide: #282828; --border-gray-10: rgba(255, 255, 255, 0.2); --box-shadow-light: rgba(0, 0, 0, 0.25); --gray-hover: #f5f5f5; --red-dark-title: rgb(255, 96, 96); --red-back-btn: #ff5b5b; --hover-border-blue: #4d85b8; --gray-scroll-track: #2e2e2e; --box-shadow-medium: rgba(0, 0, 0, 0.5); --gray-border-light: #3a3a3a; --gray-old-price: #a5a5a5; --gray-border: #444; --red-hover-bg: #4a2e31; --modal-bg: rgba(255, 255, 255, 0.07); --modal-bg-login: rgba(255, 255, 255, 0.07); --gift-red-start: #af001d; --gift-red-end: #e31335; --gift-gradient-shadow: rgba(0, 0, 0, 0.2); --gift-border: #555; --box-shadow-red-focus: 0 0 0 5px rgba(255, 77, 77, 0.5); } * { color: var(--black); margin: 0; padding: 0; box-sizing: border-box; font-family: "Mardoto-Regular", "arial", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 300ms ease-out; -webkit-tap-highlight-color: transparent; } .rc-slider-handle, .rc-slider-track { transition: all 0ms ease-out; border-color: var(--red-border-strong) !important; } .rc-slider-handle-dragging { box-shadow: var(--box-shadow-red-focus) !important; } body { overflow: hidden; background: var(--white); } .no-scroll { overflow: hidden !important; } img, svg { vertical-align: middle; } a { text-decoration-line: none; } h1 { font-size: 30px; font-weight: bold; font-family: "Mardoto-Regular"; text-transform: uppercase; } input:focus { outline: none; border-color: var(--green); } .wrapper { max-width: 1440px; width: 100%; margin: 0 auto; /* padding: 0 40px; */ margin-bottom: 60px; position: relative; overflow-x: hidden; } .title { font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 20px 0; } /* swiper */ .swiper-scrollbar-drag { background-color: var(--red) !important; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { width: max-content !important; left: 50% !important; right: 50% !important; transform: translate(-50%, -50%); bottom: 26px !important; background: var(--white); border-radius: 30px; display: flex; align-items: center; justify-content: center; height: 26px; padding: 0 16px !important; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; height: 10px; padding: 0; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 7px !important; background-color: var(--black); } .swiper-pagination { display: none !important; } .scrollRow { display: flex; flex-direction: row; overflow: auto; column-gap: 5px; padding-bottom: 20px; } .scrollRow::-webkit-scrollbar { height: 0; width: 0; } .scrollBar::-webkit-scrollbar { height: 4px; width: 4px; } .scrollBar::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .scrollBar::-webkit-scrollbar-track { background: var(--gray-scroll-track); border-radius: 4px; height: 19px; } /* swiper end */ @media only screen and (max-width: 1440px) { .wrapper { padding: 0 40px; } } @media only screen and (max-width: 1024px) { .wrapper { padding: 0 30px; margin-bottom: 40px; } } @media only screen and (max-width: 992px) { .productCard .swiper-slide { height: max-content !important; } /* JIVOCHAT */ .button_af6a { margin-bottom: 150px !important; } } @media only screen and (max-width: 768px) { .swiper-pagination { display: none !important; } .title { font-size: 18px !important; } } @media only screen and (max-width: 600px) { .wrapper { padding: 0 20px; margin-bottom: 30px; } } @media only screen and (min-width: 600px) { .swiper:hover .swiper-pagination { display: flex !important; } } /* JIVOCHAT */ .button_af6a { margin-bottom: 80px !important; } ._orientationRight_bc2d .button_a597 { margin-right: 7px !important; } ._orientationLeft_e7ca.wrap_a898 { left: auto !important; right: 0px !important; } .popup_c40a.__left_d4c1 { left: auto !important; right: 0 !important; } .popupBlock_fdec.__left_d4c1 { left: auto !important; right: 0 !important; } /* /Toastify */ .Toastify, .Toastify__toast-container, .Toastify__toast-container--top-right { z-index: 99999999999 !important; } .style_product__wrapper__GCQmc .swiper-pagination { display: flex !important; position: absolute; /* bottom: -20px !important; */ } .reels-swiper-wrapper, .reels-slide, .reels-slide-inner, .StoryVideoImageContent { width: 100%; height: 100%; border-radius: 25px !important; /* forces no rounding */ overflow: hidden; /* ensures video doesn't overflow corners */ object-fit: cover; } /* Mobile screens */ @media (max-width: 500px) { .reels-swiper-wrapper, .reels-slide, .reels-slide-inner, .StoryVideoImageContent { border-radius: 0px !important; overflow: hidden; } } @font-face { font-family: "Mardoto-Bold"; src: local("Mardoto-Bold"), local(arial) url("./assets/fonts/Mardoto-Bold.ttf") format("truetype"), local("arial") format("truetype"); /* font-weight: bold; */ /* font-display: optional; */ } @font-face { font-family: "medium"; src: local("Mardoto-Medium"), local(arial) url("./assets/fonts/Mardoto-Medium.ttf") format("truetype"); /* font-display: optional; */ } @font-face { font-family: "regular"; src: local("Mardoto-Regular"), local(arial) url("./assets/fonts/Mardoto-Regular.ttf") format("truetype"); /* font-display: optional; */ } @font-face { font-family: "Mardoto-Regular"; src: local("Mardoto-Regular"), url("./assets/fonts/Mardoto-Regular.ttf") format("truetype"); /* font-display: optional; */ } .style_background__WGnUd { display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--white); z-index: 999999999999999999; justify-content: center; align-items: center; } .style_dotsContainer__JIavF { display: flex; flex-direction: row; column-gap: 10px; margin-top: 15px; justify-content: center; } .style_dot__KmEiz { position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: var(--red); opacity: 0.2; animation: dot-animation 1s infinite linear alternate; } .style_dot1__y1weN { animation-delay: 0.5s; } .style_dot2__t17rA { animation-delay: 1s; } .style_dot3__BDl0D { animation-delay: 1.5s; } .style_dot4__eakNF { animation-delay: 2s; } @keyframes dot-animation { 0% { background-color: var(--white-pure); } 50%, 100% { background-color: var(--red); } } #pre-loader-frontend { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 50vh; width: 100%; } .preloader_body { background: var(--white); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .preloader_body .preloader_body_item { display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 50px; } .preloader_body .preloader_body_item img { max-width: 150px; } .preloader_loader { color: var(--red); font-size: 30px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; position: relative; transform: translateZ(0); animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease; } @keyframes mltShdSpin { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes round { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } $rt-namespace: 'Toastify'; $rt-mobile: 'only screen and (max-width : 480px)' !default; :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, 0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; //Used only for colored theme --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; // Used when no type is provided --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); // Used when no type is provided --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, 0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff; } .Toastify__toast-container--top-left { top: 1em; left: 1em; } .Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--top-right { top: 1em; right: 1em; } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; } @media only screen and (max-width : 480px) { .Toastify__toast-container { width: 100vw; padding: 0; left: 0; margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0; transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0; transform: translateX(0); } .Toastify__toast-container--rtl { right: 0; left: initial; } } .Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; /* webkit only issue #791 */ z-index: 0; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-body { margin: auto 0; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 6px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .Toastify__toast-body > div:last-child { word-break: break-word; -ms-flex: 1; flex: 1; } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end: 10px; width: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex; } .Toastify--animate { animation-fill-mode: both; animation-duration: 0.7s; } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; } @media only screen and (max-width : 480px) { .Toastify__toast { margin-bottom: 0; border-radius: 0; } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; transition: 0.3s ease; -ms-flex-item-align: start; align-self: flex-start; } .Toastify__close-button--light { color: #000; opacity: 0.3; } .Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: 0.7; transform-origin: left; } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; transform-origin: right; } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); animation: Toastify__spin 0.65s linear infinite; } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes Toastify__bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; } @keyframes Toastify__zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .Toastify__zoom-enter { animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { animation-name: Toastify__zoomOut; } @keyframes Toastify__flipIn { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes Toastify__flipOut { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { animation-name: Toastify__flipIn; } .Toastify__flip-exit { animation-name: Toastify__flipOut; } @keyframes Toastify__slideInRight { from { transform: translate3d(110%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInLeft { from { transform: translate3d(-110%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInUp { from { transform: translate3d(0, 110%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInDown { from { transform: translate3d(0, -110%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(110%, 0, 0); } } @keyframes Toastify__slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-110%, 0, 0); } } @keyframes Toastify__slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; } .Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; } .Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; } @keyframes Toastify__spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*# sourceMappingURL=ReactToastify.css.map */ .#{$rt-namespace}__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff; &--top-left { top: 1em; left: 1em; } &--top-center { top: 1em; left: 50%; transform: translateX(-50%); } &--top-right { top: 1em; right: 1em; } &--bottom-left { bottom: 1em; left: 1em; } &--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%); } &--bottom-right { bottom: 1em; right: 1em; } } @media #{$rt-mobile} { .#{$rt-namespace}__toast-container { width: 100vw; padding: 0; left: 0; margin: 0; &--top-left, &--top-center, &--top-right { top: 0; transform: translateX(0); } &--bottom-left, &--bottom-center, &--bottom-right { bottom: 0; transform: translateX(0); } &--rtl { right: 0; left: initial; } } } .#{$rt-namespace}__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; /* webkit only issue #791 */ z-index: 0; &--rtl { direction: rtl; } &--close-on-click { cursor: pointer; } &-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center; & > div:last-child { word-break: break-word; flex: 1; } } &-icon { margin-inline-end: 10px; width: 20px; flex-shrink: 0; display: flex; } } .#{$rt-namespace}--animate { animation-fill-mode: both; animation-duration: 0.7s; } .#{$rt-namespace}--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; } @media #{$rt-mobile} { .#{$rt-namespace}__toast { margin-bottom: 0; border-radius: 0; } } .#{$rt-namespace}__toast { &-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } &-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } &-theme--colored#{&}--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } &-theme--colored#{&}--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } &-theme--colored#{&}--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } &-theme--colored#{&}--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } &-theme--colored#{&}--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } } .#{$rt-namespace}__progress-bar { &-theme--light { background: var(--toastify-color-progress-light); } &-theme--dark { background: var(--toastify-color-progress-dark); } &--info { background: var(--toastify-color-progress-info); } &--success { background: var(--toastify-color-progress-success); } &--warning { background: var(--toastify-color-progress-warning); } &--error { background: var(--toastify-color-progress-error); } &-theme--colored#{&}--info, &-theme--colored#{&}--success, &-theme--colored#{&}--warning, &-theme--colored#{&}--error { background: var(--toastify-color-transparent); } } .#{$rt-namespace}__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; transition: 0.3s ease; align-self: flex-start; &--light { color: #000; opacity: 0.3; } & > svg { fill: currentColor; height: 16px; width: 14px; } &:hover, &:focus { opacity: 1; } } @keyframes #{$rt-namespace}__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .#{$rt-namespace}__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: 0.7; transform-origin: left; &--animated { animation: #{$rt-namespace}__trackProgress linear 1 forwards; } &--controlled { transition: transform 0.2s; } &--rtl { right: 0; left: initial; transform-origin: right; } } .#{$rt-namespace}__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); animation: #{$rt-namespace}__spin 0.65s linear infinite; } @mixin timing-function { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } @keyframes #{$rt-namespace}__bounceInRight { from, 60%, 75%, 90%, to { @include timing-function; } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes #{$rt-namespace}__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes #{$rt-namespace}__bounceInLeft { from, 60%, 75%, 90%, to { @include timing-function; } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes #{$rt-namespace}__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes #{$rt-namespace}__bounceInUp { from, 60%, 75%, 90%, to { @include timing-function; } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes #{$rt-namespace}__bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes #{$rt-namespace}__bounceInDown { from, 60%, 75%, 90%, to { @include timing-function; } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes #{$rt-namespace}__bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .#{$rt-namespace}__bounce-enter { &--top-left, &--bottom-left { animation-name: #{$rt-namespace}__bounceInLeft; } &--top-right, &--bottom-right { animation-name: #{$rt-namespace}__bounceInRight; } &--top-center { animation-name: #{$rt-namespace}__bounceInDown; } &--bottom-center { animation-name: #{$rt-namespace}__bounceInUp; } } .#{$rt-namespace}__bounce-exit { &--top-left, &--bottom-left { animation-name: #{$rt-namespace}__bounceOutLeft; } &--top-right, &--bottom-right { animation-name: #{$rt-namespace}__bounceOutRight; } &--top-center { animation-name: #{$rt-namespace}__bounceOutUp; } &--bottom-center { animation-name: #{$rt-namespace}__bounceOutDown; } } @keyframes #{$rt-namespace}__zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes #{$rt-namespace}__zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .#{$rt-namespace}__zoom-enter { animation-name: #{$rt-namespace}__zoomIn; } .#{$rt-namespace}__zoom-exit { animation-name: #{$rt-namespace}__zoomOut; } @keyframes #{$rt-namespace}__flipIn { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes #{$rt-namespace}__flipOut { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .#{$rt-namespace}__flip-enter { animation-name: #{$rt-namespace}__flipIn; } .#{$rt-namespace}__flip-exit { animation-name: #{$rt-namespace}__flipOut; } @mixin transform { transform: translate3d(0, 0, 0); } @keyframes #{$rt-namespace}__slideInRight { from { transform: translate3d(110%, 0, 0); visibility: visible; } to { @include transform; } } @keyframes #{$rt-namespace}__slideInLeft { from { transform: translate3d(-110%, 0, 0); visibility: visible; } to { @include transform; } } @keyframes #{$rt-namespace}__slideInUp { from { transform: translate3d(0, 110%, 0); visibility: visible; } to { @include transform; } } @keyframes #{$rt-namespace}__slideInDown { from { transform: translate3d(0, -110%, 0); visibility: visible; } to { @include transform; } } @keyframes #{$rt-namespace}__slideOutRight { from { @include transform; } to { visibility: hidden; transform: translate3d(110%, 0, 0); } } @keyframes #{$rt-namespace}__slideOutLeft { from { @include transform; } to { visibility: hidden; transform: translate3d(-110%, 0, 0); } } @keyframes #{$rt-namespace}__slideOutDown { from { @include transform; } to { visibility: hidden; transform: translate3d(0, 500px, 0); } } @keyframes #{$rt-namespace}__slideOutUp { from { @include transform; } to { visibility: hidden; transform: translate3d(0, -500px, 0); } } .#{$rt-namespace}__slide-enter { &--top-left, &--bottom-left { animation-name: #{$rt-namespace}__slideInLeft; } &--top-right, &--bottom-right { animation-name: #{$rt-namespace}__slideInRight; } &--top-center { animation-name: #{$rt-namespace}__slideInDown; } &--bottom-center { animation-name: #{$rt-namespace}__slideInUp; } } .#{$rt-namespace}__slide-exit { &--top-left, &--bottom-left { animation-name: #{$rt-namespace}__slideOutLeft; } &--top-right, &--bottom-right { animation-name: #{$rt-namespace}__slideOutRight; } &--top-center { animation-name: #{$rt-namespace}__slideOutUp; } &--bottom-center { animation-name: #{$rt-namespace}__slideOutDown; } } @keyframes #{$rt-namespace}__spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes react-loading-skeleton { 100% { transform: translateX(100%); } } .react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; /* Enable animation */ background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */ } .react-loading-skeleton::after { content: ' '; display: var(--pseudo-element-display); position: absolute; top: 0; left: 0; right: 0; height: 100%; background-repeat: no-repeat; background-image: linear-gradient( 90deg, var(--base-color), var(--highlight-color), var(--base-color) ); transform: translateX(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @media (prefers-reduced-motion) { .react-loading-skeleton { --pseudo-element-display: none; /* Disable animation */ } } /** * Swiper 10.3.1 * 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: September 28, 2023 */ /* FONT_START */ @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; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .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; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ /* ======================= Reels Section ======================= */ .reels-section { width: 100%; max-width: 1200px; margin: 0 auto; padding: 2rem 1rem; } .reels-title { font-size: 13px; font-weight: 700; text-transform: uppercase; margin-bottom: 1.5rem; color: #111; } /* ======================= Reels Circles Row & Container ======================= */ /* Desktop: scrollbar completely hidden */ .reels-scroll { display: flex; column-gap: 2.5rem; overflow-x: hidden; padding-bottom: 0.5rem; /* Hide scrollbar cross-browser */ -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */ } .reels-scroll::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } /* ======================= Reels Circles ======================= */ .reels-circle-container { display: flex; flex-direction: column; align-items: center; text-align: center; width: 90px; cursor: pointer; } .reels-circle { width: 90px; height: 90px; padding: 10px; border: 3px solid var(--gray-20); border-radius: 50%; overflow: hidden; flex-shrink: 0; position: relative; cursor: pointer; transition: border-color 0.4s ease, transform 0.2s; } .reels-circle:hover { border-color: #e31335; } .reels-circle-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; } .reels-circle-title { font-size: 12px; text-align: center; margin-top: 0.25rem; color: var(--black); } /* ======================= Slider Container ======================= */ .reels-slider-container { width: 90%; max-width: 600px; height: 80%; position: relative; display: flex; flex-direction: column; gap: 1rem; } /* ======================= Single Slide ======================= */ .reels-slide { position: relative; width: 100%; height: 100%; border-radius: 12px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .ReelsLoader { min-width: 114px !important; height: 114px !important; border-radius: 50% !important; aspect-ratio: 1 / 1; background-color: aqua; } .slide-image, .slide-video { width: 100%; height: 100%; object-fit: cover; } /* ======================= Video Controls ======================= */ .video-controls { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 0.5rem; z-index: 10; } .control-btn { background: rgba(0, 0, 0, 0.5); border: none; padding: 0.5rem 0.75rem; border-radius: 50%; color: #fff; cursor: pointer; font-size: 0.875rem; transition: background 0.2s; } .control-btn:hover { background: rgba(0, 0, 0, 0.8); } /* ======================= Responsive ======================= */ @media (min-width: 768px) { .reels-circle { width: 114px; height: 114px; } .reels-circle-container { width: 114px; } .reels-circle-title { font-size: 0.875rem; } } @media screen and (max-width: 1024px) { .reels-scroll { overflow-x: auto; } .reels-scroll { column-gap: 1.5rem; } } @media screen and (max-width: 430px) { .stories__wrapper .swiper-slide { width: 80px !important; } .StoryLoader { min-width: 80px !important; height: 80px !important; } .title { font-size: 18px !important; } .stories__wrapper .swiper-slide .StoriesTitle { text-align: center; font-size: 8px; } } /* Swiper container */ .reels-swiper { width: 100%; height: 100%; cursor: grab; } /* Single slide */ .reels-slide { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } /* Inner container for video and controls */ .reels-slide-inner { width: 100%; height: 100%; } /* Video */ .reels-video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; } .StoryVideoImageContent { width: 100%; height: 100%; position: absolute; z-index: -1; object-fit: cover; } /* Close button */ .reels-close-btn { width: 100%; padding: 10px; position: absolute; display: flex; justify-content: flex-end; z-index: 10; } /* Controls (mute/play etc.) */ .reels-controls { position: absolute; bottom: 2.5rem; right: 1rem; display: flex; flex-direction: column; gap: 1rem; align-items: center; color: white; z-index: 10; } /* Optional: buttons inside controls */ .reels-controls>.StoriesControlButtons { display: flex; align-items: flex-start; justify-content: center; background: rgba(0, 0, 0, 0.5); border: none; cursor: pointer; color: white; font-size: 1rem; transition: background 0.2s; } .reels-controls>.StoriesControlButtons:hover { background: var(--white); } /* Story action buttons */ .StoriesControlButtons { width: 40.7px; height: 40.7px; gap: 0px; color: var(--white); border: none; background: var(--stories-blur-bg); backdrop-filter: blur(10px); border-radius: 11px; cursor: pointer; } .StoriesControlButtons:hover { background: var(--white); } .activeLike { background: var(--white); } .activeLike path { stroke: var(--red); } .StoryIcon { width: 37px; height: 37px; } .StoryIcon:hover path { stroke: var(--red); } /* ======================= Overlay ======================= */ .modal-overlay-stories { position: fixed; inset: 0; z-index: 9999999999; display: flex; justify-content: center; align-items: center; background-color: rgba(29, 29, 29, 0.93); backdrop-filter: blur(25px); padding-left: 0px; padding-right: 0px; } /* ======================= Modal Content ======================= */ .modal-content-stories { position: absolute; width: 100%; max-width: 485px; height: 100dvh; /* mobile-safe dynamic vh */ background-color: transparent; /* հեռացնում է սպիտակ ֆոնը */ box-shadow: none; } /* Desktop / tablet screens */ @media (min-width: 640px) { .modal-overlay-stories { padding-left: 0.5rem; padding-right: 0.5rem; } .modal-content-stories { height: 95dvh; } } .style_container__\+5b-0 { margin-bottom: 60px; position: relative; } .style_containerBanner__qjoQn{ margin-bottom: 60px; position: relative; } .style_loadContent__GkfOg { width: 100%; height: auto; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; } .style_slideBtn__mqdvN { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white-pure); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__ZFsfK { left: 7%; transform: rotate(180deg); } .style_slideNextArrow__9ivFv { right: 7%; } .style_slideBtn__mqdvN:hover svg path { stroke: var(--red); } .style_imgContainer__S83HV { display: flex; width: 100%; justify-content: center; } .style_slideImgBanner__WZWOj { max-height: 320px; object-fit: contain; border-radius: 10px; width: 100%; } .style_slideImg__omLgM { max-height: 400px; object-fit: contain; border-radius: 10px; width: 100%; } @media only screen and (max-width: 1280px) { .style_container__\+5b-0 { padding: 0 20px; } } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube slide shadows end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .style_titleBlock__--IoT { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .style_moreBtn__Q3\+MF { font-size: 16px; cursor: pointer; text-transform: uppercase; text-decoration: underline; } .style_titleBlock__--IoT .style_moreBtn__Q3\+MF:hover { color: var(--red); text-decoration: none; } .style_brandItem__K7N45 { cursor: pointer; width: 100%; height: 100%; padding: 30px 50px; background: var(--white--inf); border: 1px solid var(--dark-gray); border-radius: 5px; } .style_brandItem__K7N45:hover { border-color: var(--red); } .style_loadContent__mviKV { width: 100%; height: auto; min-height: 20px; aspect-ratio: 10 / 4.2; } .style_brandItemImg__Z63zi { width: 100%; height: 100%; object-fit: contain; } .style_slideBtn__\+FlFF { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__DlcKD { left: 5px; transform: rotate(180deg); } .style_slideNextArrow__WAV8c { right: 5px; } .style_slideBtn__\+FlFF:hover svg path { stroke: var(--red); } .style_Swiper__gy2tY { margin: 0; } @media only screen and (max-width: 992px) { .style_brandItem__K7N45 { padding: 30px; } } @media only screen and (max-width: 768px) { .style_moreBtn__Q3\+MF { font-size: 14px; } } @media only screen and (max-width: 600px) { .style_brandItem__K7N45 { row-gap: 10px; } } @media only screen and (max-width: 600px) { .style_brandItem__K7N45 { height: 60px; /* width: max-content; */ padding: 15px; text-align: center; /* padding: 10px; */ } .style_brandItemImg__Z63zi { width: auto; /* height: 40px; */ object-fit: contain; } } .style_ProductSlide__GuUtU { max-width: 1470px; } .style_wrapperClass__qpxV1 { align-items: stretch; } @media (min-width: 900px) { .style_swiper__c6Icq { padding: 40px 15px; } } .style_title__tnKkA { font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 20px 0; } .style_slideBtn__66KHC svg { stroke: white; } .style_slideBtn__66KHC { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--slide-btn-shadow); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__gJ2HC { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__vklFp { right: 15px; } .style_slideBtn__66KHC:hover svg path { stroke: var(--red); } .style_loadContent__oE6bl { width: 100%; height: 400px; aspect-ratio: 5.4/ 10; } @media only screen and (max-width: 768px) { .style_title__tnKkA { font-size: 18px; } } @media only screen and (max-width: 600px) { .style_loadContent__oE6bl { width: 190px; } } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* .style_timeForEndSale__vFlHc, .style_priceAverageBlock__jhK4s, .style_creditBlock__Ymcy-, .style_countAddCartBuyNowBlock__FniSn, .style_cardBtn__xpKdI, .style_pricen__d9pke, .style_price__qxvNZ, .style_newPrice__gr\+eE, .style_oldPrice__l6pou, .style_priceMounth__9YB9q, .style_priceText__OMNc\+, .style_compareHeart__rvZCo, .style_buyBtn__N1dPZ, .style_cashbackPrice__ql\+y8 { display: none !important; } */ .style_container__Lff0e { display: flex; flex-direction: column; justify-content: space-between; padding: 15px; max-width: 344px; min-width: 130px; width: 100%; /* max-height: 439px; */ background: transparent; position: relative; border-radius: 15px; &>svg { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; } } .style_InCardSlider__Xw6HZ { width: 100%; margin: 33px auto 0; height: fit-content; position: relative; z-index: 0; } /* .style_product__wrapper__GCQmc { height: 204px; } */ .style_product__wrapper__GCQmc>.style_swiper-pagination__02C7f { position: absolute; display: block !important; } .style_flexContainer__BXlM4 { width: calc(100% / 6 - 22px); } .style_cartContainerChangeStyle__FNmD7 { display: flex; flex-direction: column; max-width: 218px; border: 1px solid var(--gray-border); border-radius: 5px; padding: 15px; height: 100%; } .style_headerLeft__TPn0\+ { position: absolute; z-index: 2; left: 16px; top: 17px; display: flex; gap: 11px; align-items: flex-start; justify-content: center; width: max-content; flex-direction: column; } .style_headerRight__48tB7 { position: absolute; z-index: 2; right: 16px; top: 17px; } .style_brandImg__xPstR { object-fit: contain; max-height: 30px; max-width: 70px; width: 100%; height: 30px; object-position: left; background: var(--bg-productCard); border-radius: 5px; padding: 3px; } .style_image__293jP { height: 176px; padding-top: 25px; object-fit: contain; } /* .style_descContainer__BbHJP { display: flex; flex-direction: column; row-gap: 10px; } */ .style_descContainer__BbHJP a:hover .style_productName__OmUxV { text-decoration: underline; } .style_categoryName__EvRIp { text-transform: uppercase; color: var(--categoryName); font-family: "Mardoto-Bold"; width: 100%; font-size: 10px; margin-bottom: 5px; word-break: break-word; height: 28px; margin-top: 5px; } .style_productName__OmUxV { width: 100%; max-width: 200px; font-size: 13px; overflow: hidden; line-height: 16px; height: 32px; } .style_price__qxvNZ { font-size: 17px; font-weight: bold; } .style_newPrice__gr\+eE { font-size: 16px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__T5Ut7 { position: relative; } .style_oldPrice__l6pou { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__T5Ut7 .style_line__vGQ0u { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_priceMounth__9YB9q { width: max-content; font-size: 12px; color: var(--gray-bold); margin-top: 10px; } .style_cardBtn__xpKdI { display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: var(--red); border-radius: 10px; column-gap: 10px; width: 39.13px; height: 39.13px; position: absolute; right: 0; bottom: 0; } .style_cardBtn__xpKdI:hover { background-color: var(--dark-red); } .style_cardBtnSvg__W3Uiv { width: 21.13px; height: 21.13px; } .style_cardBtnSvg__W3Uiv path { fill: var(--white-pure); } .style_cardBtn__xpKdI span { color: var(--white-pure); font-size: 12px; } .style_compareBtn__evcBU:hover svg rect { fill: var(--red); } .style_heartSvg__telPJ { cursor: pointer; margin-bottom: 19px; } .style_heartSvg__telPJ:hover path { fill: var(--red); } .style_giftBox__HU9QJ { display: flex; align-items: center; position: relative; cursor: pointer; min-width: 30px; width: 30px; height: 30px; min-height: 30px; justify-content: center; background: radial-gradient(96.77% 96.77% at 93.33% 96.77%, var(--gift-red-start) 0.51%, var(--gift-red-end) 100%); box-shadow: 0px 4px 5px var(--gift-gradient-shadow); border-radius: 5px; } .style_giftBox__HU9QJ:hover .style_giftHovered__0Obhh { display: flex; } .style_giftHovered__0Obhh { display: none; padding: 15px; top: 30px; /* right: -5px; */ gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 244px; width: max-content; font-family: "Mardoto-Regular"; background-color: var(--white); box-shadow: var(--box-shadow-hover); } .style_guarantee__LkDNf { display: flex; flex-direction: column; width: fit-content; } .style_guarantee__LkDNf span { display: flex; align-items: center; font-size: 10px; width: 100%; color: var(--white--inf); background: linear-gradient(180.24deg, var(--gift-red-end) 0.21%, var(--gift-red-start) 48.39%); border-radius: 4px 4px 0 0; justify-content: center; font-size: 8px; padding: 4px; text-transform: uppercase; text-align: center; } .style_guarantee__LkDNf span:last-child { border-radius: 0 0 4px 4px; font-size: 9px; font-weight: bold; box-shadow: var(--box-shadow-small); color: var(--black); background: var(--white) !important; } .style_giftHoveredMain__TqIx6 { border: 1px solid var(--gift-border); border-radius: 2px; display: flex; cursor: pointer; flex-direction: column; row-gap: 14px; padding: 10px; min-width: 1px; width: 100%; align-items: flex-start; } .style_giftHovered__0Obhh:hover .style_giftHoveredMain__TqIx6 { border-color: var(--red); } .style_giftHoveredImg__QC3cP { height: 40px; max-width: 60px; object-fit: contain; } .style_stickerImg__WqOwc { max-width: 50px; max-height: 30px; object-fit: contain; max-width: 60px; object-position: left; } .style_cashbackContainer__d7ATS { margin-top: 10px; } .style_cashbackText__AtxHJ { font-size: 14px; font-weight: bold; } .style_cashbackPrice__ql\+y8 { color: var(--red); font-size: 16px; font-weight: bold; } .style_promoPriceContainer__0PaMv { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; column-gap: 20px; width: calc(100% - 33px); } @media only screen and (max-width: 1280px) { .style_flexContainer__BXlM4 { width: calc(100% / 4 - 24px); max-width: none; } } @media only screen and (max-width: 1024px) { .style_flexContainer__BXlM4 { width: 31%; } } @media only screen and (max-width: 992px) { .style_image__293jP { height: 100%; width: 100%; } .style_stickersBlock__-4-XQ { top: 80px; } .style_productCard__bf3za .style_slideItem__Iho3L { height: 350px !important; } } @media screen and (min-width: 900px) { .style_container__Lff0e:hover { transform: scale(1.04); &>svg { filter: var(--drop-shadow-hover); & path { stroke-width: 0 !important; } } } } @media screen and (max-width: 635px) { .style_container__Lff0e { padding: 10px; /* width: 175px; */ } } @media screen and (max-width: 600px) { .style_flexContainer__BXlM4 { width: calc(100% / 2 - 6px); } .style_container__Lff0e { padding: 8px; max-width: 178px; border-radius: 5px; } /* .style_product__wrapper__GCQmc { height: 118.64px; } */ .style_InCardSlider__Xw6HZ { width: 100%; margin: 10px auto 0; } .style_header__7Qck5 { right: 10px; top: 19px; } .style_heartSvg__telPJ { margin-bottom: 10px; } .style_cardBtn__xpKdI { width: 27.03px; height: 26.13px; border-radius: 4.96px; } .style_cardBtnSvg__W3Uiv { width: 14.87px; height: 14.87px; } .style_promoPriceContainer__0PaMv { width: calc(100% - 35px); column-gap: 7px; } .style_newPrice__gr\+eE { font-size: 12px; } .style_oldPrice__l6pou { font-size: 8px; } .style_price__qxvNZ { font-size: 12px; font-weight: bold; } } @media screen and (max-width: 375px) { .style_flexContainer__BXlM4 { width: 100%; } } .paginate { position: relative; & .swiper-wrapper { height: calc(100% - 15px) !important; & .swiper-slide { height: 100% !important; } } & .swiper-pagination { bottom: 0 !important; height: auto; background-color: transparent; & .swiper-pagination-bullet-active { background-color: var(--red); } } } .style_bannerSliders__l6rZ5 { margin: 50px 0px 50px 0px; width: 100%; display: flex; gap: 20px; justify-content: space-between; } .style_shadow1__0Xi3P { height: 100px; position: absolute; bottom: 0px; left: 0px; z-index: 99999; width: 354px; } .style_shadow2__u6pV3 { height: 100px; position: absolute; bottom: 0px; left: 0px; z-index: 99999; width: 709px; } .style_shadow3__-2bFD { height: 100px; position: absolute; bottom: 0px; left: 0px; z-index: 99999; width: 354px; } .style_bannerSlider1__2U8zy { position: relative; max-width: 24%; /* height: 320px; */ } .style_bannerSlider2__OKKNq { position: relative; /* padding: 0px 20px; */ max-width: 48%; /* height: 320px; */ } .style_bannerSlider3__Y6-RO { position: relative; max-width: 24%; /* height: 320px; */ } .style_bannerSlider1__2U8zy:hover .style_shadow1__0Xi3P, .style_bannerSlider2__OKKNq:hover .style_shadow2__u6pV3, .style_bannerSlider3__Y6-RO:hover .style_shadow3__-2bFD { box-shadow: var(--box-shadow-inset-white-glow); -webkit-box-shadow: var(--box-shadow-inset-white-glow); -moz-box-shadow: var(--box-shadow-inset-white-glow); } .style_bannerSlider1__2U8zy:hover img, .style_bannerSlider2__OKKNq:hover img, .style_bannerSlider3__Y6-RO:hover img { transform: scale(1, 1); } .style_loadContent__QZ748 { height: 334px; } @media(max-width:768px) { .style_bannerSlider1__2U8zy, .style_bannerSlider2__OKKNq, .style_bannerSlider3__Y6-RO { padding: 0px 5px; max-width: 100%; margin-bottom: 20px; } .style_bannerSliders__l6rZ5 { flex-direction: column; } } .style_main__NFU4g { display: flex; flex-direction: row; column-gap: 25px; flex-wrap: wrap; } .style_titleBlock__hpyk3 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .style_moreBtn__RupWy { font-size: 16px; cursor: pointer; text-transform: uppercase; text-decoration: underline; } .style_titleBlock__hpyk3 .style_moreBtn__RupWy:hover { color: var(--red); text-decoration: none; } .style_blogItem__GhcwA { display: flex; flex-direction: column; row-gap: 16px; max-width: 336px; width: 23%; cursor: pointer; flex-grow: 4; } .style_blogItemImg__GZsMT { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } .style_blogItemTitle__e-3ew { font-size: 18px; min-height: 48px; font-weight: bold; } .style_blogItemTitle__e-3ew:hover { color: var(--red); } .style_blogItemDate__H30cN { color: var(--gray-muted); font-size: 16px; } .style_loadContentImg__5tpAK { width: 100%; height: auto; aspect-ratio: 10 / 3.3; } .style_loadContentTitle__vTMoe { width: 100%; height: 48px; } .style_loadContentDate__yX98n { width: 100%; height: 16px; } @media (max-width: 1300px) { .style_blogItemDate__H30cN { display: none; } .style_loadContentDate__yX98n { display: none; } } @media only screen and (max-width: 1024px) { .style_blogItem__GhcwA { width: 30%; flex-grow: 3; } .style_blogItem__GhcwA:nth-child(4) { display: none; } } @media only screen and (max-width: 768px) { .style_moreBtn__RupWy { font-size: 14px; } } @media only screen and (max-width: 600px) { .style_blogItem__GhcwA { width: 100%; min-width: 100%; /* min-width: fit-content; */ } .style_blogItem__GhcwA:nth-child(4) { display: flex; } .style_main__NFU4g { overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap; padding-bottom: 20px; } .style_main__NFU4g::-webkit-scrollbar { height: 2px; width: 2px; } .style_main__NFU4g::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 0.3s ease-out; } /* .style_blogItem__GhcwA:nth-child(2), .style_blogItem__GhcwA:nth-child(3) { display: none; } */ } .style_container__df4vw { /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; */ } .style_slideItem__2lfsh { display: flex; flex-direction: column; justify-content: center; max-width: 160px; cursor: pointer; height: 100%; position: relative; display: block; padding: "20px"; margin: 0 10px; } .style_loadContent__-tV8M { width: 138px; height: 157px; margin-bottom: 38px; } .style_slideItemImg__A0pOd { height: 138px; width: 100%; object-fit: contain; background-color: var(--gray-20); padding: 10px 10px 0 10px; margin-bottom: 22px; border-radius: 10px; } .style_slideItemTitle__8zOUp { font-size: 16px; max-width: min-content; text-align: center; min-width: 80%; display: block; margin: 0 auto; } .style_headerCategorysLogo__97YlV { max-width: 120px; max-height: 20px; height: 100%; padding: 0 22px; } .style_headerCategorysLoad__ZgNqE { column-gap: 20px; } .style_slideBtn__xw3QA { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; } .style_slidePrevArrow__9mzQt { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__29QCp { right: 15px; } .style_slideBtn__xw3QA:hover svg path { stroke: var(--red); } @media (max-width: 1280px) { .style_slideItemTitle__8zOUp { font-size: 12px; } .style_loadContent__-tV8M { height: 152px; } } @media only screen and (max-width: 768px) { .style_slideItem__2lfsh { padding: 0; } .style_slideItemImg__A0pOd { height: 110px; } .style_loadContent__-tV8M { width: 124px; height: 110px; } } @media (max-width: 600px) { .style_slideItemTitle__8zOUp { font-size: 12px; } .style_loadContent__-tV8M { width: 119px; } .style_slideItem__2lfsh { margin: 0 8px; max-width: 100px; } .style_slideItemImg__A0pOd { padding: 3px 2px 0 2px; } } @media only screen and (max-width: 430px) { .style_slideItemImg__A0pOd { height: 70px; /* width: auto; */ /* margin-right: ; */ } .style_loadContent__-tV8M { width: 79px; height: 70px; } } .style_container__UlTux { position: absolute; z-index: 40; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; overflow: hidden; } .style_leftTop__ENjiG { z-index: 40; position: absolute; top: calc(35% + -35px); left: -63px; width: 170px; height: 197px; } .style_leftBottom__Ij5ua { z-index: 40; position: absolute; top: calc(35% + 160px); left: -2px; width: 72px; height: 74px; } .style_rightTop__J-1Y9 { z-index: 40; position: absolute; /* top: 50px; */ top: calc(35% + 50px); right: -72px; width: 78px; height: 78px; } .style_rightBottom__j4qWw { z-index: 40; position: absolute; /* top: 166px; */ top: calc(35% + 166px); right: -215px; width: 259px; height: 250px; } .style_container__\+7gkq {} .style_headerCategorysLoad__8-pFY { column-gap: 20px; } .style_saleImg__kLoQR { max-width: 224px; width: 100%; height: 100%; object-fit: contain; cursor: pointer; border-radius: 6px; } .style_saleImg__kLoQR:hover { opacity: 0.7; } .style_loadContent__Arq43 { width: 224px; aspect-ratio: 6.5 / 10; } .style_titleBlock__aKfDL { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px 0; } .style_titleBlock__aKfDL span { cursor: pointer; } .style_titleBlock__aKfDL span:hover { color: var(--red); } .style_title__mwGFG { font-size: 30px; font-weight: bold; text-transform: uppercase; } .style_slideBtn__VA1Oy { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: 50%; } .style_slidePrevArrow__N\+BsN { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__y7YeK { right: 15px; } .style_slideBtn__VA1Oy:hover svg path { stroke: var(--red); } @media only screen and (max-width: 768px) { .style_title__mwGFG { font-size: 18px; margin: 0; } } .style_container__E-3dC { display: flex; flex-direction: row; margin-top: 20px; column-gap: 30px; overflow: hidden; } .style_leftContent__hr5AJ { max-width: 950px; width: 100%; height: 388px; display: flex; position: relative; overflow: hidden; } .style_leftLoadContent__2nzOt { width: 100%; height: 100%; aspect-ratio: 10 / 4; } .style_leftSlider__udD43 { border-radius: 10px; width: 100%; } .style_leftSliderImg__u2vF0 { width: 100%; height: 100%; object-fit: contain; max-width: 3000px; border-radius: 10px; } .style_rightContent__R79L0 { display: flex; align-content: space-between; flex-direction: column; row-gap: 20px; width: 48%; min-width: 350px; overflow: clip; } .style_rightSlider__Ne4dT { width: 100%; height: 180px; } .style_rightSlider__Ne4dT img { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; } .style_rightSliderImg__fbUI7 { width: 100%; max-width: 460px; object-fit: contain; } .style_slideBtn__Ag-Sj { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__JYWJt { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__3h4Ut { right: 15px; } .style_slideBtn__Ag-Sj:hover svg path { stroke: var(--red); } @media only screen and (max-width: 1280px) { .style_container__E-3dC { flex-direction: column; row-gap: 20px; justify-content: center; } .style_leftContent__hr5AJ { max-width: none; width: 100%; height: auto; display: flex; align-items: center; position: relative; overflow: clip; } .style_rightContent__R79L0 { flex-direction: row; column-gap: 20px; width: 100%; min-width: 100%; justify-content: space-between; overflow: clip; } .style_rightSlider__Ne4dT { width: 100%; max-width: 48%; height: auto; } .style_rightSliderImg__fbUI7 { max-width: none; } } @media only screen and (max-width: 992px) { .style_rightContent__R79L0 { column-gap: 12px; } } @media only screen and (max-width: 600px) { .style_rightSlider__Ne4dT img { border-radius: 5px; } } @media only screen and (max-width: 430px) { .style_container__E-3dC { row-gap: 8px; } } .style_main__FHdZC { display: flex; align-items: center; justify-content: space-between; width: 100%; column-gap: 30px; } .style_video__62pW3, .style_video__62pW3 video { max-width: 705px; width: 100%; } .style_rightBlock__m5Xek { max-width: 705px; width: 100%; display: flex; flex-direction: column; row-gap: 30px; } .style_timeBlock__I18kv { display: flex; align-items: center; justify-content: space-between; background-color: var(--white); box-shadow: 0px 4px 10px var(--box-shadow-light); border-radius: 5px; column-gap: 20px; padding: 25px 48px 18px 40px; } .style_imgTitle__Rb6nk { display: flex; align-items: center; justify-content: space-between; column-gap: 30px; } .style_percent__BAng4 { max-width: 60px; } .style_titles__mybDv { display: flex; flex-direction: column; row-gap: 8px; } .style_title__\+IJ-O { font-size: 24px; font-weight: bold; text-transform: uppercase; } .style_startTime__HyHAC { color: var(--gray-muted); text-transform: uppercase; font-size: 10px; font-weight: bold; } .style_timer__blMBt { display: flex; align-items: center; justify-content: space-between; column-gap: 6px; } .style_column__os0F8 { display: flex; flex-direction: column; align-items: center; row-gap: 3px; } .style_colon__onl9l { margin-bottom: 17px; font-size: 19px; } .style_countdown__hru8T { display: flex; align-items: center; width: 48px; height: 48px; font-size: 16px; font-weight: bold; border-radius: 5px; justify-content: center; background-color: var(--back-gray); } .style_nameof_count__uFn5v { font-size: 12px; color: var(--gray-light-text); } .style_swiperContainer__tEPfK { max-width: 705px; width: 100%; position: relative; } @media (min-width: 900px) { .style_swiper__3oCyq { padding: 35px 0; } } .style_loadContentVideo__q3a6v { max-width: 705px; width: 100%; aspect-ratio: 10 / 7.8; } .style_loadContentTimer__Ni6RF { width: 100%; height: 108px; } .style_loadContentProduct__KDlp4 { max-width: 336px; width: 100%; aspect-ratio: 10 / 5.2; } .style_slideBtn__FgLyb { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__HVbvG { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__2HOJ\+ { right: 15px; } .style_slideBtn__FgLyb:hover svg path { stroke: var(--red); } .style_slidesColumn__xhl3u { display: flex; flex-direction: column; row-gap: 30px; } @media only screen and (max-width: 1440px) { .style_imgTitle__Rb6nk { column-gap: 24px; } .style_titles__mybDv .style_title__\+IJ-O { font-size: 22px; } .style_titles__mybDv .style_startTime__HyHAC { font-size: 14px; } } @media only screen and (max-width: 1280px) { .style_main__FHdZC { flex-direction: column; row-gap: 20px; } .style_rightBlock__m5Xek, .style_swiperContainer__tEPfK { max-width: none; } .style_slidesColumn__xhl3u { row-gap: 10px; } } @media only screen and (max-width: 600px) { .style_timeBlock__I18kv { row-gap: 16px; padding: 25px 26px 18px 26px; flex-direction: column; } .style_imgTitle__Rb6nk { column-gap: 20px; } .style_titles__mybDv .style_title__\+IJ-O { font-size: 18px; } .style_titles__mybDv .style_startTime__HyHAC { font-size: 14px; } } /* .style_timeForEndSale__bF3UN, .style_priceAverageBlock__\+Gusn, .style_creditBlock__uwpbp, .style_countAddCartBuyNowBlock__c-6Xe, .style_cardBtn__zo1GB, .style_pricen__p6tzW, .style_price__5i23X, .style_newPrice__n4NvY, .style_oldPrice__S7ifb, .style_priceMounth__NFxgz, .style_priceText__vG6ix, .style_compareHeart__I3orO, .style_buyBtn__lCB07, .style_cashbackPrice__p8Pkr { display: none !important; } */ .style_container__kv-Mr { max-width: 336px; width: 100%; border-radius: 5px; display: flex; border: 1px solid var(--gray-border); background-color: var(--white); padding: 14px 30px 16px 16px; flex-direction: row; column-gap: 10px; } @media (min-width: 900px) { .style_container__kv-Mr:hover { -webkit-box-shadow: 0px 0px 30px -5px var(--box-shadow-medium); -moz-box-shadow: 0px 0px 30px -5px var(--box-shadow-medium); box-shadow: 0px 0px 30px -5px var(--box-shadow-medium); transform: scale(1.04); } } .style_leftBlock__fo5x1 { display: flex; flex-direction: column; row-gap: 6px; max-width: 150px; width: 150px; } .style_logo__ZnA3u { max-width: 60px; max-height: 20px; } .style_logo__ZnA3u img { width: 100%; height: 100%; max-width: 60px; max-height: 20px; object-fit: contain; } .style_imgs__iivIH { height: 120px; min-width: 120px; padding-top: 25px; display: block; position: relative; } .style_imgs__iivIH img { height: 100%; width: 100%; object-fit: contain; } .style_rightBlock__bZZd2 { width: 100%; display: flex; flex-direction: column; row-gap: 15px; justify-content: space-between; } .style_categoryName__o-zNQ { min-height: 27px; text-transform: uppercase; color: var(--modal-bg-login); font-family: "Mardoto-Bold"; width: 100%; font-size: 10px; margin-bottom: 5px; word-break: break-word; } .style_productName__MsipA { width: 100%; max-width: 200px; font-size: 13px; overflow: hidden; line-height: 16px; height: 32px; } .style_price__5i23X { font-size: 18px; font-weight: bold; } .style_promoPriceContainer__A7t4i { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; column-gap: 8px; width: 100%; } .style_newPrice__n4NvY { font-size: 18px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__XiGNz { position: relative; } .style_oldPrice__S7ifb { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__XiGNz .style_line__mWCYG { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_priceMounth__NFxgz { width: max-content; font-size: 12px; color: var(--gray-bold); margin-top: 10px; } .style_btnsContainer__mCXJe { margin-top: 10px; display: flex; flex-direction: row; column-gap: 14px; justify-content: flex-start; align-items: center; } .style_cardBtn__zo1GB { display: flex; align-items: center; justify-content: center; padding: 9px 14px; border-radius: 5px; column-gap: 10px; cursor: pointer; background-color: var(--red); width: 100%; } .style_cardBtn__zo1GB:hover { background-color: var(--dark-red); } .style_cardBtnSvg__ldQ9K { width: 10px; height: 11px; } .style_cardBtnSvg__ldQ9K path { fill: var(--white); } .style_cardBtn__zo1GB span { color: var(--white); font-size: 10px; } .style_compareBtn__Rg3Gu:hover svg rect { fill: var(--red); } .style_heartSvg__Q\+1TB { cursor: pointer; } .style_heartSvg__Q\+1TB:hover path { fill: var(--red); } .style_rightBlock__bZZd2 a:hover .style_productName__MsipA { text-decoration: underline; } /* .style_stickersBlock__nEo1E { position: absolute; top: 70px; right: 0; display: flex; column-gap: 4px; align-items: center; justify-content: flex-end; width: max-content; z-index: 999; } .style_giftBox__JaXq6 { display: flex; align-items: center; position: relative; cursor: pointer; min-width: 30px; width: 30px; height: 30px; min-height: 30px; justify-content: center; background: radial-gradient( 96.77% 96.77% at 93.33% 96.77%, #af001d 0.51%, #e31335 100% ); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1); border-radius: 5px; } .style_giftBox__JaXq6:hover .style_giftHovered__e2rop { display: flex; } .style_giftHovered__e2rop { display: none; padding: 15px; bottom: 30px; left: -40px; gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 70px; width: max-content; font-family: "Mardoto-Regular"; background-color: var(--white); box-shadow: 0px 4.82129px 48.2129px rgb(0 0 0 / 12%); } .style_giftHoveredMain__qcPlj { border: 1px solid #dfdfe2; border-radius: 2px; display: flex; cursor: pointer; flex-direction: column; row-gap: 14px; padding: 10px; min-width: 1px; width: 100%; align-items: flex-start; } .style_giftHovered__e2rop:hover .style_giftHoveredMain__qcPlj { border-color: var(--red); } .style_giftHoveredImg__Jrc2E { height: 40px; object-fit: contain; } .style_stickerImg__ZpmWD { max-width: 50px; max-height: 30px; object-fit: contain; max-width: 60px; } */ .style_stickersBlock__nEo1E { position: absolute; top: 70px; right: 10px; display: flex; column-gap: 4px; align-items: center; justify-content: flex-end; width: max-content; z-index: 999; } .style_giftBox__JaXq6 { display: flex; align-items: center; position: relative; cursor: pointer; min-width: 30px; width: 30px; height: 30px; min-height: 30px; justify-content: center; background: radial-gradient(96.77% 96.77% at 93.33% 96.77%, var(--gift-red-start) 0.51%, var(--gift-red-end) 100%); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1); border-radius: 5px; } .style_giftBox__JaXq6:hover .style_giftHovered__e2rop { display: flex; } .style_giftHovered__e2rop { display: none; padding: 15px; bottom: 30px; right: -5px; gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 104px; width: max-content; font-family: "Mardoto-Regular"; background-color: var(--white); box-shadow: var(--box-shadow-hover); } .style_giftHoveredMain__qcPlj { border: 1px solid var(--gift-border); border-radius: 2px; display: flex; cursor: pointer; flex-direction: column; row-gap: 14px; padding: 5px; min-width: 1px; width: 100%; align-items: center; justify-content: center; } .style_giftHovered__e2rop:hover .style_giftHoveredMain__qcPlj { border-color: var(--red); } .style_giftHoveredImg__Jrc2E { height: 40px; max-width: 60px; object-fit: contain; } .style_stickerImg__ZpmWD { max-width: 50px; max-height: 30px; object-fit: contain; max-width: 60px; } .style_cashbackContainer__TxlLP { margin-top: 10px; } .style_cashbackText__9DYxA { font-size: 14px; font-weight: bold; } .style_cashbackPrice__p8Pkr { color: var(--red); font-size: 16px; font-weight: bold; } @media only screen and (max-width: 600px) { .style_container__kv-Mr { display: flex; padding: 7px 15px 12px 8px; } .style_imgs__iivIH img { min-width: 100px; max-height: 90%; } .style_imgs__iivIH .style_giftHoveredMain__qcPlj img { min-width: auto; } .style_imgs__iivIH .style_stickerImg__ZpmWD { max-width: 50px; min-width: auto; } .style_rightBlock__bZZd2 { row-gap: 5px; } .style_newPrice__n4NvY, .style_price__5i23X { font-size: 15px; } .style_oldPrice__S7ifb { font-size: 12px; } .style_btnsContainer__mCXJe { column-gap: 7px; } } @media only screen and (max-width: 400px) { .style_container__kv-Mr { /* max-width: 310px; */ column-gap: 8px; padding: 6px 10px 8px 7px; } .style_leftBlock__fo5x1 { max-width: 150px; } .style_categoryName__o-zNQ { font-size: 8px; } .style_productName__MsipA { font-size: 11px; max-width: 120px; } .style_newPrice__n4NvY { font-size: 13px; } .style_oldPrice__S7ifb { font-size: 11px; } .style_priceMounth__NFxgz { font-size: 11px; } .style_btnsContainer__mCXJe svg { width: 18px; } } /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ /* .style_timeForEndSale__q4Wx6, .style_priceAverageBlock__OPyti, .style_creditBlock__BE33M, .style_countAddCartBuyNowBlock__U9fb2, .style_cardBtn__BCf8o, .style_pricen__A4UHq, .style_price__fx3Ge, .style_newPrice__3KmjH, .style_oldPrice__-Kx4h, .style_priceMounth__F\+Zo7, .style_priceText__2UZLL, .style_compareHeart__8UpQy, .style_buyBtn__b0nEy, .style_cashbackPrice__ICpIn { display: none !important; } */ .style_main__ZRFt\+ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 80px; border-radius: 5px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding: 44px; background-size: cover; -ms-flex-pack: distribute; justify-content: space-around; background-repeat: no-repeat; background-image: url(./assets/TreeInOneBg.png); } .style_leftBlock__0-BD4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 28px; max-width: 530px; } .style_rightBlock__4biKB { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; /* center */ position: relative; } .style_leftBlock__0-BD4 .style_title__pDW37, .style_leftBlock__0-BD4 .style_title__pDW37 span { font-size: 48px; text-transform: uppercase; font-weight: bold; } .style_priceBlock__BXR9I { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 50px; } .style_bigPrice__\+60B4 { font-size: 40px; font-weight: bold; } .style_btnsBlock__zU2Wj { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; row-gap: 28px; max-width: 530px; -webkit-column-gap: 36px; -moz-column-gap: 36px; column-gap: 36px; } .style_btn__YTEYc { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 18px 20px; border-radius: 5px; cursor: pointer; background-color: var(--red); gap: 10px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .style_btn__YTEYc span { font-size: 12px; color: var(--white); } .style_btn__YTEYc svg path { fill: var(--white); } .style_btn__YTEYc:hover { background-color: var(--dark-red); } @media only screen and (max-width: 1440px) { .style_leftBlock__0-BD4 .style_title__pDW37, .style_leftBlock__0-BD4 .style_title__pDW37 span, .style_leftBlock__0-BD4 .style_title__pDW37 b { font-size: 42px; } .style_bigPrice__\+60B4 { font-size: 36px; } .style_btnsBlock__zU2Wj { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media only screen and (max-width: 1024px) { .style_main__ZRFt\+ { margin-bottom: 56px; } .style_leftBlock__0-BD4 { width: 35%; } .style_leftBlock__0-BD4 .style_title__pDW37, .style_leftBlock__0-BD4 .style_title__pDW37 span, .style_leftBlock__0-BD4 .style_title__pDW37 b { font-size: 32px; } } @media only screen and (max-width: 992px) { .style_main__ZRFt\+ { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 50px; } .style_leftBlock__0-BD4 { max-width: none; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .style_leftBlock__0-BD4 .style_title__pDW37 { text-align: center; } } @media only screen and (max-width: 600px) { .style_bigPrice__\+60B4 { font-size: 24px; } } @media only screen and (max-width: 430px) { .style_main__ZRFt\+ { padding: 18px; } .style_leftBlock__0-BD4 { gap: 20px; } .style_btnsBlock__zU2Wj { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; width: 100%; } .style_btn__YTEYc { width: 100%; padding: 10px; } .style_btn__YTEYc span { font-size: 10px; } .style_leftBlock__0-BD4 .style_title__pDW37, .style_leftBlock__0-BD4 .style_title__pDW37 span { font-size: 28px; text-transform: uppercase; font-weight: bold; } } /* .style_timeForEndSale__7Yge4, .style_priceAverageBlock__WEReF, .style_creditBlock__FMH8x, .style_countAddCartBuyNowBlock__y9BZr, .style_cardBtn__anobD, .style_pricen__OfO8o, .style_price__hAmOZ, .style_newPrice__bG2-9, .style_oldPrice__598uR, .style_priceMounth__WbbHs, .style_priceText__o4vFi, .style_compareHeart__xIOva, .style_buyBtn__QN\+KL, .style_cashbackPrice__rInX9 { display: none !important; } */ .style_product__4vY64 { position: relative; } .style_productImg__iKMnc { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; /* min-height: 200px; min-width: 100px; max-height: 200px; max-width: 200px; */ } .style_plusBtn__BfGCj { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 2; /* top: 10px; right: 10px; */ width: 40px; height: 40px; background-color: var(--red); cursor: pointer; border-radius: 90px; } .style_infoContainer__un\+Cp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 10; /* top: 60px; right: 10px; */ width: auto; height: 0; padding: 0; border: 0px solid var(--white); -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; background: var(--text-light-muted); -webkit-backdrop-filter: blur(31px); backdrop-filter: blur(31px); border-radius: 5px; overflow: hidden; } .style_showedInfoContainer__4buMC { border: 1px solid var(--white); height: auto; min-width: 290px; padding: 15px; } .style_smallImg__oXu07 { max-width: 96px; width: 100%; height: 96px; } .style_smallImg__oXu07 img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .style_aboutProduct__5Tm4t { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 4px; } .style_aboutProductInfo__Wc\+4x { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; cursor: pointer; } .style_price__hAmOZ { font-size: 16px; font-weight: bold; } .style_category__bDmTL { text-transform: uppercase; color: var(--modal-bg-login); font-weight: bold; width: 100%; font-size: 10px; margin-bottom: 5px; word-break: break-word; } .style_name__HAl9m { height: 17px; width: 100%; max-width: 200px; font-size: 13px; overflow: hidden; line-height: 16px; } .style_priceMonth__7dgNz { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 12px; color: var(--gray-bold); } .style_btnsContainer__XzFFs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .style_btnsContainer__XzFFs svg { cursor: pointer; } @media only screen and (max-width: 768px) { .style_plusBtn__BfGCj { width: 30px; height: 30px; } .style_plusBtn__BfGCj svg { max-width: 15px; } .style_showedInfoContainer__4buMC { min-width: 230px; padding: 12px; } .style_smallImg__oXu07 { max-width: 76px; width: 100%; height: 76px; } .style_name__HAl9m { overflow: visible; text-wrap: wrap; height: auto; } } @media only screen and (max-width: 430px) { .style_plusBtn__BfGCj { width: 20px; height: 20px; } .style_plusBtn__BfGCj svg { max-width: 9px; } .style_productImg__iKMnc { min-width: auto; min-height: auto; } } /* .style_timeForEndSale__7HD7x, .style_priceAverageBlock__D0L5V, .style_creditBlock__4tLZd, .style_countAddCartBuyNowBlock__h16ca, .style_cardBtn__8EXNi, .style_pricen__Ow9\+p, .style_price__nrtIM, .style_newPrice__mAS\+e, .style_oldPrice__ycq0i, .style_priceMounth__QjhL0, .style_priceText__BqlUH, .style_compareHeart__3bVV4, .style_buyBtn__7guGR, .style_cashbackPrice__pRSZY { display: none !important; } */ .style_background__hqWp0 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); z-index: 9999999999; display: flex; justify-content: center; align-items: center; } .style_main__cWKCX { max-width: 530px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; row-gap: 20px; overflow: auto; border-radius: 5px; padding: 36px 30px 26px 30px; background-color: var(--white); } .style_loader__m4eMG { width: 530px; height: 90vh; max-width: 100%; max-height: 90%; } .style_header__lMC6K { width: 100%; display: flex; align-items: center; justify-content: space-between; } .style_title__cvSHZ { font-size: 25px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_closeBtn__xqHEb { align-self: flex-end; cursor: pointer; } .style_twoInputs__XvPiV { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .style_input__pgZkl { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--back-gray); border-radius: 5px; border: 1px solid transparent; outline: none; } .style_input__pgZkl:focus { border-color: var(--green); } .style_priceBlock__dZYD4 { width: 100%; column-gap: 6px; display: flex; align-items: center; justify-content: space-between; } .style_priceText__BqlUH { font-size: 16px; color: var(--modal-bg-login); } .style_paymentTitle__Tz5gg { font-size: 20px; font-weight: bold; text-transform: uppercase; } .style_paymentsBlock__vTQpE { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 18px; justify-content: flex-start; } .style_buyBtn__7guGR { display: flex; align-items: center; border-radius: 5px; justify-content: center; background-color: var(--red); width: 100%; padding: 16px; cursor: pointer; } .style_buyBtn__7guGR:hover { background-color: var(--dark-red); } .style_buyBtn__7guGR span { font-size: 14px; font-family: "Mardoto-Regular"; color: var(--white--inf); } .style_main__cWKCX::-webkit-scrollbar-track { background: var(--gray-scroll-track); border-radius: 4px; height: 19px; } .style_main__cWKCX::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 300ms ease-out; } .style_main__cWKCX::-webkit-scrollbar { height: 4px; width: 4px; } .style_errorMessage__1DPRD { width: 100%; text-align: center; color: var(--red); } .style_inputError__PkDVz { border: 1px solid var(--red) !important; } @media only screen and (max-width: 768px) { .style_main__cWKCX { max-height: 80vh; } .style_title__cvSHZ { font-size: 20px; } } @media only screen and (max-width: 600px) { .style_main__cWKCX { width: 95%; max-height: 80vh; } .style_twoInputs__XvPiV { gap: 16px; flex-direction: column; } } @media only screen and (max-width: 430px) { .style_twoInputs__XvPiV { flex-direction: column; gap: 20px; } .style_paymentsBlock__vTQpE { gap: 10px; } } .style_container__0iZz2 { max-width: 218px; height: 108px; width: calc(100% / 2 - 10px); cursor: pointer; border: 2px solid var(--light-background-gray); border-radius: 5px; padding: 20px 18px 10px 18px; display: flex; position: relative; flex-direction: column; align-items: center; justify-content: flex-end; row-gap: 14px; } .style_container__0iZz2:hover { border-color: var(--red); } .style_checkBtn__E8N61 { position: absolute; top: 20px; left: 18px; background-color: var(--light-background-gray); border-radius: 50%; cursor: pointer; height: 14px; width: 14px; border: 4px solid transparent; } .style_cartImgs__K53mh { display: flex; align-items: center; justify-content: center; column-gap: 10px; } .style_cartImg__XmSRJ { max-width: 130px; height: 32px; } .style_imgBuyNow__LlsSb { max-width: 105px; height: 66px; } .style_cartImg__XmSRJ img, .style_imgBuyNow__LlsSb img { width: 100%; height: 100%; object-fit: contain; } .style_cartText__RR\+wL { font-size: 10px; text-transform: uppercase; font-weight: 600; text-align: center; } .style_activeContainer__VsNw3 { border-color: var(--red); } .style_activeCheckBtn__8ItrE { border-color: var(--red); } @media only screen and (max-width: 768px) { .style_checkBtn__E8N61 { top: 13px; left: 14px; } } @media only screen and (max-width: 600px) { .style_checkBtn__E8N61 { top: 10px; left: 10px; } } @media only screen and (max-width: 430px) { .style_container__0iZz2 { padding: 10px 9px 5px 9px; justify-content: center; row-gap: 7px; } .style_cartText__RR\+wL { font-size: 9px; } } .style_main__SJQaO { width: 100%; display: flex; flex-direction: column; gap: 20px; overflow: auto; border-radius: 5px; padding: 36px; background: var(--gray); margin: 30px 0; position: relative; } .style_main__SJQaO::-webkit-scrollbar { height: 4px; width: 4px; } .style_main__SJQaO::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 300ms ease-out; } .style_main__SJQaO::-webkit-scrollbar-track { background: var(--gray-scroll-track); border-radius: 4px; height: 19px; } .style_header__BoDs- { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; } .style_backBtn__HKS8d { display: flex; align-items: center; width: 40px; height: 40px; background: var(--light-background-gray); border-radius: 2px; justify-content: center; cursor: pointer; border: 1px solid transparent; } .style_backBtn__HKS8d:hover { border-color: var(--red); } .style_backBtn__HKS8d:hover svg path { fill: var(--red); } .style_closeBtn__cupXE { cursor: pointer; } .style_closeBtn__cupXE:hover svg path { stroke: var(--red); } .style_bankLogo__5p8Cp { max-width: 274px; max-height: 136px; border-radius: 5px; padding: 10px; margin-bottom: 14px; display: flex; align-items: center; justify-content: center; background-color: var(--white); object-fit: contain; } .style_bankText__K1xcP { min-height: 150px; height: 280px; padding-right: 82px; overflow: auto; font-size: 18px; line-height: 28px; margin-bottom: 14px; color: var(--text-muted); width: 100%; } .style_title__TdohG { font-size: 18px; text-transform: uppercase; font-weight: bold; } .style_passportInput__65eJy { background-color: var(--white); width: 100%; padding: 12px 24px; font-size: 14px; border-radius: 5px; border: 1px solid transparent; outline: none; } .style_passportInput__65eJy:focus { border-color: var(--green); } .style_checkBoxBlock__QRTqr { display: flex; column-gap: 10px; align-items: center; cursor: pointer; } .style_checkBox__weul- { display: flex; align-items: center; justify-content: center; width: 17px; min-width: 17px; height: 17px; border: 1.5px solid var(--text-light-muted); border-radius: 2px; } .style_checkBoxText__ioHUM { color: var(--gray-muted); font-size: 14px; } .style_creditInfoBlock__xn6Fv { max-width: 530px; width: 100%; padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; margin: 0 auto; } .style_creditInfoBlockTitle__Mz06h { font-size: 24px; padding-bottom: 14px; font-weight: bold; color: var(--black); text-transform: uppercase; text-align: center; } .style_creditInfoBlockDescription__fG6wJ { font-size: 14px; text-align: center; font-weight: 600; color: var(--text-light-muted); } .style_addPhotoText__VFI3A { font-size: 18px; color: var(--text-muted); } .style_uploadBtn__xMqpZ { display: flex; align-items: center; padding: 20px; width: 300px; background-color: var(--black); border-radius: 5px; justify-content: center; cursor: pointer; } .style_uploadBtn__xMqpZ:hover { background-color: var(--black); } .style_uploadBtn__xMqpZ span { font-size: 16px; color: var(--white); } .style_uploadFileDesc__zJdQI { white-space: wrap; max-width: 100%; overflow: unset; } .style_uploadFileDescRow__maFoW { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; max-width: 100%; width: 100%; /* justify-content: space-between; */ } .style_uploadFileDescRow__maFoW .style_step__zjZOA { width: 97.825px; flex-basis: 8.33333%; max-width: 8.33333%; -webkit-box-flex: 0; font-size: 14.4px; padding-right: 10%; height: 35px; white-space: nowrap; } .style_uploadFileDescRowDesc__eWU3t { flex-basis: 91.6667%; max-width: 91.6667%; -webkit-box-flex: 0; white-space: pre-wrap; padding-right: 15px; padding-left: 15px; font-size: 14.4px; } .style_buyBtn__77iL6 { width: 350px; padding: 20px; cursor: pointer; border: none; border-radius: 5px; background-color: var(--red); display: flex; align-items: center; justify-content: center; } .style_buyBtn__77iL6 span { color: var(--white--inf); font-size: 16px; } .style_uploadedImgContainer__blwT2 { width: 100px; height: 100px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; } .style_uploadedImgContainer__blwT2 img { width: 100%; height: 100%; object-fit: contain; } .style_uploadedImagesRow__2odG6 { width: 100%; display: flex; flex-direction: row; align-items: center; } .style_deleteImage__4jrIX { display: flex; cursor: pointer; border: none; background: transparent; color: var(--dark-red); } @media only screen and (max-width: 768px) { .style_uploadFileDescRow__maFoW { flex-direction: column; } } .style_thanksModalBg__sCwLy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--box-shadow-small); z-index: 9999999999999999; display: flex; justify-content: center; align-items: center; } .style_thanksModal__OO8o2 { max-width: 530px; width: 100%; background-color: var(--white); padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; } .style_thanksModalClose__Zeb\+6 { align-self: flex-end; cursor: pointer; } .style_thanksModalImg__5D79G { max-width: 135px; height: 146px; } .style_thanksModalTitle__Mjf5D { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_thanksModalSubTitle__bgqPp { font-size: 14px; text-align: center; font-weight: 600; color: var(--text-light-muted); } .style_thanksModalBtn__tt5wG { max-width: 374px; width: 100%; padding: 16px; display: flex; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); cursor: pointer; } .style_thanksModalBtn__tt5wG span { color: var(--white); font-size: 14px; } @media (max-width: 500px) { .style_uploadBtn__xMqpZ { width: 80%; } .style_buyBtn__77iL6 { width: 100%; } } @media (max-width: 410px) { .style_uploadBtn__xMqpZ span, .style_buyBtn__77iL6 span { font-size: 11px; } } .style_product_modal_block__gar7D { position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; } .style_product_modal_bg__E6sdx { position: absolute; width: 100%; height: 100%; background-color: var(--black); opacity: 0.6; } .style_modal_content_scrool__lmzQV { max-width: 754px; width: 100%; background-color: var(--white); padding: 44px 30px; border-radius: 5px; display: flex; align-items: center; row-gap: 14px; max-height: 62vh; overflow: auto; flex-direction: column; position: relative; margin: 20px; } .style_modal_content_scrool__lmzQV::-webkit-scrollbar { height: 0; width: 2px; } .style_modal_content_scrool__lmzQV::-webkit-scrollbar-track { background-color: var(--red); /* цвет трека */ } .style_modal_content_img_title__BUx0W { display: flex; } .style_modal_content_title__kw2lk {} .style_modal_content_title__kw2lk span { font-size: 14px; color: var(--text-light-muted); } .style_modal_content_title__kw2lk h3 { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_finish_check_block_border__Lz2wp { border: 1px dashed rgba(var(--black-rgb), 0.1); border-radius: 5px; padding: 15px 12px; width: 100%; } .style_finish_check_block__q9h2v { background: var(--gray); border-radius: 5px; padding: 8px 22px; display: flex; flex-direction: column; } .style_check_info_element__YNn-R { padding: 10px 16px; gap: 10px; border-bottom: 1px solid rgba(var(--black-rgb), 0.1); display: flex; justify-content: space-between; align-items: center; } .style_bold_first_text__YHLEZ { font-size: 16px; font-weight: bold; } .style_total_info_col__uD8fb { background: var(--gray); border-radius: 5px; padding: 24px 38px 35px 32px; column-gap: 10px; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .style_prod_count_imgs__MbQ5C { display: flex; flex-direction: column; gap: 16px; } .style_count_title_check__fXXnm { justify-content: flex-start; column-gap: 16px; align-items: center; display: flex; } .style_round_mini_img__aLwWx { width: 52px; height: 52px; border: 1px solid var(--red); border-radius: 90px; } .style_prod_total__e3GAK { font-size: 16px; font-weight: bold; color: rgba(var(--black-rgb), 0.4); } .style_prod_total_price__KsWBM { font-size: 30px; } .style_backto_btn__UlEm0 { width: 100%; padding: 16px; color: var(--white); font-size: 14px; border-radius: 5px; align-items: center; justify-content: center; background-color: var(--red); display: block; margin-top: 10px; text-align: center; cursor: pointer; } .style_close_shnor__pL96W { position: absolute; top: 20px; right: 20px; cursor: pointer; } @media (max-width: 600px) { .style_bold_first_text__YHLEZ { font-size: 14px; } .style_prod_total_price__KsWBM { font-size: 20px; } .style_modal_content_title__kw2lk h3 { font-size: 22px; } .style_modal_content_img_title__BUx0W img { width: 30%; height: 30%; } .style_modal_content_scrool__lmzQV { padding: 35px 20px; } .style_total_info_col__uD8fb { background: var(--gray); border-radius: 5px; padding: 15px 20px 20px 15px; } .style_check_info_element__YNn-R { padding: 5px 10px; } .style_check_info_element__YNn-R p { font-size: 13px; } } @media only screen and (max-width: 430px) { .style_bold_first_text__YHLEZ { font-size: 12px; } .style_prod_total_price__KsWBM { font-size: 16px; } .style_modal_content_title__kw2lk h3 { font-size: 16px; } .style_finish_check_block__q9h2v { padding: 6px 7px; } .style_modal_content_scrool__lmzQV { padding: 4px 4px; } .style_check_info_element__YNn-R p { font-size: 10px; } .style_backto_btn__UlEm0 { font-size: 10px; } .style_count_title_check__fXXnm { column-gap: 6px; } } .style_topBtn__TJHvA { position: fixed; display: flex; justify-content: center; align-items: center; right: 20px; bottom: 30px; cursor: pointer; z-index: 12; height: 40px; width: 40px; background: var(--red); border-radius: 30px; box-shadow: var(--box-shadow-red-glow); } .style_topBtn__TJHvA .style_arrow__EQs6f { transform: rotate(180deg); width: 15px; } .style_topBtn__TJHvA .style_arrow__EQs6f path { stroke: white } @media only screen and (max-width: 992px) { .style_topBtn__TJHvA { bottom: 100px; } } .style_container__QuQCi { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 14px; margin-top: 30px; margin-bottom: 46px; } .style_homeBtn__lWqul:hover svg path { fill: var(--red); } .style_line__g-IIK { width: 22px; height: 1px; background-color: var(--black); opacity: 0.4; } .style_title__06WjO { color: var(--black); opacity: 0.85; font-size: 18px; text-transform: uppercase; } /* ---------- MEDIA ---------- */ @media only screen and (max-width: 1024px) { .style_container__QuQCi { gap: 10px; margin-top: 20px; margin-bottom: 26px; } } @media only screen and (max-width: 600px) { .style_container__QuQCi { column-gap: 10px; } .style_title__06WjO { font-size: 14px; } } .style_address_block_item__\+u0r1 { background: var(--gray); border: 1px solid var(--border-gray-10); border-radius: 5px; padding: 26px; gap: 20px; justify-content: flex-start; cursor: pointer; display: flex; margin: 0 10px 0 0; align-items: center; } .style_store_img_chosen__sjTro { min-width: 60px; width: 60px; height: 60px; } .style_store_img_chosen__sjTro img { width: 100%; border-radius: 50%; height: 100%; } .style_addr_cont_inf__lcSPc { display: flex; flex-direction: column; gap: 16px; } .style_locname_ch__HdOSu { font-size: 20px; font-weight: 600; } .style_time_phone__zg1p8 { column-gap: 18px; display: flex; } .style_chosen_phone_mail_user__h6xbK { display: flex; align-items: center; column-gap: 8px; color: var(--text-light-muted); font-size: 13px; } .style_block_item_import_maps__5qcc8{ } @media (max-width: 426px) { .style_locname_ch__HdOSu { font-size: 15px; font-weight: 600; } .style_time_phone__zg1p8 { gap: 10px; flex-direction: column; } .style_address_block_item__\+u0r1{ padding: 15px; gap: 10px; } } .style_form_maps__J7SS2 { width: 100%; height: 100%; } .style_address_block_item__FOFni { background: var(--back-gray); max-width: 408px; max-height: 300px; width: 100%; height: 100%; min-width: 0px; cursor: pointer; margin: 0 10px 0 0; border-radius: 20px; transform: translate3d(-50%, -60%, 0); } .style_store_img_chosen__tE00o { width: 100%; max-height: 400px; } .style_store_img_chosen__tE00o img { width: 100%; height: 100%; } .style_addr_cont_inf__I68oE { max-width: 346px; width: 100%; display: flex; flex-direction: column; row-gap: 20px; border-radius: 5px; padding: 28px; background-color: var(--white); } .style_locname_ch__9BQ8C { font-size: 20px; font-weight: 600; } .style_time_phone__FNQ0Q { column-gap: 18px; } .style_chosen_phone_mail_user__6he2R { display: flex; align-items: center; column-gap: 8px; color: var(--text-light-muted); font-size: 13px; } @media (max-width: 426px) { .style_locname_ch__9BQ8C { font-size: 15px; font-weight: 600; } .style_time_phone__FNQ0Q { gap: 10px; flex-direction: column; display: flex; } .style_address_block_item__FOFni { padding: 15px; gap: 10px; } } .style_store_for_map_scrool__OJNth { max-height: 411px; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 40px; } .style_loc_name__6abml { font-size: 20px; } .style_time_phone__FNQ0Q { display: flex; column-gap: 18px; justify-content: flex-start; } .style_contacts_icons__moqCd { display: flex; align-items: center; width: 100%; margin: 40px 0 60px 0; background: var(--back-gray); border-radius: 5px; padding: 40px; gap: 20px; flex-wrap: wrap; justify-content: space-around; } .style_cont_block__mGkIE { display: flex; align-items: center; justify-content: flex-start; gap: 20px; font-size: 20px; color: var(--text-muted); &:hover { color: var(--red); } } .style_round_cont_svg__gHnR1 { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--dark-gray); border-radius: 90px; padding: 15px; border: 1px solid var(-border-gray-10); > img { width: 100%; height: 100%; max-width: 32px; object-fit: contain; } } .style_cont_blokes__f6eIn { width: 100%; display: flex; align-items: center; flex-direction: column; row-gap: 16px; } .style_cont_titles__w\+Y56 { font-size: 20px; font-weight: bold; text-align: center; } .style_social_media_f__puRTB { display: flex; column-gap: 20px; } .style_social_svgs__qfc3j { display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-gray-10); border-radius: 5px; width: 40px; height: 40px; padding: 6px; } .style_contact_second_title__dG07\+ { font-size: 30px; font-weight: bold; color:var(--black); text-transform: uppercase; margin-bottom: 20px; } .style_line__3EtDb { height: 42px; border-right: 1px solid var(--border-black-10); } .style_contactItem__8r-R9 { display: flex; align-items: center; justify-content: flex-start; gap: 20px; cursor: pointer; } .style_contactItem__8r-R9 span { font-size: 20px; color: var(--text-muted); } .style_contactItem__8r-R9:hover span { color: var(--red); } .style_roundSvgContainer__mgB\+F { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background: var(--dark-gray); border-radius: 90px; padding: 15px; border: 1px solid var(--border-gray-10); } .style_contactItem__8r-R9:nth-child(4) { flex-direction: column; } .style_contactItemTitle__Ba0uW { font-size: 20px; font-weight: bold; } .style_socIconsContainer__KIbm5 { display: flex; flex-direction: row; column-gap: 20px; } .style_socIconsContainer__KIbm5 div { display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-gray-10); border-radius: 5px; width: 40px; height: 40px; padding: 6px; cursor: pointer; } .style_socIconsContainer__KIbm5 div:hover { border-color: var(--red); } .style_socIconsContainer__KIbm5 div:hover svg path { fill: var(--red); } .style_contact_compare_form__uA-jc { position: relative; } .style_head_search__rQUf3 { width: 100%; padding: 15px 65px 15px 20px; font-size: 14px; border-radius: 5px; background-color: transparent; border: 1px solid var(--black); outline: none; } .style_head_search__rQUf3:focus { border-color: var(--green); } .style_search_btn___0VjjO { position: absolute; top: 7px; right: 9px; font-size: 16px; cursor: pointer; border: none; border-radius: 5px; padding: 9px 29px; color: var(--white); background-color: var(--red); } .style_search_btn___0VjjO:hover { background-color: var(--dark-red); } .style_contact_maps_block__XFSlQ { display: flex; gap: 20px; min-height: 500px; } .style_contact_addres_list__k\+aVS { max-height: 500px; overflow-x: scroll; display: flex; flex-direction: column; gap: 20px; } .style_contact_addres_list__k\+aVS::-webkit-scrollbar { height: 0; width: 2px; } .style_contact_addres_list__k\+aVS::-webkit-scrollbar-track { background-color: var(--red); /* цвет трека */ } .style_contact_form__b8gN\+ { max-width: 432px; width: 100%; display: flex; flex-direction: column; gap: 20px; } .style_store_img_chosen__PjOnb { min-width: 60px; width: 60px; height: 60px; } .style_store_img_chosen__PjOnb img { width: 100%; border-radius: 50%; height: 100%; } .style_chosen_phone_mail_user__oyQRp { display: flex; align-items: center; column-gap: 8px; color: var(--text-light-muted); font-size: 13px; } .style_contact_form_maps__dM5dB { width: 100%; } @media (max-width: 627px) { .style_contacts_icons__moqCd { flex-direction: column; align-items: center; justify-content: center; gap: 0; } .style_contactItem__8r-R9 { gap: 10px; } .style_contactItem__8r-R9 span { font-size: 16px; color: var(--text-muted); } .style_roundSvgContainer__mgB\+F { width: 45px; height: 45px; } } @media (max-width: 1085px) { .style_contact_maps_block__XFSlQ { flex-direction: column; } .style_contact_form__b8gN\+ { max-width: 100%; width: 100%; display: flex; flex-direction: column; gap: 20px; } .style_contact_form_maps__dM5dB { height: 500px; } } @media (max-width: 426px) { .style_contact_addres_list__k\+aVS { gap: 10px; } .style_head_search__rQUf3 { width: 100%; padding: 15px 65px 15px 20px; font-size: 14px; border-radius: 5px; background-color: transparent; border: 1px solid var(--black); outline: none; } .style_head_search__rQUf3:focus { border-color: var(--green); } .style_search_btn___0VjjO { font-size: 10px; } } .style_loadContent_icons__wEytP { width: 100%; height: 100px; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; } .style_loadContent_maps__0sPhD { width: 100%; height: 400px; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; padding: 50px 0 0; } .style_loadContent_form__-LrEX { width: 100%; height: 400px; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; padding: 50px 0 0; } .style_aboutUsBlock__D8Peg { display: flex; flex-direction: column; gap: 26px; } .style_creditBanner__YSaFN { width: 100%; } .style_creditBannerImg__ZGUqY { width: 100%; } element { line-height: 30px; } .style_aboutDescription__V5tML { font-size: 18px; line-height: 30px; color: var(--gray-old-price); text-align: justify; } .style_aboutDescription__V5tML>p { font-weight: 400; color: var(--about-text-color); font-size: 13px; text-align: left; } .style_brendsBlock__OIJs5 { display: flex; gap: 15px; justify-content: flex-start; margin: 44px 0; flex-wrap: wrap; } .style_brend__Teq9E { width: calc(100% / 8 - 15px); max-width: 166px; height: 70px; background: var(--white); border: 1px solid var(--gray-border); border-radius: 5px; padding: 15px 28px; cursor: pointer; } .style_brend__Teq9E:hover { border-color: var(--red); transition: 0.3s; } .style_banner__WD51P { object-fit: contain; width: 100%; height: 100%; vertical-align: middle; } .style_moreBtn__0eCBC { width: calc(100% / 8 - 15px); max-width: 166px; min-height: 100%; display: flex; justify-content: center; align-items: center; color: var(--white); border: none; border-radius: 5px; cursor: pointer; background-color: var(--red); } .style_moreBtn__0eCBC>element { color: white; } .style_moreBtn__0eCBC:hover { background-color: var(--dark-red); transition: 0.3s; } .style_aboutSecondBanner__AOGn6 { background: var(--gray); gap: 20px; padding: 0 72px 52px 72px; margin: 70px 0 52px 0; display: flex; align-items: center; justify-content: space-between; } .style_secondBannerDescrip__rx1lW span { max-width: 676px; color: var(--about-text-color); font-size: 13px; text-align: justify; line-height: 24px; } .style_aboutDescriptionRight__0CO1x { max-width: 530px; width: 100%; margin-top: -26px; } .style_aboutSecondBanner__AOGn6 img { object-fit: contain; width: 100%; height: 100%; vertical-align: middle; } .style_aboutDescriptionSecond__R6\+64 { font-size: 13px; text-align: justify; line-height: 30px; } .style_aboutDescriptionSecond__R6\+64>span { color: var(--about-text-color); } .style_teamMembersBlock__jWuaE { display: flex; align-items: center; justify-content: space-between; background: var(--gray); border-radius: 5px; gap: 20px; margin: 50px 0; padding: 66px 56px 32px 140px; } .style_teamMemberAbout__vPN6w { max-width: 430px; display: flex; flex-direction: column; row-gap: 24px; } .style_teamMembersBlockTitle__G\+wr9 element { font-size: 40px; line-height: 100%; font-style: italic; text-transform: uppercase; /* font-weight: 600; font-style: italic; */ font-family: "Mardoto-Regular"; font-weight: bold; } .style_moreAboutMembers__33gat { margin-top: 40px; padding: 14px 40px; border-radius: 5px; color: var(--white); font-size: 16px; width: max-content; cursor: pointer; background-color: var(--red); } .style_moreAboutMembers__33gat>element { color: white; } .style_moreAboutMembers__33gat:hover { background-color: var(--dark-red); transition: 0.3s; } .style_moreAboutMembersImg__ezttg { max-width: 440px; width: 100%; } .style_moreAboutMembersImg__ezttg img { width: 100%; } .style_banksAbout__QH2s2 { display: flex; align-items: center; gap: 20px; margin: 26px 0 60px 0; flex-wrap: wrap; } .style_banksAboutItem__AuakS { width: calc(100% / 6 - 20px); min-width: 220px; height: 118px; background: var(--white); box-shadow: 0px 4px 10px var(--box-shadow-light); border-radius: 10.5908px; padding: 30px 0; cursor: pointer; border: 1px solid transparent; } .style_banksAboutItem__AuakS:hover { border-color: var(--red); transition: 0.3s; } .style_banksAboutItem__AuakS>img { object-fit: contain !important; width: 100%; height: 100%; max-width: 225px; padding: 0 10px; box-sizing: border-box; } .style_LoadContentGeneralBanner__gH2jT { height: 450px; } .style_LoadContentdescript__bMjXT { height: 250px; } .style_LoadContentBrend__vJCHh { min-width: calc(100% / 8 - 15px); max-width: 166px; height: 70px; } .style_LoadContentaboutDescriptionRight__go\+cp { height: 350px; } @media (max-width: 1280px) { .style_aboutSecondBanner__AOGn6 { gap: 45px; padding: 62px 56px 50px 56px; flex-direction: column; } .style_secondBannerDescrip__rx1lW { max-width: none; } .style_aboutDescriptionRight__0CO1x { margin: 0; } .style_teamMembersBlock__jWuaE { margin: 30px 0; gap: 14px; } .style_LoadContentGeneralBanner__gH2jT { height: 300px; } } @media (max-width: 1024px) { .style_brend__Teq9E { min-width: calc(100% / 6 - 13px); height: 62px; padding: 15px 17px; } .style_LoadContentBrend__vJCHh { min-width: calc(100% / 6 - 13px); max-width: 166px; } .style_moreBtn__0eCBC { min-width: calc(100% / 6 - 13px); /* padding: 21px 74px; */ } .style_aboutDescription__V5tML { font-size: 16px; } .style_teamMembersBlock__jWuaE { padding: 36px 14px 36px 30px; } .style_brend__Teq9E:nth-child(6) { display: none; } .style_brend__Teq9E:nth-child(7) { display: none; } .style_LoadContentGeneralBanner__gH2jT { height: 200px; } } @media (max-width: 768px) { .style_brend__Teq9E { padding: 13px 15px; width: calc(100% / 4 - 13px); } .style_LoadContentBrend__vJCHh { padding: 13px 15px; width: calc(100% / 4 - 13px); } .style_brend__Teq9E:nth-child(4) { display: none; } .style_brend__Teq9E:nth-child(5) { display: none; } .style_moreBtn__0eCBC { width: calc(100% / 4 - 13px); max-width: 157px; } .style_teamMembersBlockTitle__G\+wr9 element { font-size: 29px; } /* .style_moreAboutMembers__33gat { padding: 10px 30px; font-size: 11px; } */ .style_banksAbout__QH2s2 { margin: 30px 0; } .style_moreAboutMembers__33gat { padding: 10px 30px; } .style_moreAboutMembers__33gat>element { font-size: 11px; line-height: 100%; } .style_teamMembersBlock__jWuaE { padding: 36px 14px 36px 30px; } .style_teamMemberAbout__vPN6w { row-gap: 16px; } } @media (max-width: 600px) { .style_brendsBlock__OIJs5 { justify-content: center; } .style_banksAboutItem__AuakS { width: 100%; } .style_brend__Teq9E { width: calc(100% / 2 - 20px); max-width: 180px; } .style_LoadContentBrend__vJCHh { width: calc(100% / 2 - 20px); max-width: 180px; } .style_moreBtn__0eCBC { width: calc(100% / 2 - 20px); max-width: 180px; } .style_LoadContentGeneralBanner__gH2jT { height: 96px !important; } .style_teamMembersBlockTitle__G\+wr9>element { font-size: 16px; line-height: 16px; } .style_moreAboutMembers__33gat { padding: 6px 16px; } .style_moreAboutMembers__33gat>element { font-size: 6px; } .style_teamMemberAbout__vPN6w { max-width: 170px; row-gap: 8px; } .style_moreAboutMembers__33gat { padding: 6px 16px; font-size: 6px; } .style_moreAboutMembersImg__ezttg { max-width: 170px; width: 100%; } } @media (max-width: 430px) { .style_banksAboutItem__AuakS { width: 45%; min-width: calc(100% / 2 - 20px); } } .style_loadContent__gzZ5B { width: 100%; height: auto; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; } .style_mySwiper__KpJKK { margin-bottom: 50px; } .style_mySwiper2__4-y95 { margin-top: 40px; /* margin-bottom: 50px; */ } .style_slideImg__B6AzW { display: flex; justify-content: center; width: 100%; object-fit: contain; margin-bottom: 40px; } .style_slideImg__B6AzW > img { max-width: 688px; width: 100%; object-fit: contain; } .style_thumbImg__7alD2 { height: 194px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--white); } .style_thumbImgActive__QgQ49 { border: 1px solid var(--red); } .style_thumbImg__7alD2:hover { border: 1px solid var(--red); transition: 0.3s; } .style_thumbImg__7alD2 > img { width: 100%; height: unset; vertical-align: middle; cursor: pointer; /* object-fit: cover; */ } .style_slideBtn__ZdsHf { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--slide-btn-shadow); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__1-HWQ { left: 7%; top: 85px; transform: rotate(180deg); } .style_slideNextArrow__MKxzA { right: 7%; top: 85px; } .style_slideBtn__ZdsHf:hover svg path { stroke: var(--red); } .style_slideImg__B6AzW { width: 100%; max-height: 400px; object-fit: contain; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next: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:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ .style_creditBanner__GhqT3{ width: 100%; } .style_creditBannerImg__rT8DM{ width: 100%; } .style_blogSection__MQnzj{ margin-top: 80px; } .style_main__sjdOb { display: flex; flex-direction: row; flex-wrap: wrap; margin: 82px 0 58px 0; gap: 20px; } .style_titleBlock__KmPIB { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .style_moreBtn__JUXZp { font-size: 16px; cursor: pointer; text-transform: uppercase; text-decoration: underline; } .style_titleBlock__KmPIB .style_moreBtn__JUXZp:hover { color: var(--red); text-decoration: none; } .style_blogItem__qKLXQ { display: flex; flex-direction: column; row-gap: 16px; max-width: 336px; width: 23%; cursor: pointer; flex-grow: 4; } .style_blogItemImg__9OZFG { max-height: 104px; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } .style_blogItemTitle__9cCM0 { font-size: 18px; min-height: 48px; font-weight: bold; max-height: auto; } .style_blogItemTitle__9cCM0:hover { color: var(--red); } .style_blogItemDate__re8b0 { color: var(--text-gray-medium); font-size: 16px; } .style_loadContentImg__gfZnJ { width: 100%; height: auto; aspect-ratio: 10 / 3.3; } .style_loadContentTitle__GmXQp { width: 100%; height: 48px; } .style_loadContentDate__JdE72 { width: 100%; height: 16px; } @media (max-width: 1300px) { .style_blogItemDate__re8b0 { display: none; } .style_loadContentDate__JdE72 { display: none; } .style_blogItemImg__9OZFG { max-height: 92px; } } @media only screen and (max-width: 1024px) { .style_blogItem__qKLXQ { width: 30%; flex-grow: 3; } .style_blogItemTitle__9cCM0{ font-size: 12px; } } @media only screen and (max-width: 768px) { .style_blogSection__MQnzj{ margin-top: 40px; } .style_moreBtn__JUXZp { font-size: 14px; } .style_blogItem__qKLXQ { width: 33%; /* min-width: fit-content; */ } .style_blogItemTitle__9cCM0{ font-size: 12px; } } @media only screen and (max-width: 600px) { .style_blogItem__qKLXQ { width: 100%; } .style_blogSection__MQnzj{ margin-top: 30px; } .style_main__sjdOb { padding-bottom: 20px; justify-content: center; } } .style_pageination__9WcIn { display: flex; align-items: center; column-gap: 14px; list-style: none; } .style_prevPageNextBntn__nxWHW { border-radius: 50%; width: 42px; height: 42px; cursor: pointer; display: flex; justify-content: center; align-items: center; background-color: var(--gray); } .style_prevPageNextBntn__nxWHW:hover { background-color: var(--red); } .style_prevPageNextBntn__nxWHW:hover svg { fill: transparent; } .style_prevPageNextBntn__nxWHW:hover svg path { stroke: var(--white); } .style_pageItemTwo__GYbkM { padding: 10px 14px; height: 42px; font-size: 20px; font-weight: 500; cursor: pointer; justify-content: center; border: 1px solid var(--modal-bg-login); border-radius: 4px; } .style_pageItem__X9CRH { padding: 10px 14px; height: 42px; font-size: 20px; font-weight: 500; cursor: pointer; justify-content: center; border: 1px solid var(--modal-bg-login); border-radius: 4px; } .style_pageItem__X9CRH:hover { background-color: var(--red); border-color: transparent; } .style_pageItem__X9CRH:hover a { color: var(--white); } .style_currentPage__qpbHy { background-color: var(--red); border-color: transparent; } .style_currentPage__qpbHy>a { color: var(--white--inf); } @media only screen and (max-width: 460px) { .style_prevPageNextBntn__nxWHW { width: 20px; height: 20px; } .style_prevPageNextBntn__nxWHW svg { width: 7px; height: 16px; } .style_pageItem__X9CRH, .style_pageItemTwo__GYbkM { font-size: 18px; padding: 6px 10px; height: 36px; } .style_pageination__9WcIn { column-gap: 10px; } } @media only screen and (max-width: 375px) { .style_prevPageNextBntn__nxWHW { width: 20px; height: 20px; } .style_prevPageNextBntn__nxWHW svg { width: 7px; height: 16px; } .style_pageItemTwo__GYbkM { font-size: 15px; padding: 9px 6px; height: 33px; } .style_pageItem__X9CRH { font-size: 15px; padding: 8px 9px; height: 33px; } .style_pageination__9WcIn { column-gap: 8px; } } .style_creditItem__gtBGZ { width: calc(100% / 2 - 15px); background: var(--gray); border-radius: 5px; border: 1px solid transparent; cursor: pointer; display: flex; align-items: center; gap: 48px; padding: 38px 50px; } .style_creditItem__gtBGZ:hover { border-color: var(--red); } .style_redImgCredit__oeErF{ max-width: 88px; width: 100%; height: 88px; } .style_redCreditImage__VzG5E { object-fit: contain; width: 100%; height: 100%; } .style_creditInfoTitle__MajdF { font-size: 18px; font-weight: bold; } @media (max-width: 1280px){ .style_creditItem__gtBGZ { padding: 38px 20px; gap: 20px; } .style_redImgCredit__oeErF { max-width: 76px; height: 76px; } .style_creditInfoTitle__MajdF { font-size: 16px; } } @media (max-width: 768px){ .style_creditItem__gtBGZ { width: 100%; } .style_creditInfoTitle__MajdF { font-size: 16px; } } @media (max-width: 600px){ .style_redImgCredit__oeErF { max-width: 40px; height: 40px; } } .style_bankItems__3qLnL { width: calc(100% / 6 - 20px); min-width: 220px; height: 118px; background: var(--white); box-shadow: 0px 4px 10px var(--box-shadow-light); border-radius: 10.5908px; padding: 30px 0; border: 1px solid transparent; cursor: pointer; } .style_bankItems__3qLnL:hover { border-color: var(--red); } .style_bankItemsImage__IR\+j8 { object-fit: contain; width: 100%; height: 100%; max-width: 225px; padding: 0 10px; box-sizing: border-box; } .style_bankItemsLink__9llR3 { min-width: max-content; display: flex; width: 100%; justify-content: center; margin-top: 10px; font-size: 13px; } @media (max-width: 1280px) { .style_banksAbout__QVV4W { margin: 30px 0; } } @media (max-width: 1024px) { .style_bankItems__3qLnL { width: calc(100% / 4 - 20px); } } @media (max-width: 768px) { .style_chooseBanksInfoTitle__fOOAk { font-size: 18px; margin: 0; } .style_chooseBanksInfoSecondTitle__tl3fy { font-size: 16px; } .style_bankItems__3qLnL { width: 100%; padding: 20px; } .style_bankItemsLink__9llR3 { margin-top: 0; } .style_bankItems__3qLnL { width: calc(100% / 3 - 20px); } } @media (max-width: 600px) { .style_bankItems__3qLnL { min-width: 46%; width: 46%; padding: 20px; } } @media (max-width: 430px) { .style_bankItems__3qLnL { min-width: 46%; width: 46%; padding: 20px; } .style_bankItemsLink__9llR3 { font-size: 8px; } } .style_creditBanner__bw-Sj { width: 100%; margin-bottom: 44px; } .style_creditBannerImg__fhJri { width: 100%; } .style_description__5VFHE { display: flex; flex-direction: column; row-gap: 16px; margin-bottom: 44px; text-align: justify; } .style_LoadContentDesc__YNTH0 { width: 100%; height: 100%; aspect-ratio: 10 / 2; } .style_descriptionText__HTUN\+ { text-align: left; } .style_LoadContent__KrpLt { width: 100%; height: 100%; aspect-ratio: 10 / 4; } .style_creditInfoBlock__vlShA { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 56px; } .style_LoadContentcreditInfoBlock__oc2XV { width: 100%; height: 100%; aspect-ratio: 10 / 5; } .style_chooseBanksInfo__8Rgkc { display: flex; flex-direction: column; row-gap: 26px; width: 100%; } .style_chooseBanksInfoTitle__pPMcl { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_chooseBanksInfoSecondTitle__JWM9v { font-weight: bold; font-size: 18px; } .style_banksAbout__xBNyp { width: 100%; display: flex; /* flex-direction: column; */ row-gap: 26px; gap: 20px; margin: 26px 0 60px 0; flex-wrap: wrap; justify-content: flex-start; } @media (max-width: 1280px) { .style_banksAbout__xBNyp { margin: 30px 0; } } @media (max-width: 1024px) { } @media (max-width: 768px) { .style_chooseBanksInfoTitle__pPMcl { font-size: 18px; margin: 0; } .style_chooseBanksInfoSecondTitle__JWM9v { font-size: 16px; } } @media (max-width: 430px) { .style_banksAbout__xBNyp { flex-direction: row; flex-wrap: wrap; } } .style_LoadContentGeneralBanner__yGw\+X { height: 450px; } .style_banner__9B2Ko { width: 100%; } .style_deliveryTypeBlck__HIGwX { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 56px 0 40px 0; } .style_deliveTypeName__BjDWg { display: flex; align-items: center; justify-content: center; height: 136px; padding: 20px; font-size: 30px; text-transform: uppercase; font-weight: 600; border: 2px solid var(--red); border-radius: 5px; text-align: center; width: calc(100% / 3 - 20px); } .style_LoadContentDelivery__ms-q\+ { width: calc(100% / 3 - 20px); height: 136px; } element > div > span { color: var(--about-text-color) !important; } .style_LoadContentText__ZrEyI { height: 50px; width: 60%; } .style_deliveryStepsBlck__6agvC { width: 100%; display: flex; flex-direction: column; gap: 40px; margin: 40px 0; } .style_second_title__RYYVb { font-size: 30px; font-weight: bold; color: var(--black); } .style_LoadContentSecond_title__7t8it { height: 40px; width: 200px; } .style_stepsofDeliv__zYI6g { display: flex; align-items: center; justify-content: center; gap: 20px; } .style_steps__tp7o\+ { height: 176px; background-color: var(--gray); border-radius: 5px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; gap: 10px; padding: 10px; width: calc(100% / 4 - 20px); } .style_LoadContentSteps__fio4L { height: 176px; width: calc(100% / 4 - 20px); } .style_stepImg__zdwQ9 { width: 68px; height: 68px; padding: 18px; border-radius: 90px; background: var(--dark-gray); border: 1px solid var(--border-gray-10); } .style_sepsTitle__nC27l { font-size: 16px; text-align: center; font-weight: bold; max-width: 240px; } .style_terms__D4EFX { display: flex; align-items: center; justify-content: space-between; gap: 26px; } .style_term__TYswq { display: flex; align-items: center; background: var(--gray); border-radius: 5px; padding: 20px 30px; justify-content: flex-start; gap: 20px; width: 100%; } .style_LoadContentTerm__IMCUQ { height: 108px; width: 100%; } .style_termStep__70l2V { display: flex; align-items: center; font-size: 23px; font-weight: bold; min-width: 68px; width: 68px; height: 68px; justify-content: center; background: var(--dark-gray); border-radius: 90px; border: 1px solid var(--border-gray-10); } .style_termName__yWCI4 { font-size: 16px; font-weight: bold; } .style_lastInfo__QFB1s { line-height: 26px; } .style_LoadContentLastInfo__ga\+23 { height: 100px; width: 100%; } .style_LoadContentTitle__jD26t { height: 50px; } @media only screen and (max-width: 1280px) { .style_deliveTypeName__BjDWg { font-size: 20px; } } @media only screen and (max-width: 1024px) { .style_deliveryTypeBlck__HIGwX { margin: 20px 0; } .style_deliveTypeName__BjDWg { height: 110px; } .style_LoadContentDelivery__ms-q\+ { height: 110px; } .style_deliveryStepsBlck__6agvC { margin: 30px 0; gap: 20px; } .style_sepsTitle__nC27l { font-size: 14px; } .style_terms__D4EFX { flex-direction: column; gap: 20px; } .style_LoadContentText__ZrEyI { height: 70px; } .style_LoadContentLastInfo__ga\+23 { height: 150px; } } @media only screen and (max-width: 768px) { .style_deliveryTypeBlck__HIGwX { gap: 18px; } .style_deliveTypeName__BjDWg { font-size: 18px; width: calc(100% / 3 - 12px); } .style_LoadContentDelivery__ms-q\+ { width: calc(100% / 3 - 12px); } .style_second_title__RYYVb { font-size: 18px; margin: 0; } .style_steps__tp7o\+ { height: 140px; } .style_LoadContentSteps__fio4L { height: 140px; } .style_stepImg__zdwQ9 { width: 56px; height: 56px; padding: 14px; } .style_sepsTitle__nC27l { font-size: 12px; } .style_lastInfo__QFB1s > div > p { font-size: 16px !important; line-height: 26px !important; } .style_LoadContentText__ZrEyI { height: 90px; } .style_LoadContentLastInfo__ga\+23 { height: 150px; } } @media only screen and (max-width: 600px) { .style_deliveryTypeBlck__HIGwX { flex-direction: column; gap: 16px; } .style_deliveTypeName__BjDWg { width: 100%; height: 80px; } .style_LoadContentDelivery__ms-q\+ { width: 100%; height: 80px; } .style_stepsofDeliv__zYI6g { flex-wrap: wrap; } .style_steps__tp7o\+ { width: calc(100% / 2 - 10px); } .style_LoadContentSteps__fio4L { width: calc(100% / 2 - 10px); } .style_term__TYswq { gap: 14px; padding: 20px 20px; } .style_LoadContentText__ZrEyI { height: 110px; } .style_LoadContentLastInfo__ga\+23 { height: 160px; } } @media only screen and (max-width: 430px) { .style_lastInfo__QFB1s > p { line-height: 26px !important; } .style_LoadContentText__ZrEyI { height: 130px; } } .style._jobs_block_svg_title__97cCp { justify-content: flex-start; display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; margin-bottom: 46px; } .style._jobs_block_svg_title__97cCp h3 { color: var(--red); opacity: 0.8; font-size: 18px; font-weight: bold; text-transform: uppercase; } .style._jobs_block_svg_title__97cCp span { padding: 4px 16px; color: var(--white); font-weight: bold; border-radius: 90px; font-size: 18px; } .style._jobs_name__ipKmL { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; } .style._about_acardion_list__DO\+ae { display: flex; flex-direction: column; gap: 38px; margin: 56px 0 82px 0; } @media (max-width: 502px) { .style._about_acardion_list__DO\+ae { gap: 20px; } } .style._loadContent_banner__uNoBz { width: 100%; height: 400px; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; padding: 50px 0 0; } .style._loadContent_jobs__-uMNG { width: 100%; height: 200px; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; padding: 50px 0 0; } .style._about_us_block__WZxO8 { display: flex; flex-direction: column; gap: 26px; } .style._about_us_banner__xiwaP img { border-radius: 6px; width: 100%; height: 100%; object-fit: cover; } .style._jobs_section__Adgtc { display: flex; flex-direction: column; gap: 38px; margin: 56px 0 82px 0; } .style_job_accordion_item__0pSEh, .style_job_accordion_item_active__qh2nm { background: var(--gray); border: 1px solid var(--gray-border); border-radius: 5px; padding: 30px 60px; display: flex; flex-direction: column; gap: 20px; cursor: pointer; } .style_job_accordion_item_title__D4\+L5 { display: flex; justify-content: space-between; padding: 10px 0 0; } .style_accordion_sub_hidden_list__AHDNW { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; } .style_job_accordion_item_active__qh2nm .style_accordion_sub_hidden_list__AHDNW { max-height: 3000px; display: block; } .style_job_accordion_item_title__D4\+L5 span { font-size: 30px; font-weight: bold; color: var(--black); text-transform: none; } .style_accordion_pdf_save__jS8ih { display: flex; margin-top: 10px; gap: 30px; } .style_send_message_btn__agnCB { color: white; font-size: 17px; padding: 20px 100px; border: none; cursor: pointer; background-color: var(--red); border-radius: 5px; width: 350px; } .style_accordion_files_block__ZxBJe { display: flex; flex-direction: column; gap: 4px; position: relative; width: 300px; } .style_file_label__krNe1 { padding: 20px 0; background: var(--gray-bold); color: var(--white); border-radius: 5px; font-size: 17px; cursor: pointer; text-align: center; } .style_file_label_error__t4NDT { border: 2px solid var(--red); color: var(--red); } .style_accordion_files_block__ZxBJe input { display: none; } @media (max-width: 842px) { .style_accordion_pdf_save__jS8ih { flex-direction: column; text-align: center; width: 100%; } .style_send_message_btn__agnCB, .style_file_label__krNe1 { padding: 20px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 15px; } .style_job_accordion_item_title__D4\+L5 span { font-size: 24px; } .style_job_accordion_item__0pSEh, .style_job_accordion_item_active__qh2nm { padding: 30px 50px; } .style_accordion_sub_hidden_text__GlnWc { font-size: 16px; } } @media (max-width: 502px) { .style_job_accordion_item__0pSEh, .style_job_accordion_item_active__qh2nm { padding: 10px 40px; } .style_job_accordion_item_title__D4\+L5 span { font-size: 15px; } .style_accordion_sub_hidden_text__GlnWc { font-size: 12px; } .style_send_message_btn__agnCB, .style_file_label__krNe1 { font-size: 13px; } .style_accordion_pdf_save__jS8ih { gap: 10px; } .style_accordion_files_block__ZxBJe { width: 80%; } .style_send_message_btn__agnCB { width: 100%; } } @media (max-width: 410px) { .style_file_label__krNe1, .style_send_message_btn__agnCB { font-size: 11px; } } .style_modal_jobs_block__0\+QAh { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999999; } .style_modal_jobs_bg__MOkY6 { position: absolute; width: 100%; height: 100%; background-color: var(--black); opacity: .6; left: 0; top: 0; } .style_modal_jobs_content__-tQQL { position: relative; max-width: 530px; width: 100%; background-color: var(--white); padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; } .style_modal_jobs_content_img__0vDNo { display: flex; align-items: center; justify-content: center; } .style_modal_jobs_content_title__4Ldkq{ display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 30px; } .style_modal_jobs_content_title__4Ldkq span { font-size: 30px; font-weight: bold; color: black; text-transform: uppercase; display: block; text-align: center; } .style_modal_jobs_content_button__JR2kW { max-width: 374px; width: 100%; padding: 16px; color: var(--white); font-size: 14px; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); display: flex; align-items: center; cursor: pointer; } .style_modal_jobs_close__DEc9K { align-self: flex-end; cursor: pointer; } @media (max-width: 736px) { .style_modal_jobs_content_title__4Ldkq span { font-size: 23px; } .style_modal_jobs_content__-tQQL { margin: 10px; } } @media (max-width: 500px) { .style_modal_jobs_content_title__4Ldkq span { font-size: 15px; } .style_modal_jobs_content_img__0vDNo img { width: 60%; height: 60%; } .style_modal_jobs_content__-tQQL{ padding: 20px 16px; } .style_modal_jobs_content_button__JR2kW{ font-size: 10px; padding: 10px; } } /* .style_timeForEndSale__sXSvs, .style_priceAverageBlock__S4-pk, .style_creditBlock__DtmYs, .style_countAddCartBuyNowBlock__z7hBx, .style_cardBtn__H\+uKw, .style_pricen__EZHOW, .style_price__0TIbx, .style_newPrice__kRoTd, .style_oldPrice__9gyTV, .style_priceMounth__tDh4h, .style_priceText__ERp\+f, .style_compareHeart__GLjKf, .style_buyBtn__vOgrl, .style_cashbackPrice__QUIKH { display: none !important; } */ .style_main__h\+TGc { display: flex; justify-content: space-between; width: 100%; align-items: flex-start; flex-direction: column; } .style_ttl__w9GH8 span { color: unset; } .style_sliderBlock__FvkkW { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; width: 100%; } .style_infoBlockParent__KLpQ5 { width: 562px; } .style_infoBlock__2re45 { width: 100%; display: flex; flex-direction: column; gap: 16px; background-color: var(--gray); border: 1px solid var(--grey-shingle); padding: 25px 28px 32px 28px; border-radius: 25px; } .style_infoBlockLoader__Y66Lg { max-width: 562px; width: 100%; height: 600px; } .style_row1__sp1kE { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; width: 100%; flex-wrap: wrap; } .style_colors__ZvWgb { width: 100%; padding-top: 20px; display: flex; align-items: stretch; /* border-top: 3px dashed var(--border-black-10); */ } /* .style_colors__ZvWgb:first-child { display: inline-block; padding-right: 23px; font-size: 14px; color: var(--modal-bg-login); font-weight: 700; } .style_colors__ZvWgb :nth-child(2) { border: 2px solid #d10000; } */ .style_colorCircleContainer__mPVS3 { width: 38px; height: 38px; border: 2px solid transparent; border-radius: 20px; display: flex; align-items: center; justify-content: center; } .style_colorCircleContainer__mPVS3:hover { border: 2px solid var(--red); } .style_colorCircleContainer__mPVS3:not(:last-child) { margin-right: 13px; } .style_colorCirlce__zWIkB { display: inline-block; width: 28px; height: 28px; border: 1px solid var(--modal-bg-login); border-radius: 20px; cursor: pointer; } .style_prodCategory__PE2-U { display: flex; align-items: center; column-gap: 20px; font-size: 14px; text-transform: uppercase; color: var(--categoryName); font-weight: 500; } .style_shareBtns__fBJxR { display: flex; align-items: center; justify-content: space-between; /* column-gap: 10px; */ } .style_compareHeart__GLjKf { display: flex; align-items: center; justify-content: space-between; width: 76px; height: 38px; gap: 8px; padding: 10px; /* border: 1px solid var(--border-black-20); */ border-radius: 5px; } .style_compareHeart__GLjKf div svg { width: 18px; height: 18px; } .style_compareHeart__GLjKf div:hover svg path, .style_compareHeart__GLjKf div:hover svg rect { fill: var(--red) !important; } .style_compareHeart__GLjKf span { height: 24px; border-right: 1px solid var(--border-black-20); } .style_shareBtn__njG8Q { position: relative; display: flex; align-items: center; justify-content: center; /* width: 38px; */ height: 38px; border-radius: 5px; cursor: pointer; /* border: 1px solid var(--black); */ } .style_shareBtn__njG8Q .style_shareBtnSvg__35D3j:hover svg path { fill: var(--red); } .style_shareDropDown__TRqDB { display: flex; position: absolute; top: 50px; width: max-content; right: -10px; z-index: 11; flex-direction: column; gap: 6px; padding: 10px; background: var(--white); box-shadow: 0px 6.42202px 16.055px var(--border-black-10); border-radius: 8.02752px; } .style_shareDropDown__TRqDB a { display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-black-20); border-radius: 5px; width: 40px; height: 40px; padding: 6px; } .style_shareDropDown__TRqDB a:hover { border-color: var(--red); } .style_shareDropDown__TRqDB a svg path { fill: var(--black); } .style_shareDropDown__TRqDB a:hover svg path { fill: var(--red); } .style_prodName__ZaZtx { font-size: 20px; text-transform: uppercase; font-weight: 900; color: var(--black); max-width: 70%; } .style_skuContainer__Ayl3e { display: flex; align-items: center; column-gap: 12px; } .style_skuAndStikcer__JdxBt { display: flex; flex-direction: row; justify-content: space-between; } .style_nameBoldGray__-YJAq { font-size: 12px; text-transform: uppercase; color: var(--productPageGrayWhite); font-weight: 700; margin-right: 4px; } .style_black_sp__IaHq3 { font-size: 14px; font-weight: bold; } .style_dashLine__HSpBS { width: 100%; border-bottom: 1px solid var(--border-black-10); } .style_brandLogo__ELTi\+ { height: 36px; max-width: 130px; object-fit: contain; object-position: left; background: var(--bg-productCard); border-radius: 5px; padding: 3px; } .style_GiftSvgProductPage__74Ugu { width: 25.29px; height: 25.29px; } .style_isAvailable__M9ILs { display: flex; align-items: center; column-gap: 12px; text-transform: uppercase; font-size: 14px; width: max-content; min-width: max-content; /* margin-right: 10px; */ font-family: "Mardoto-Bold"; font-weight: bold; } .style_guarantee__50rYc { display: flex; flex-direction: column; width: fit-content; } .style_guarantee__50rYc span { display: flex; align-items: center; font-size: 10px; width: 100%; color: var(--white--inf); background: linear-gradient(180.24deg, var(--gift-red-end) 0.21%, var(--gift-red-start) 48.39%); border-radius: 4px 4px 0 0; justify-content: center; font-size: 8px; padding: 4px; text-transform: uppercase; text-align: center; } .style_guarantee__50rYc span:last-child { border-radius: 0 0 4px 4px; font-size: 9px; font-weight: bold; box-shadow: 0px 4px 5px var(--gift-gradient-shadow); color: var(--black); background: var(--white) !important; } .style_priceBlock__Mqznx { flex-wrap: wrap; display: flex; align-items: center; column-gap: 8px; /* width: 100%; */ } .style_newPrice__kRoTd { color: var(--red); font-size: 40px; font-weight: 700; } .style_oldPriceBlock__OHyJZ { position: relative; width: max-content; } .style_oldPrice__9gyTV { font-size: 14px; color: var(--black); font-weight: 700; } .style_oldPriceLine__Y3L4D { width: 100%; position: absolute; border-bottom: 1px solid var(--red); top: 9px; transform: rotate(10deg); left: 0; } .style_price__0TIbx { font-size: 35px; font-weight: bold; } .style_creditBlock__DtmYs { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .style_priceDateColumnWrapper__FZtQ- { display: flex; gap: 35px; justify-content: space-between; } .style_priceDateColumn__gnMk7 { display: flex; flex-direction: column; gap: 6px; width: max-content; font-size: 12px; color: var(--grayBold); } .style_creditText__YMSAu { font-size: 14px; color: var(--text-muted); text-transform: uppercase; font-weight: 700; } .style_creditPrice__9wwbt { font-size: 16px; font-weight: 700; } .style_creditLine__oEk9v { height: 24px; border-right: 1px solid var(--border-gray-10); } .style_buyCreditBtn__qS1P4 { padding: 17px 40px; border: 1px solid var(--red); border-radius: 10.08px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .style_buyCreditBtn__qS1P4 span { font-size: 12px; color: var(--red); } .style_buyCreditBtn__qS1P4:hover { background-color: var(--red); } .style_buyCreditBtn__qS1P4:hover span { color: var(--white); } .style_countAddCartBuyNowBlock__z7hBx { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .style_countAndBuyNow__liNAg { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .style_countBlock__\+cHQ7 { display: flex; align-items: center; justify-content: flex-start; gap: 5px; } .style_countBtn__yRuug { display: flex; align-items: center; min-width: 50.58px; min-height: 50.58px; justify-content: center; cursor: pointer; border: 1px solid var(--black); border-radius: 7px; background: var(--white); } .style_countBtn__yRuug:hover svg path { stroke: var(--red); } .style_countInput__DNsod { display: flex; justify-content: center; align-items: center; font-size: 18px; width: 54px; height: 38px; text-align: center; background-color: transparent; user-select: none; } .style_buyBtn__vOgrl { display: flex; align-items: center; padding: 18px 26px; width: max-content; min-width: max-content; border-radius: 10.12px; column-gap: 10px; cursor: pointer; background-color: var(--red); width: fit-content; justify-content: center; user-select: none; border: none; } .style_orderBtn__87gyg { color: var(--white); } .style_buyBtn__vOgrl span { font-size: 16.19px; color: var(--white--inf); font-weight: 500; } .style_buyBtn__vOgrl:hover { background-color: var(--dark-red); } .style_cardBtnSvg__5NGs3 { width: 15px; height: 15px; } .style_cardBtnSvg__5NGs3 path { fill: var(--white--inf); } .style_buyItNow__M\+cyd { padding: 18px 20px; background: transparent; border: 1px solid var(--black); width: fit-content; font-size: 16.19px; } .style_buyItNow__M\+cyd span { /* font-size: 12px; */ color: var(--black); } .style_buyItNow__M\+cyd:hover span { color: var(--white--inf); } .style_buyItNow__M\+cyd:hover { border: 1px solid transparent; } .style_productInfoCredit__1XOSF { display: flex; align-items: center; width: 100%; justify-content: center; gap: 10px; margin-top: 16px; } .style_productInfoCredit__1XOSF div { cursor: pointer; } .style_productInfoCredit__1XOSF span { font-size: 14px; text-transform: uppercase; color: var(--productPageGrayWhite); font-weight: bold; margin-left: 5px; } .style_productInfoCredit__1XOSF .style_nameBoldGray__-YJAq:hover { color: var(--red); } .style_productLeftGeneral__xQcsd { max-width: 828px; width: 100%; display: flex; flex-direction: column; row-gap: 25px; margin-bottom: 52px; margin-top: 50px; } .style_secondTitle__to0if { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_infoProd__WMJeV { width: 100%; display: flex; flex-direction: column; row-gap: 14px; /* max-height: 236px; */ overflow: hidden; } .style_infoRow__WWqI2 { column-gap: 16px; display: flex; align-items: center; justify-content: space-between; width: 100%; } .style_infoRowKey__XNSMV { color: var(--text-ultralight-muted); min-width: max-content; font-size: 14px; font-weight: bold; } .style_infoRowValue__DmHqT { min-width: max-content; font-size: 14px; } .style_infoRowLine__\+f7Y- { width: 100%; border-bottom: 3px dashed var(--border-black-10); } .style_infoRowLoaderContainer__uEsa4 { margin-top: 45px; } .style_infoRowLoader__LizhL { height: 30px; margin-bottom: 20px; } .style_seeMoreVariation__zxW7w { font-size: 12px; cursor: pointer; text-decoration: underline; color: var(--red); } .style_timeForEndSale__sXSvs { font-size: 10px; font-weight: 400; text-align: right; } .style_cashback__gKH38 { font-size: 25px; font-weight: bold; } .style_cashback__gKH38 span:last-child { color: var(--red); } .style_title__ODK-7 { font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 20px 0; } .style_installingPriceBlock__67t0I { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; } .style_installingBtnBlock__WC4\+e { position: relative; width: 42px; min-width: 42px; height: 21px; background: var(--black); border-radius: 10px; border: 2px solid var(--black); cursor: pointer; } .style_installingBtnBlockActive__nqSv0 { background: var(--red); border: 2px solid var(--red); } .style_installingBtn__MOQD3 { width: 14px; height: 14px; background: var(--white); border-radius: 50%; margin-top: 1px; /* transform: translate("0px"); */ } .style_installingBtnBlockActive__nqSv0 .style_installingBtn__MOQD3 { transform: translate(23px); } .style_giftBlock__UqOiQ { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; } .style_giftImg__I9Tqn { display: flex; align-items: center; justify-content: flex-start; gap: 10px; overflow: auto; padding-bottom: 5px; /* border: 1px solid var(--red); */ border-radius: 2px; padding: 15px 10px; display: flex; min-width: max-content; cursor: pointer; flex-direction: column; row-gap: 14px; align-items: center; transition: 0ms !important; } .style_giftImgChoosen__XevSE { outline: 1px solid var(--red); } .style_giftImg__I9Tqn img { max-width: 88px; width: 100%; height: 76px; object-fit: contain; } .style_giftImg__I9Tqn span { font-size: 12px; text-align: center; max-width: 98px; text-transform: uppercase; } .style_brandBlock__3Xg1Y { flex-direction: row; gap: 10px; align-items: flex-end !important; } .style_giftBox__jx2U6 { display: flex; align-items: center; position: relative; /* cursor: pointer; */ min-width: 30px; width: 55px; height: 55px; min-height: 30px; justify-content: center; background: radial-gradient(96.77% 96.77% at 93.33% 96.77%, var(--gift-red-start) 0.51%, var(--gift-red-end) 100%); box-shadow: 0px 4px 5px var(--gift-gradient-shadow); border-radius: 5px; } .style_chooseTheGift__PUtM8 { font-size: 12px; font-weight: 700; text-align: left; color: var(--black); margin-bottom: 13px; } .style_giftWrapper__15CcE { display: flex; align-items: stretch; gap: 20px; } .style_giftList__2cfVB { display: flex; gap: 10px; flex: 1 1; overflow: auto; &::-webkit-scrollbar { display: none; } } .style_giftBox__jx2U6:hover .style_giftHovered__Ooz9H { display: flex; } .style_giftHovered__Ooz9H { display: none; padding: 15px; bottom: 30px; left: -40px; gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 244px; width: max-content; font-family: "Mardoto-Regular"; background-color: var(--white); box-shadow: var(--box-shadow-hover); } .style_giftHoveredMain__GJNBW { border: 1px solid var(--gift-border); border-radius: 2px; display: flex; cursor: pointer; flex-direction: column; row-gap: 14px; padding: 10px; min-width: 1px; width: 100%; align-items: flex-start; } .style_giftHovered__Ooz9H:hover .style_giftHoveredMain__GJNBW { border-color: var(--red); } .style_giftHoveredImg__amrAQ { height: 40px; max-width: 60px; object-fit: contain; } .style_stickerImg__Zx3r- { width: 75px; object-fit: contain; align-self: center; } .style_priceAverageBlock__S4-pk { width: 100%; } @media screen and (max-width: 1440px) { .style_productLeftGeneral__xQcsd { max-width: calc(100% - 598px); } } @media screen and (max-width: 1300px) { .style_infoBlockParent__KLpQ5, .style_infoBlockLoader__Y66Lg { max-width: 475px; min-width: 475px; } .style_productLeftGeneral__xQcsd { max-width: calc(100% - 500px); } .style_creditBlock__DtmYs { gap: 20px; } .style_priceDateColumnWrapper__FZtQ- { gap: 15px; } .style_productInfoCredit__1XOSF span { font-size: 10px; } .style_countAddCartBuyNowBlock__z7hBx { flex-wrap: wrap; } .style_buyCreditBtn__qS1P4 { padding: 17px 18px; } .style_buyBtn__vOgrl { padding: 17px 36px; } .style_buyItNow__M\+cyd { width: 100%; } } @media screen and (max-width: 1024px) { .style_sliderBlock__FvkkW { gap: 10px; flex-direction: column; } .style_infoBlockParent__KLpQ5, .style_infoBlockLoader__Y66Lg { max-width: 100%; width: 100%; min-width: 0; } .style_countAddCartBuyNowBlock__z7hBx { flex-wrap: nowrap; } .style_buyItNow__M\+cyd { width: fit-content; } .style_productInfoCredit__1XOSF span { font-size: 14px; } .style_productLeftGeneral__xQcsd { margin-top: 40px; max-width: none; } .style_prodName__ZaZtx { font-size: 18px; } .style_priceDateColumnWrapper__FZtQ- { width: fit-content; } .style_buyCreditBtn__qS1P4 { padding: 17px 48px; } .style_buyBtn__vOgrl { padding: 18px 26px; } } @media only screen and (max-width: 768px) { .style_secondTitle__to0if { font-size: 18px; margin: 0; } .style_title__ODK-7 { font-size: 18px; } } @media only screen and (max-width: 630px) { .style_brandLogo__ELTi\+ { max-width: 80px; } .style_compareHeart__GLjKf div svg, .style_shareBtn__njG8Q svg { max-width: 20px; } .style_prodName__ZaZtx { font-size: 16px; } .style_priceAverageBlock__S4-pk { justify-content: space-between; } .style_priceBlock__Mqznx { gap: 4px; } .style_nameBoldGray__-YJAq { font-size: 11px; } .style_newPrice__kRoTd, .style_price__0TIbx { font-size: 24px; } .style_creditText__YMSAu { font-size: 9px; } .style_creditPrice__9wwbt { font-size: 12px; } .style_buyCreditBtn__qS1P4 { padding: 11px 26px; } .style_buyCreditBtn__qS1P4 span { font-size: 10px; } .style_countBtn__yRuug { width: 39px; height: 39px; min-width: 39px; min-height: 39px; } .style_countInput__DNsod { width: 32px; font-size: 14px; } .style_buyBtn__vOgrl { padding: 8px 26px; } .style_productInfoCredit__1XOSF { font-size: 11px; } .style_infoRowKey__XNSMV { font-size: 12px; } .style_infoRowValue__DmHqT { font-size: 11px; } .style_blackFridei__k3-6B { gap: 0; row-gap: 25px; padding: 8px; } .style_blackFridei__k3-6B .style_isAvailable__M9ILs { column-gap: 6px; margin-right: 5px; } .style_blackFridei__k3-6B .style_isAvailable__M9ILs span { font-size: 12px; } .style_productInfoCredit__1XOSF { gap: 10px; } .style_productInfoCredit__1XOSF span { font-size: 12px; margin: 0 0 0 5px; } .style_productInfoCredit__1XOSF svg { width: 13px; height: 13px; } } @media only screen and (max-width: 550px) { .style_buyItNow__M\+cyd { width: 100%; } .style_countAddCartBuyNowBlock__z7hBx { flex-wrap: wrap; } } @media only screen and (max-width: 470px) { .style_blackFridei__k3-6B .style_priceAverageBlock__S4-pk { max-width: 70%; } .style_oldPriceContainer__vuvSq { width: 100%; display: flex; justify-content: flex-end; } /* .style_priceDateColumnWrapper__FZtQ- { width: 50%; } */ .style_countInput__DNsod { width: auto; } .style_productInfoCredit__1XOSF { gap: 8px; } .style_productInfoCredit__1XOSF span { font-size: 10px; margin: 0 0 0 5px; } .style_productInfoCredit__1XOSF svg { width: 13px; height: 13px; } } @media only screen and (max-width: 450px) { .style_countBtn__yRuug { /* width: 100%; */ /* height: 32px; */ min-width: 28px; min-height: 28px; } .style_countBlock__\+cHQ7 { width: 45%; justify-content: space-between; } .style_addCartBtn__d6V7V { margin: 0; } .style_countInput__DNsod { width: fit-content; font-size: 14px; } .style_buyBtn__vOgrl { width: 47%; padding: 10px; /* font-size: 10px; */ display: flex; justify-content: center; } .style_countAddCartBuyNowBlock__z7hBx { flex-wrap: wrap; gap: 10px; } .style_buyItNow__M\+cyd { width: 100%; } .style_brandBlock__3Xg1Y { flex-direction: row; gap: 10px; align-items: flex-end !important; } .style_buyCreditBtn__qS1P4 { padding: 10px; } .style_buyCreditBtn__qS1P4 span { font-size: 9px; } /* .style_creditBlock__DtmYs { flex-direction: column; align-items: flex-start; gap: 10px; } */ /* .style_creditBlock__DtmYs .style_creditLine__oEk9v { max-width: none; width: 100%; height: 1px; border-bottom: 3px dashed var(--border-black-10); } */ .style_creditText__YMSAu { font-size: 10px; } .style_productInfoCredit__1XOSF { gap: 5px; } .style_productInfoCredit__1XOSF span { font-size: 7px; margin: 0 0 0 5px; } .style_productInfoCredit__1XOSF svg { width: 12px; height: 12px; } .style_infoBlock__2re45 { padding: 25px 15px 32px 15px; } .style_priceDateColumnWrapper__FZtQ- { width: fit-content; gap: 20px; } .style_creditBlock__DtmYs { gap: 20px; } } @media only screen and (max-width: 375px) { .style_infoRow__WWqI2 { flex-direction: column; align-items: flex-start; gap: 10px; } .style_infoRow__WWqI2 .style_infoRowLine__\+f7Y- { display: none; } .style_priceDateColumnWrapper__FZtQ- { width: 100%; gap: 20px; } .style_buyCreditBtn__qS1P4 { width: 100%; } } .style_creditPriceBlackFriday__IEGvv { position: relative; } .style_imgBlock__91ggk { display: grid; grid-template-columns: 80px 1fr; gap: 20px; height: 600px; width: calc(100% - 598px); } .style_imgBlockModal__yoYhO { width: 100%; justify-content: center; grid-template-columns: 80px 1fr 80px; } .style_imgBlock__91ggk .style_mainImg__9zx4v { width: 100%; height: 100%; cursor: pointer; position: relative; object-fit: contain; } .style_mainImg__9zx4v .style_swiper-zoom-container__JU5Ek { height: 100% !important; } .style_miniImgs__LabVx { width: 100%; justify-content: flex-start; gap: 18px; max-height: 100%; } .style_miniLoader__k\+tmM { width: 100%; height: 100%; } .style_miniImg__If44X { width: 80px; height: 80px; padding: 7.91px; border-radius: 11.86px; border: 1.58px solid var(--gray-border-d8); &:hover { border-color: var(--red); } } .style_miniImgActive__hngVR { border-color: var(--red); } .style_miniImg__If44X img, .style_miniImg__If44X video { width: 100%; width: 100%; cursor: pointer; } .style_slideBtn__RKyUb { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); display: flex; justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__ecPIz { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__awUfT { right: 15px; } .style_slideBtn__RKyUb:hover svg path { stroke: var(--red); } .style_zoomContainer__YN0kd { height: 100%; width: 100%; } .style_imgBlock__91ggk div div img { width: 100%; height: 100%; object-fit: contain; background-color: var(--white); } .style_mainImgWrapper__AW6nL { position: relative; max-width: 698px; overflow: hidden; width: 100%; height: 600px; } .style_mainImgWrapperModal__v7ty8 { justify-content: center; max-width: none; } .style_thumbnailWrapper__v75LW { height: 600px; } @media screen and (max-width: 1300px) { .style_imgBlock__91ggk { width: calc(100% - 500px); } } @media screen and (max-width: 1200px) { .style_imgBlock__91ggk { grid-template-columns: 100%; grid-template-rows: 600px 80px; height: auto; } .style_thumbnailWrapper__v75LW { height: 80px; grid-row: 2; } } @media screen and (max-width: 1024px) { .style_imgBlock__91ggk { width: 100%; max-width: 100%; /* height: 600px; */ grid-template-rows: 490px 80px; } .style_mainImgWrapper__AW6nL { max-width: 100%; width: 100%; height: 100%; } .style_mainImg__9zx4v { height: 100% !important; } .style_thumbnailWrapper__v75LW { max-width: 100%; width: 100%; } } @media screen and (max-width: 600px) { .style_miniImgs__LabVx { gap: 12px; } .style_miniImg__If44X { width: 73px; min-width: 73px; height: 73px; } } .style_zoomImageWrapper__5cvqE { max-width: 100%; max-height: 100%; width: 100%; height: 100%; } .style_zoomControl__GsRhF { display: flex; align-items: center; justify-content: center; background-color: var(--black-60); padding: 5px 10px; position: absolute; bottom: 15px; left: 50%; z-index: 100; transform: translateX(-50%); width: 310.49px; height: 60.75px; border-radius: 37.5px; } .style_zoomControl__GsRhF button { background: none; border: none; cursor: pointer; color: var(--white); margin: 0 5px; } .style_zoomControl__GsRhF input[type="range"] { margin: 0 10px; cursor: pointer; background-color: transparent; appearance: none; flex: 1 1; } .style_zoomControl__GsRhF input[type="range"]::-webkit-slider-runnable-track { background-color: var(--gray-ccc); height: 4px; border-radius: 2px; } .style_zoomControl__GsRhF input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; background-color: var(--red); width: 14px; height: 14px; border-radius: 50%; margin-top: -5px; } .style_imageContainer__HOC77 { width: 100%; height: 100%; overflow: hidden; /* Hide overflow for the zoom effect */ display: flex; align-items: center; justify-content: center; } .style_zoomedImage__sa220 { width: 100%; height: auto; transition: transform 0.3s ease; /* Smooth zoom transitions */ } @media screen and (max-width: 425px) { .style_zoomControl__GsRhF { width: 200px; height: 40px; border-radius: 30px; } .style_zoomControl__GsRhF button svg { width: 20px; } .style_zoomControl__GsRhF input[type="range"] { margin: 0; } } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } .style_container__-RLrB { display: flex; flex-direction: column; gap: 30px; } .style_searchContainer__g7flv { position: relative; width: 100%; display: flex; align-items: center; } .style_searchInput__G3Axf { width: 100%; padding: 15px 65px 15px 20px; font-size: 14px; border-radius: 5px; background-color: transparent; border: 1px solid var(--black); } .style_searchBtn__WX\+Ff { display: flex; align-items: center; position: absolute; right: 9px; font-size: 16px; cursor: pointer; border: none; border-radius: 5px; padding: 9px 29px; color: white; background-color: var(--red); } .style_searchBtn__WX\+Ff:hover { background-color: var(--dark-red); } .style_plusProductCompare__8z\+Eu { display: flex; align-items: center; min-width: 218px; max-width: 218px; background: var(--gray); border: 1px dashed var(--red); border-radius: 5px; height: 306px; cursor: pointer; justify-content: center; } .style_plusProductCompare__8z\+Eu div { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 90px; border: 2px solid var(--red); } .style_productCartLoader__bXyYm { min-width: 218px; max-width: 218px; height: 306px; } .style_compareProductsBlock__ZOSZK { display: flex; align-items: center; justify-content: flex-start; column-gap: 52px; width: 100%; } .style_comparenProductsInfo__0NDpf { width: 100%; padding-bottom: 30px; display: flex; flex-direction: column; gap: 14px; } .style_comparedItemTitle__eRqv\+ { font-size: 18px; text-transform: uppercase; font-weight: bold; } .style_comparedItemValue__RzfIw { display: flex; width: 100%; padding: 18px 20px; gap: 20px; min-width: 480px; justify-content: flex-start; align-items: flex-start; background-color: var(--back-gray); } .style_comparedItemValue__RzfIw span { min-width: 218px; width: calc(100% / 3 - 10px); font-size: 14px; } @media only screen and (max-width: 992px) { .style_container__-RLrB { overflow: auto; } .style_compareProductsBlock__ZOSZK { column-gap: 40px; } .style_container__-RLrB::-webkit-scrollbar-track { background: var(--gray-scroll-track); border-radius: 4px; } .style_container__-RLrB::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 0.3s ease-out; } .style_container__-RLrB::-webkit-scrollbar { height: 4px; width: 4px; } } @media only screen and (max-width: 600px) { .style_comparedItemTitle__eRqv\+, .style_comparedItemValue__RzfIw span { font-size: 11px; } .style_productCartLoader__bXyYm { min-width: 182px; max-width: 182px; height: 299px; } .style_plusProductCompare__8z\+Eu { min-width: 182px; max-width: 182px; height: 299px; } } /* .style_timeForEndSale__-3OPx, .style_priceAverageBlock__V-rY9, .style_creditBlock__Guy3M, .style_countAddCartBuyNowBlock__BeTak, .style_cardBtn__OYlN1, .style_pricen__CdVHA, .style_price__acz2B, .style_newPrice__feHGD, .style_oldPrice__kiaVP, .style_priceMounth__WoC7T, .style_priceText__s5Vhf, .style_compareHeart__06Ndl, .style_buyBtn__MpxVX, .style_cashbackPrice__cYLiM { display: none !important; } */ .style_container__Ugdej { position: absolute; top: 65px; width: 100%; left: 0; background: var(--white); border-radius: 5px; display: flex; flex-direction: column; padding: 2px 0; z-index: 13; box-shadow: var(--box-shadow-slide-btn); height: auto; max-height: 400px; z-index: 9999999; } .style_main__gtjmQ { padding: 10px 0; overflow-y: scroll; height: auto; } .style_main__gtjmQ::-webkit-scrollbar { height: 2px; width: 3px; } .style_main__gtjmQ::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 0.3s ease-out; } .style_searchedProduct__m47h9 { display: flex; align-items: center; justify-content: space-between; padding: 15px 36px; column-gap: 20px; cursor: pointer; } .style_searchedProduct__m47h9:hover { background-color: var(--red-hover-bg); } .style_searchedProdName__ZfWtO { display: flex; align-items: center; column-gap: 20px; } .style_img__kxrDP { width: 56px; height: 56px; object-fit: contain; } .style_name__c5aRw { display: flex; flex-direction: column; row-gap: 5px; max-width: 160px; height: auto; overflow: hidden; font-size: 14px; font-weight: bold; } .style_price__acz2B { font-size: 18px; font-weight: bold; } .style_promoPriceContainer__tH648 { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; column-gap: 8px; width: 100%; } .style_newPrice__feHGD { font-size: 18px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__p56lV { position: relative; } .style_oldPrice__kiaVP { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__p56lV .style_line__7cGhf { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_searchedProdHover__-XTt8 { display: none; position: absolute; top: 0; right: -218px; } .style_searchedProduct__m47h9:hover .style_searchedProdHover__-XTt8 { display: flex; } .style_prodSlide__v9nH5 { max-width: 218px; width: 218px; /* height: 166px; */ margin-top: 10px; background: var(--white); border: 1px solid var(--gray-border); border-radius: 5px; position: relative; padding: 30px 16px 16px 16px; display: flex; justify-content: space-between; flex-direction: column; } .style_brand__mxko6 { max-width: 60px; position: absolute; top: 10px; z-index: 10; object-fit: contain; max-height: 30px; } .style_descContainer__jDmgn { display: flex; flex-direction: column; row-gap: 10px; } .style_descContainer__jDmgn a:hover .style_productName__vmqn\+ { text-decoration: underline; } .style_categoryName__U-5PV { text-transform: uppercase; color: var(--modal-bg-login); font-family: "Mardoto-Bold"; width: 100%; font-size: 10px; margin-bottom: 5px; word-break: break-word; } .style_nameCodeProds__cgAsc { display: flex; flex-direction: column; row-gap: 5px; max-width: 220px; } .style_productName__vmqn\+ { width: 100%; max-width: 200px; font-size: 13px; overflow: hidden; line-height: 16px; height: 32px; } .style_codeOfProd__9jan9 { font-size: 14px; opacity: 0.6; } .style_price__acz2B { font-size: 18px; font-weight: bold; } .style_promoPriceContainer__tH648 { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; column-gap: 8px; width: 100%; } .style_newPrice__feHGD { font-size: 18px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__p56lV { position: relative; } .style_oldPrice__kiaVP { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__p56lV .style_line__7cGhf { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_priceMounth__WoC7T { width: max-content; font-size: 12px; color: var(--gray-bold); margin-top: 10px; } .style_btnsContainer__Hn4ea { margin-top: 10px; display: flex; flex-direction: row; column-gap: 14px; justify-content: flex-start; align-items: center; } .style_cardBtn__OYlN1 { padding: 15px 21px; display: flex; align-items: center; cursor: pointer; background-color: var(--red); border-radius: 5px; column-gap: 10px; } .style_cardBtn__OYlN1:hover { background-color: var(--dark-red); } .style_cardBtnSvg__kIZLu { width: 15px; height: 15px; } .style_cardBtnSvg__kIZLu path { fill: var(--white); } .style_cardBtn__OYlN1 span { color: var(--white); font-size: 12px; } .style_compareBtn__DAxEu:hover svg rect { fill: var(--red); } .style_heartSvg__fa-ZG { cursor: pointer; } .style_heartSvg__fa-ZG:hover path { fill: var(--red); } .style_cashbackContainer__DpXkF { display: flex; flex-direction: column; } .style_cashbackText__gQ-fC { font-size: 14px; font-weight: bold; } .style_cashbackPrice__cYLiM { color: var(--red); font-size: 16px; font-weight: bold; } @media only screen and (max-width: 1280px) { .style_searchedProduct__m47h9 { padding: 15px 26px; } .style_searchedProdName__ZfWtO { column-gap: 14px; } } /* .style_timeForEndSale__ki80x, .style_priceAverageBlock__LaaL-, .style_creditBlock__tak7Z, .style_countAddCartBuyNowBlock__B9qiP, .style_cardBtn__8mGgr, .style_pricen__wG6zE, .style_price__QIIm6, .style_newPrice__CBoDU, .style_oldPrice__ZdVh5, .style_priceMounth__PTu2z, .style_priceText__zu791, .style_compareHeart__ve\+PV, .style_buyBtn__Js2Pu, .style_cashbackPrice__kooZv { display: none !important; } */ .style_container__o-xr7 { display: flex; flex-direction: column; min-width: 218px; max-width: 218px; border: 1px solid var(--gray-border); border-radius: 5px; padding: 15px; height: 100%; } .style_header__R2gO\+ { display: flex; flex-direction: row; justify-content: space-between; } .style_brandImg__2D9Sb { object-fit: contain; max-height: 30px; max-width: 70px; width: 100%; background: var(--bg-productCard); border-radius: 5px; padding: 3px; margin-bottom: 5px; } .style_image__WZOwu { height: 176px; padding-top: 25px; object-fit: contain; } .style_descContainer__85ESX { display: flex; flex-direction: column; row-gap: 10px; } .style_descContainer__85ESX a:hover .style_productName__0nmUz { text-decoration: underline; } .style_categoryName__lb3EX { text-transform: uppercase; color: var(--modal-bg-login); font-family: "Mardoto-Bold"; width: 100%; font-size: 10px; margin-bottom: 5px; word-break: break-word; height: 28px; margin-top: 5px; } .style_productName__0nmUz { width: 100%; max-width: 200px; font-size: 13px; overflow: hidden; line-height: 16px; height: 32px; } .style_price__QIIm6 { font-size: 18px; font-weight: bold; } .style_promoPriceContainer__okiag { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; column-gap: 8px; width: 100%; } .style_newPrice__CBoDU { font-size: 18px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__zkNJS { position: relative; } .style_oldPrice__ZdVh5 { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__zkNJS .style_line__oiTXz { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_priceMounth__PTu2z { width: max-content; font-size: 12px; color: var(--gray-bold); margin-top: 10px; } .style_heartSvg__wWcAT { cursor: pointer; } .style_heartSvg__wWcAT:hover path { fill: var(--red); } .style_stickersBlock__UNq2I { position: absolute; top: 126px; right: 22px; display: flex; column-gap: 4px; align-items: center; justify-content: flex-end; width: max-content; z-index: 9; } .style_giftBox__MchfN { display: flex; align-items: center; position: relative; cursor: pointer; min-width: 30px; width: 30px; height: 30px; min-height: 30px; justify-content: center; background: radial-gradient(96.77% 96.77% at 93.33% 96.77%, var(--gift-red-start) 0.51%, var(--gift-red-end) 100%); box-shadow: 0px 4px 5px var(--gift-gradient-shadow); border-radius: 5px; } .style_giftBox__MchfN:hover .style_giftHovered__PRxZK { display: flex; } .style_giftHovered__PRxZK { display: none; padding: 15px; bottom: 30px; left: -40px; gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 244px; width: max-content; font-family: "Mardoto-Regular"; background-color: var(--white); box-shadow: var(--box-shadow-hover); } .style_giftHoveredMain__6QKuZ { border: 1px solid var(--gift-border); border-radius: 2px; display: flex; cursor: pointer; flex-direction: column; row-gap: 14px; padding: 10px; min-width: 1px; width: 100%; align-items: flex-start; } .style_giftHovered__PRxZK:hover .style_giftHoveredMain__6QKuZ { border-color: var(--red); } .style_giftHoveredImg__Xtact { height: 40px; object-fit: contain; } .style_stickerImg__Eos12 { max-width: 50px; max-height: 30px; object-fit: contain; max-width: 60px; } .style_cashbackContainer__OT-fe { margin-top: 10px; } .style_cashbackText__nFq-M { font-size: 14px; font-weight: bold; } .style_cashbackPrice__kooZv { color: var(--red); font-size: 16px; font-weight: bold; } .style_deleteBtn__Tc3ef { cursor: pointer; } .style_deleteBtn__Tc3ef:hover path { fill: var(--red); } @media only screen and (max-width: 992px) { .style_image__WZOwu { height: 100%; width: 100%; } .style_stickersBlock__UNq2I { top: 80px; } .style_productCard__Rbl5m .style_slideItem__Phba- { height: 350px !important; } } @media only screen and (max-width: 635px) { .style_container__o-xr7 { padding: 10px; min-width: 182px; max-width: 182px; } } .style_container__WvMeV { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .style_slideItem__JjP6a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 19px; min-width: 290px; width: 290px; border-radius: 5px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; border: 2px solid#EEEEEE; } .style_loadContent__IHX2Q { width: 290px; height: 102px; } .style_slideItemImg__Hpg0d { width: 60px; height: 60px; background: #efeff6; border-radius: 30px; padding: 11px; } .style_slideItemTitle__i2JwY { text-wrap: wrap; font-size: 14px; max-width: 148px; } .style_headerCategorysLogo__uQwyj { max-width: 120px; max-height: 20px; height: 100%; padding: 0 22px; } .style_headerCategorysLoad__56yY- { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media only screen and (max-width: 1280px) { .style_slideItem__JjP6a { width: 240px; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 1024px) { .style_container__WvMeV { margin: 20px 0 36px 0; } } @media only screen and (min-width: 768px) { .style_slideItem__JjP6a:hover { color: var(--red); border-color: var(--red); } .style_container__WvMeV { column-gap: 15px; } } @media only screen and (max-width: 768px) { .style_slideItem__JjP6a { min-width: 250px; padding: 10px; } .style_slideItemImg__Hpg0d { height: 45px; width: 45px; } .style_slideItemTitle__i2JwY { font-size: 13px; } .style_loadContent__IHX2Q { width: 250px; height: 84px; } } @media only screen and (max-width: 430px) { .style_slideItem__JjP6a { min-width: 190px; padding: 8px; } .style_slideItemImg__Hpg0d { height: 40px; width: 40px; } .style_slideItemTitle__i2JwY { font-size: 12px; } .style_loadContent__IHX2Q { width: 200px; height: 84px; } .style_container__WvMeV { margin: 20px 0 30px 0; } } /* .style_timeForEndSale__TIoyv, .style_priceAverageBlock__KbElo, .style_creditBlock__eNnN5, .style_countAddCartBuyNowBlock__75TGk, .style_cardBtn__8i\+3w, .style_pricen__2\+Nf-, .style_price__60l4C, .style_newPrice__wtvDZ, .style_oldPrice__B4Aw9, .style_priceMounth__EG8dG, .style_priceText__SSEem, .style_compareHeart__OdXbB, .style_buyBtn__f0q07, .style_cashbackPrice__b1kUG { display: none !important; } */ .style_container__qty6K { width: 100%; display: block; padding: 6px 0; position: fixed; z-index: 13; bottom: 0; box-shadow: var(--slide-btn-shadow); background-color: var(--white); transform: translate(-100%, 100%); } .style_show__ImfQL { transform: translate(0%, 0%); } .style_wrapper__pR2FB { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; width: 100%; padding: 0 20px; margin: 0 auto; gap: 12px; } .style_productImg__qBV\+l { max-width: 100px; width: 100%; height: 70px; position: relative; } .style_productImg__qBV\+l img { object-fit: contain; width: 100%; height: 100%; } .style_nameBlock__2hmqc { display: flex; flex-direction: column; row-gap: 5px; max-width: 220px; } .style_name__UL72y { font-size: 18px; text-transform: uppercase; font-weight: bold; } .style_price_block__bAZrQ { flex-wrap: wrap; display: flex; align-items: center; column-gap: 8px; width: 100%; } .style_priceText__SSEem { font-size: 12px; text-transform: uppercase; color: var(--modal-bg-login); font-weight: bold; } .style_priceNumber__WQK8h { font-size: 20px; font-weight: bold; } .style_compareHeart__OdXbB { display: flex; align-items: center; justify-content: space-between; width: 76px; height: 38px; gap: 8px; padding: 10px; border: 1px solid var(--border-black-20); border-radius: 5px; } .style_compareHeart__OdXbB div svg { width: 18px; height: 18px; } .style_compareHeart__OdXbB div:hover svg path, .style_compareHeart__OdXbB div:hover svg rect, .style_shareBtn__uc4fI div:hover svg path { fill: var(--red) !important; } .style_compareHeart__OdXbB span { height: 24px; border-right: 1px solid var(--border-black-20); } .style_buyBtn__f0q07 { display: flex; align-items: center; cursor: pointer; background-color: var(--red); padding: 12px 6px; justify-content: center; border-radius: 5px; column-gap: 10px; width: 100%; max-width: 210px; border: none; color: var(--white); } .style_buyBtn__f0q07 span { font-size: 10px; color: var(--white--inf); } .style_buyBtn__f0q07:hover { background-color: var(--dark-red); } .style_cardBtnSvg__YglyU { width: 15px; height: 15px; } .style_cardBtnSvg__YglyU path { fill: var(--white); } .style_priceBlock__AGe6w { flex-wrap: wrap; display: flex; align-items: center; column-gap: 8px; width: 100%; } .style_newPrice__wtvDZ { color: var(--red); font-size: 25px; font-weight: bold; } .style_oldPriceBlock__h-3g0 { max-width: fit-content; position: relative; } .style_oldPrice__B4Aw9 { font-size: 16px; color: var(--gray-old-price); } .style_oldPriceLine__LUeBH { width: 100%; position: absolute; border-bottom: 1px solid var(--red); top: 11px; transform: rotate(-6deg); left: 0; } .style_price__60l4C { font-size: 20px; font-weight: bold; } .style_stickerImg__yA-M- { width: 60px; object-fit: contain; align-self: center; } @media screen and (max-width: 768px) { .style_name__UL72y { font-size: 14px; } .style_oldPrice__B4Aw9, .style_newPrice__wtvDZ { font-size: 14px; } } /* .style_timeForEndSale__OHn5D, .style_priceAverageBlock__Rzu-p, .style_creditBlock__8bBXK, .style_countAddCartBuyNowBlock__qMENz, .style_cardBtn__A7Sx0, .style_pricen__Tiu7D, .style_price__WLk9R, .style_newPrice__nwMTA, .style_oldPrice__2DK\+A, .style_priceMounth__1KKkf, .style_priceText__7HIM\+, .style_compareHeart__3JvOL, .style_buyBtn__Z6yoV, .style_cashbackPrice__tzFma { display: none !important; } */ .style_background__hqP4O { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); z-index: 99999999999; display: flex; justify-content: center; align-items: center; } .style_main__O06iB { max-width: 530px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; row-gap: 20px; overflow: auto; border-radius: 5px; padding: 36px 30px 26px 30px; background-color: var(--white); margin: 0 auto; } .style_loaderMain__3K5kF { max-width: 530px; width: 100%; height: 90vh; background-color: var(--white); min-width: 300px; } .style_header__clR7P { width: 100%; display: flex; align-items: center; justify-content: space-between; } .style_title__RnzcO { font-size: 25px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_closeBtn__E8OfV { align-self: flex-end; cursor: pointer; } .style_twoInputs__Jarmo { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .style_input__fRci1 { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--back-gray); border-radius: 5px; border: 1px solid transparent; outline: none; } .style_input__fRci1:focus { border-color: var(--green); } .style_priceBlock__WVgkW { width: 100%; column-gap: 6px; display: flex; align-items: center; justify-content: space-between; } .style_priceText__7HIM\+ { font-size: 16px; color: rgba(var(--black-rgb), 0.4) } .style_paymentTitle__CnHzH { font-size: 20px; font-weight: bold; text-transform: uppercase; } .style_paymentsBlock__iImuq { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 18px; justify-content: flex-start; } .style_buyBtn__Z6yoV { display: flex; align-items: center; border-radius: 5px; justify-content: center; background-color: var(--red); width: 100%; padding: 16px; cursor: pointer; } .style_buyBtn__Z6yoV:hover { background-color: var(--dark-red); } .style_buyBtn__Z6yoV span { font-size: 14px; font-family: "Mardoto-Regular"; color: var(--white--inf); } .style_main__O06iB::-webkit-scrollbar-track { background: var(--dark-gray); border-radius: 4px; height: 19px; } .style_main__O06iB::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 300ms ease-out; } .style_main__O06iB::-webkit-scrollbar { height: 4px; width: 4px; } .style_errorMessage__O7WAx { width: 100%; text-align: center; color: var(--red); } @media only screen and (max-width: 768px) { .style_main__O06iB { max-height: 80vh; } .style_title__RnzcO { font-size: 20px; } } @media only screen and (max-width: 600px) { .style_main__O06iB { width: 95%; max-height: 80vh; } .style_twoInputs__Jarmo { gap: 16px; flex-direction: column; } } @media only screen and (max-width: 430px) { .style_twoInputs__Jarmo { flex-direction: column; gap: 20px; } .style_paymentsBlock__iImuq { gap: 10px; } } .style_container__6gm5U { max-width: 218px; height: 108px; width: calc(100% / 2 - 10px); cursor: pointer; border: 2px solid var(--dark-gray); /* заменено */ border-radius: 5px; padding: 20px 18px 10px 18px; display: flex; position: relative; flex-direction: column; align-items: center; justify-content: flex-end; row-gap: 14px; } .style_container__6gm5U:hover { border-color: var(--red); } .style_checkBtn__v2-RB { position: absolute; top: 20px; left: 18px; background-color: var(--dark-gray); /* заменено */ border-radius: 50%; cursor: pointer; height: 14px; width: 14px; border: 4px solid transparent; } .style_cartImgs__hFBCy { display: flex; align-items: center; justify-content: center; column-gap: 10px; } .style_cartImg__MbGmo { max-width: 130px; height: 32px; } .style_imgBuyNow__eJKv0 { max-width: 105px; height: 66px; } .style_cartImg__MbGmo img, .style_imgBuyNow__eJKv0 img { width: 100%; height: 100%; object-fit: contain; } .style_cartText__AZO2t { font-size: 10px; text-transform: uppercase; font-weight: 600; text-align: center; } .style_activeContainer__gvciL { border-color: var(--red); } .style_activeCheckBtn__sAhm2 { border-color: var(--red); } @media only screen and (max-width: 768px) { .style_checkBtn__v2-RB { top: 13px; left: 14px; } } @media only screen and (max-width: 600px) { .style_checkBtn__v2-RB { top: 10px; left: 10px; } } @media only screen and (max-width: 430px) { .style_container__6gm5U { padding: 10px 9px 5px 9px; justify-content: center; row-gap: 7px; } .style_cartText__AZO2t { font-size: 9px; } } .style_main__tOiMb { max-width: 730px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; gap: 20px; overflow: auto; border-radius: 5px; padding: 36px; background: var(--back-gray); } .style_main__tOiMb::-webkit-scrollbar { height: 4px; width: 4px; } .style_main__tOiMb::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 300ms ease-out; } .style_main__tOiMb::-webkit-scrollbar-track { background: var(--dark-gray); border-radius: 4px; height: 19px; } .style_header__ax5pS { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; } .style_backBtn__02Eif { display: flex; align-items: center; width: 40px; height: 40px; background: var(--dark-gray); border-radius: 2px; justify-content: center; cursor: pointer; border: 1px solid transparent; } .style_backBtn__02Eif:hover { border-color: var(--red); } .style_backBtn__02Eif:hover svg path { fill: var(--red); } .style_closeBtn__tT1TW { cursor: pointer; } .style_closeBtn__tT1TW:hover svg path { stroke: var(--red); } .style_bankLogo__K9Zcv { max-width: 274px; max-height: 136px; border-radius: 5px; padding: 10px; margin-bottom: 14px; display: flex; align-items: center; justify-content: center; background-color: var(--white); object-fit: contain; } .style_bankText__YHMmX { min-height: 150px; height: 280px; padding-right: 82px; overflow: auto; font-size: 18px; line-height: 28px; margin-bottom: 14px; color: var(--text-muted); width: 100%; } .style_title__B2IXz { font-size: 18px; text-transform: uppercase; font-weight: bold; color: var(--black); } .style_passportInput__nQzI3 { background-color: var(--white); width: 100%; padding: 12px 24px; font-size: 14px; border-radius: 5px; border: 1px solid transparent; outline: none; } .style_passportInput__nQzI3:focus { border-color: var(--green); } .style_checkBoxBlock__lyIhH { display: flex; column-gap: 10px; align-items: center; cursor: pointer; } .style_checkBox__goGXs { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border: 1.5px solid var(--text-light-muted); border-radius: 2px; } .style_checkBoxText__QMByj { color: var(--gray-muted); font-size: 14px; } .style_creditInfoBlock__KeMYY { max-width: 530px; width: 100%; padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; margin: 0 auto; } .style_creditInfoBlockTitle__ld1be { font-size: 24px; padding-bottom: 14px; font-weight: bold; color: var(--black); text-transform: uppercase; text-align: center; } .style_creditInfoBlockDescription__Pg3VQ { font-size: 14px; text-align: center; font-weight: 600; color: var(--text-light-muted); } .style_addPhotoText__qYhin { font-size: 18px; color: var(--text-muted); } .style_uploadBtn__j3C-A { display: flex; align-items: center; padding: 20px; width: 300px; background-color: var(--black); border-radius: 5px; justify-content: center; cursor: pointer; } .style_uploadBtn__j3C-A:hover { background-color: var(--black); } .style_uploadBtn__j3C-A span { font-size: 16px; color: var(--white); } .style_uploadFileDesc__SJN5W { white-space: wrap; max-width: 100%; overflow: unset; } .style_uploadFileDescRow__7TVSL { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; max-width: 100%; width: 100%; } .style_uploadFileDescRow__7TVSL .style_step__Pctfh { width: 97.825px; flex-basis: 8.33333%; max-width: 8.33333%; -webkit-box-flex: 0; font-size: 14.4px; padding-right: 15px; height: 35px; white-space: nowrap; } .style_uploadFileDescRowDesc__ZwmMK { flex-basis: 91.6667%; max-width: 91.6667%; -webkit-box-flex: 0; white-space: pre-wrap; padding-right: 15px; padding-left: 15px; font-size: 14.4px; } .style_buyBtn__znDGi { width: 350px; padding: 20px; cursor: pointer; border: none; border-radius: 5px; background-color: var(--red); display: flex; align-items: center; justify-content: center; } .style_buyBtn__znDGi span { color: var(--white--inf); font-size: 16px; } .style_uploadedImgContainer__fXK4s { width: 100px; height: 100px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; } .style_uploadedImgContainer__fXK4s img { width: 100%; height: 100%; object-fit: contain; } .style_uploadedImagesRow__NXcn7 { width: 100%; display: flex; flex-direction: row; align-items: center; } .style_deleteImage__Gd0oH { display: flex; cursor: pointer; border: none; background: transparent; color: var(--dark-red); } @media only screen and (max-width: 768px) { .style_main__tOiMb { max-width: 90%; margin: 0 auto; } } .style_background__kgZ9X { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); z-index: 9999; display: flex; justify-content: center; align-items: center; } .style_main__IVykQ { max-width: 530px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; row-gap: 30px; overflow: auto; border-radius: 5px; padding: 40px 36px; background-color: var(--white); } .style_title__Su\+B4 { text-align: center; font-size: 24px; padding-bottom: 14px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_description__79wC2 { font-size: 14px; text-align: center; font-weight: 600; color: var(--text-light-muted); } .style_btn__bfMov { max-width: 374px; width: 100%; padding: 16px; border-radius: 5px; align-self: center; display: flex; align-items: center; justify-content: center; background-color: var(--red); cursor: pointer; } .style_btn__bfMov span { color: var(--white-inf); font-size: 14px; } .style_closeBtn__GUtgA { align-self: flex-end; cursor: pointer; } @media screen and (max-width: 600px) { .style_main__IVykQ { margin: 0 20px; } } .style_title__A8JfH { font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 20px 0; } /* .style_categoriesBlock__Mt2cw { display: flex; align-items: center; gap: 20px; justify-content: flex-start; flex-wrap: wrap; } */ .style_categoryItem__X29Fz { display: flex; align-items: center; max-width: 340px; width: calc(100% / 4 - 20px); cursor: pointer; padding: 19px; min-width: 290px; border-radius: 5px; justify-content: flex-start; column-gap: 15px; border: 2px solid var(--gray-border); } .style_categoryItem__X29Fz .style_imgBlock__ep6oN { display: flex; align-items: center; min-width: 60px; width: 60px; min-height: 60px; height: 60px; border-radius: 90px; justify-content: center; background-color: var(--dark-gray); } .style_categoryItem__X29Fz .style_imgBlock__ep6oN img { max-width: 38px; max-height: 38px; object-fit: contain; } .style_activeCategory__CycDi { border-color: var(--red); } .style_categoryItem__X29Fz:hover { border-color: var(--red); } .style_categoryItem__X29Fz span { font-size: 14px; max-width: 148px; } @media only screen and (max-width: 768px) { .style_title__A8JfH { font-size: 18px; } } .GiftItem_GiftItem__y4Pnd { cursor: pointer; min-width: 160.58px; max-height: 55px; width: auto; padding: 5.4px 9.99px; gap: 5.4px; border-radius: 7.68px; border: 0.61px solid var(--gray-border-medium); display: flex; align-items: center; &:hover { border-color: var(--red); } } .GiftItem_activeGift__3aoYN { border-color: var(--red); } .GiftItem_GiftImage__EGP\+z { width: 45px; height: 53px; } .GiftItem_GiftText__fehIu { font-size: 11px; font-weight: 400; text-align: left; max-width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .style_background__5CIYO { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--white-almost); z-index: 999999999; display: flex; justify-content: center; align-items: center; } .style_main__ERjfi { border-radius: 5px; padding: 0 20px; background-color: var(--white); overflow: hidden; width: 100%; min-width: 500px; /* height: 80vh; */ } .style_main__ERjfi div img { width: 100%; height: 100%; object-fit: contain; background-color: var(--white); } .style_closeBtn__JV8L5 { position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 2; & svg { width: 25px; height: 25px; } &:hover { & svg { & path { stroke: var(--red); } } } } .style_miniImgs__7MRjG { display: flex; flex-direction: row; width: 100%; max-width: 900px; overflow: auto; justify-content: flex-start; } .style_miniImg__2gsDK { width: 122px; height: 122px; cursor: pointer; border: 1px solid transparent; margin-right: 20px; } .style_miniImg__2gsDK img { width: 100%; height: 100%; object-fit: contain; } .style_miniImgActive__3AO6X { border-color: var(--red); } .style_zoomContainer__MRZR8 { position: relative; } .style_zoomContainer__MRZR8 div img { max-width: 500px; max-height: 300px; margin: 0 auto; } .style_zoomContainer__MRZR8 div div { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; padding: 100px !important; background-color: var(--white) !important; overflow: hidden !important; } .style_zoomContainer__MRZR8 div div img { max-width: none !important; max-height: none !important; height: 500px !important; } .style_imgBlock__SzFkb div div img { width: 100%; height: 100%; object-fit: contain; background-color: var(--white); max-height: 300px; } .style_zoomContainer__MRZR8 .style_slideBtn__LhrlT { z-index: 20; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); display: flex; justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer !important; top: calc(50% - 25px); } .style_slidePrevArrow__RgRlM { left: 5px; transform: rotate(180deg); } .style_slideNextArrow__n5fz2 { right: 5px; } .style_slideBtn__LhrlT:hover svg path { stroke: var(--red); } @media only screen and (max-width: 768px) { .style_miniImg__2gsDK { width: 104px; min-width: 104px; height: 104px; } } @media only screen and (max-width: 600px) { .style_main__ERjfi { min-width: 400px; } .style_miniImgs__7MRjG { gap: 12px; } .style_miniImg__2gsDK { width: 73px; min-width: 73px; height: 73px; } .style_zoomContainer__MRZR8 .style_slideBtn__LhrlT { width: 40px; height: 40px; } .style_zoomContainer__MRZR8 .style_slideBtn__LhrlT svg { height: 18px; } } @media only screen and (max-width: 430px) { .style_main__ERjfi { width: 90%; min-width: auto; } } .style_container_catalog_slides__argoQ { display: flex; flex-direction: row; overflow: hidden; gap: 20px; } .style_catalog_home_slides__8qpfZ { display: flex; flex-direction: column; gap: 36px; } .style_catalog_first_section__ScILk { column-gap: 15px; margin-bottom: 108px; position: relative; margin-bottom: 108px; } .style_catalog_first_section_body__z6gil { display: flex; gap: 20px; align-items: flex-start; padding: 15px 0 0; } .style_catalog_gray_back__1\+e6w { width: 100%; height: 48%; background-color: var(--gray); } .style_catalog_left_bar__rkklr { max-width: 352px; min-width: 300px; width: 100%; box-shadow: 0px 4px 4px var(--gift-gradient-shadow); border-radius: 5px; background-color: var(--white); display: flex; flex-direction: column; padding: 0 18px; height: max-content; } .style_catalog_home_slides__8qpfZ { width: calc(100% - 352px); } .style_catalog_home_slides__8qpfZ .style_swiper-slide__DNAVl a img { object-fit: cover; } .style_catalog_featured_products__Zuup7 { } .style_sales_hits_block__uDCHe { padding-top: 30px; padding-bottom: 30px; background-color: var(--gray); } .style_catalog_slides_img__oBEsP img { } .style_loadContent__l014u { max-width: 352px; min-width: 300px; height: 500px; } @media (max-width: 1392px) { .style_catalog_left_bar__rkklr { display: none; } .style_container_catalog_slides__argoQ { } .style_catalog_home_slides__8qpfZ { width: 100%; } } .style_catalog_item__zcTqw { display: flex; align-items: center; gap: 16px; padding: 12px 0 16px 0; border-bottom: 1px solid var(--border-black-10); } .style_catalog_item_name__Nkb4K { font-size: 15px; cursor: pointer; } .style_catalog_item_name__Nkb4K:hover { color: var(--red); } .style_catalog_item_img__hkebV { max-width: 20px; } .style_catalog_item_img__hkebV img { width: 100%; height: 100%; } .style_container_catalog_slides__echB8 { display: flex; flex-direction: row; overflow: hidden; gap: 20px; } .style_catalog_home_slides__A6nVa { display: flex; flex-direction: column; gap: 36px; } .style_container__hiQsf { display: flex; flex-direction: row; margin-top: 20px; column-gap: 30px; overflow: hidden; } .style_leftContent__El9iJ { max-width: 950px; width: 100%; display: flex; position: relative; overflow: clip; } .style_leftLoadContent_big_slider__jUv1h { height: 500px; width: 100%; } .style_leftLoadContent_mini_slider__Sej5Y { height: 240px; margin-top: 0; } .style_leftSlider__GhKJn { /* border-radius: 10px; height: 388px; max-width: 766px; */ max-width: 715px; width: 100%; height: 388px; display: flex; position: relative; overflow: clip; } .style_leftSliderImg__IJNj\+ { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; } .style_rightContent__tuq\+1 { display: flex; flex-direction: column; justify-content: space-between; row-gap: 20px; width: 38%; min-width: 150px; overflow: clip; } .style_rightSlider__L0B8J { width: 100%; max-width: 290px; height: 184px; } .style_rightSlider__L0B8J Img { width: 100%; max-width: 460px; object-fit: contain; border-radius: 10px; } .style_slideBtn__92CDz { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--slide-btn-shadow); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__HMauh { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__rpM0K { right: 15px; } .style_slideBtn__92CDz:hover svg path { stroke: var(--red); } .style_leftLoadContent__1b-6g { width: 100%; height: 100%; aspect-ratio: 10 / 4; } @media only screen and (max-width: 1392px) { .style_container__hiQsf { flex-direction: column; row-gap: 20px; justify-content: center; } .style_leftContent__El9iJ { max-width: none; width: 100%; height: auto; display: flex; align-items: center; position: relative; overflow: clip; } .style_rightContent__tuq\+1 { flex-direction: row; column-gap: 20px; width: 100%; min-width: 100%; justify-content: space-between; overflow: clip; } .style_leftSliderImg__IJNj\+ { min-width: 100%; } .style_rightSlider__L0B8J { width: 100%; max-width: 48%; height: auto; } .style_leftSlider__GhKJn { height: auto; min-width: 100%; } .style_rightSlider__L0B8J Img { max-width: none; } .style_container_catalog_slides__echB8 { flex-direction: column; row-gap: 20px; } .style_rightSlider__L0B8J { width: 50%; } .style_rightSlider__L0B8J img { object-fit: cover; } .style_container_catalog_slides__echB8 { align-items: center; } } @media only screen and (max-width: 992px) { .style_rightContent__tuq\+1 { column-gap: 12px; } } @media only screen and (max-width: 600px) { .style_rightSlider__L0B8J img { border-radius: 5px; } } @media only screen and (max-width: 430px) { .style_container__hiQsf { row-gap: 8px; } } .style_container__YmEBA { margin-bottom: 104px; } .style_title__6iPFa { font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 20px 0; } .style_slideBtn__GLPeA { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--slide-btn-shadow); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; } .style_slidePrevArrow__02Jms { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__9j0OU { right: 15px; } .style_slideBtn__GLPeA:hover svg path { stroke: var(--red); } .style_loadContent__qLr\+q { width: 196px; height: auto; aspect-ratio: 5.4/ 10; } @media only screen and (max-width: 768px) { .style_title__6iPFa { font-size: 18px; } } @media only screen and (max-width: 600px) { .style_loadContent__qLr\+q { width: 190px; } } .style_cart_header_block__\+UTjc { background-color: var(--gray); } .style_logo__iw8y3 { max-width: 118px; min-width: 100px; width: 100%; object-fit: contain; } .style_cart_header_body__JYOgV { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; padding-bottom: 10px; position: relative; overflow: visible; height: max-content; } .style_cart_body_back_link__i5JB3 { font-size: 18px; color: var(--text-muted); cursor: pointer; & > span { margin-left: 20px; } } .style_header_cards_logo__5bdEw { min-width: 100px; padding: 0; } .style_phone_drpdown_block__m38Mt { position: relative; min-width: 270px; overflow: visible; } .style_phone_drpdown_general__KYs-9 { display: flex; gap: 16px; align-items: center; justify-content: flex-end; } .style_phone_num_call__Sfysa { font-size: 20px; font-weight: 700; font-family: "Mardoto-Regular"; } .style_open_phone_nums__nRlLp { cursor: pointer; } .style_drop_down_sub__KTE6K { position: absolute !important; right: 27px; top: 30px; display: flex; background-color: var(--white); flex-direction: column; opacity: 0; visibility: hidden; max-height: none; height: fit-content; &.style_open__lh7jt { opacity: 1; visibility: visible; } } .style_drop_down_sub__KTE6K a { padding: 8px 12px; border-bottom: 1px solid var(--black); font-size: 20px; font-weight: 700; font-family: "Mardoto-Regular"; white-space: pre; } @media (max-width: 1440px) { .style_phone_num_call__Sfysa { font-size: 18px; } .style_drop_down_sub__KTE6K { opacity: 0; visibility: hidden; } } @media (max-width: 992px) { .style_open_phone_nums__nRlLp { display: none; } } @media (max-width: 768px) { .style_cart_body_back_link__i5JB3 { font-size: 12px; } } @media (max-width: 600px) { .style_cart_body_back_link__i5JB3 { font-size: 0; } .style_phone_num_call__Sfysa { font-size: 13px; } .style_phone_drpdown_general__KYs-9 { gap: 8px; } .style_phone_drpdown_svg__yIe-\+ { display: none; } } @media (max-width: 430px) { .style_header_cards_logo__5bdEw { max-width: 100px; min-width: 100px; } } .style_cart_content__VAsKI { overflow: hidden; } .style_cart_main__UH\+Th { padding-top: 32px; } .style_cart_main_title_block__ZKedy { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; } .style_cart_content_title__G5-Ja { color: var(--red); opacity: 0.8; font-size: 18px; font-weight: bold; text-transform: uppercase; } @media only screen and (max-width: 768px) { .style_cart_main__UH\+Th { padding-top: 0; } } .style_cart_content_null_block__tLULf { margin-top: 46px; background-color: var(--gray); padding: 90px 20px 60px 20px; display: flex; flex-direction: column; row-gap: 26px; align-items: center; justify-content: center; margin-bottom: 55px; } .style_cart_content_null_block__tLULf h3 { font-size: 30px; font-weight: bold; font-family: "Mardoto-Regular"; text-transform: uppercase; } .style_cart_content_null_block__tLULf a { padding: 17px 106px; border-radius: 5px; color: white; font-size: 14px; cursor: pointer; background-color: var(--red); } .style_cart_content_null_block__tLULf img { width: auto; } @media only screen and (max-width: 768px) { .style_cart_content_null_block__tLULf h3 { font-size: 18px; text-align: center; } .style_cart_main__QZWG5 { padding-top: 62px; } } @media only screen and (max-width: 600px) { .style_cart_content_null_block__tLULf a { padding: 12px 30px; font-size: 12px; text-align: center; } } /* .style_timeForEndSale__Jyzaf, .style_priceAverageBlock__sr4-w, .style_creditBlock__\+353h, .style_countAddCartBuyNowBlock__SoFqv, .style_cardBtn__QQb5O, .style_pricen__K2PqB, .style_price__Xm9Gt, .style_newPrice__vcjbh, .style_oldPrice__Fhunx, .style_priceMounth__ArVcf, .style_priceText__qfvqu, .style_compareHeart__KLf9m, .style_buyBtn__V3D0x, .style_cashbackPrice__wG1jS { display: none !important; } */ .style_cart_content_container__wHstH { display: flex; position: relative; flex-direction: column; } .style_cart_checkout_container__jFSDb { margin-top: 46px; gap: 20px; margin-bottom: 50px; } .style_cart_gray_back__1egoq { position: absolute; z-index: 1; height: 90%; width: 100%; top: 700px; max-height: 1310px; left: 0; right: 0; background-color: var(--gray); } /*CART lEFT BLOCK*/ .style_cart_left_block__GxamV { width: 100%; display: flex; flex-direction: column; row-gap: 40px; } .style_cart_products_list__x4IEk { box-shadow: 0px 5px 15px var(--box-shadow-light); border-radius: 5px; display: flex; flex-direction: column; background-color: var(--white); } .style_cart_products_item__FfiNQ { padding: 10px 16px; column-gap: 20px; border-bottom: 1px solid var(--border-black-10); display: flex; align-items: center; justify-content: space-between; } .style_products_item_img__IOBOO { max-width: 110px; width: 100%; height: 110px; position: relative; } .style_products_item_img__IOBOO .style_productImage__\+qXae { height: 85%; width: 100%; display: block; object-fit: contain; vertical-align: middle; } .style_sticker__Net8p { position: absolute; top: 8px; left: -6px; display: flex; column-gap: 2px; align-items: center; width: 60px; object-fit: contain; } .style_products_item_info__5qfQw { display: flex; align-items: center; justify-content: space-between; width: 79%; } .style_item_info_title_count__po-z1 { max-width: 44%; width: 100%; column-gap: 10px; display: flex; align-items: center; justify-content: space-between; } .style_item_info_title__PlPUV { font-size: 18px; overflow: hidden; max-width: 154px; } .style_price_favorite_block__3mFBZ { max-width: 46%; width: 100%; column-gap: 10px; display: flex; } .style_info_prise_block__gUq-x { flex-wrap: wrap; display: flex; align-items: center; column-gap: 8px; width: 100%; min-width: 150px; } .style_promoPriceContainer__b0wDF { display: flex; align-items: center; flex-direction: row; column-gap: 8px; } .style_price__Xm9Gt { font-size: 18px; font-weight: bold; text-wrap: nowrap; } .style_newPrice__vcjbh { font-size: 18px; font-weight: bold; color: var(--red); text-wrap: nowrap; } .style_oldPriceContainer__qB6-b { position: relative; } .style_oldPrice__Fhunx { font-size: 12px; color: var(--gray-old-price); text-wrap: nowrap; } .style_oldPriceContainer__qB6-b .style_line__z6jv8 { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 10px; } .style_installingPriceBlock__QRxw8 { width: 100%; display: flex; align-items: center; } .style_installingBtnBlock__dhNpR { position: relative; width: 40px; height: 18px; background: var(--black); border-radius: 2px; border: 2px solid var(--black); cursor: pointer; } .style_installingBtnBlockActive__6cVA1 { background: var(--red); border: 2px solid var(--red); } .style_installingBtn__\+QAMw { width: 16px; height: 14px; background: var(--white); border-radius: 2px; } .style_installingBtnBlockActive__6cVA1 .style_installingBtn__\+QAMw { transform: translate(20px); } .style_line_through__FXWil { width: 100%; position: absolute; border-bottom: 1px solid var(--red); top: 9px; transform: rotate(-6deg); left: 0; } .style_item_favorite_block__n0Cmq { border: 1px solid var(--border-black-20); border-radius: 5px; padding: 10px 12px; display: flex; align-items: center; column-gap: 12px; } .style_favorite_delete__zTFaQ { cursor: pointer; } .style_favorite_right_bord__qnLx8 { height: 18px; border-right: 1px solid var(--border-black-20); } /*checkout*/ .style_cart_right_block_check__Lyq9z { margin-top: 120px; display: flex; flex-direction: column; border-radius: 15px; row-gap: 80px; width: 100%; transition: all 0ms; background-color: var(--gray); padding: 50px 42px 60px 42px; box-shadow: 0px 0px 8.4px 0px var(--box-shadow-light); } .style_cart_block__kK4Li { display: flex; } .style_check_promocode_block__zg2lg { width: 100%; border-radius: 15px; background: var(--gray); box-shadow: 0px 0px 8.4px 0px var(--box-shadow-light); padding: 35px; display: flex; flex-direction: column; row-gap: 8px; } .style_haveAre_you_promo__VEbez { font-size: 16px; font-weight: bold; text-transform: uppercase; color: var(--modal-bg-login); } .style_check_only_memebers__6j2be { margin-top: 10px; display: flex; position: relative; } .style_check_memebers_input__Z4puM { background: var(--gray); border: none; font-size: 14px; padding: 15px 100px 15px 24px; width: 100%; } .style_send_memb_email_btn__xQfmD { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border-radius: 5px; font-size: 14px; padding: 9px 25px; border: 1px solid transparent; background-color: var(--red); color: white; cursor: pointer; } .style_send_memb_email_btn__xQfmD:hover { background-color: var(--dark-red); } .style_errorInput__ewDys { border-color: var(--red); } .style_cart_checkout_block__Xyhc1 { width: 100%; padding-left: 86px; display: flex; flex-direction: column; justify-content: space-between; } .style_cart_checkout_block_title__xAKLf { font-size: 30px; font-weight: bold; text-align: center; color: var(--black); text-transform: uppercase; } .style_checkout_prouducts_count_block__-Ukk1 { display: flex; gap: 40px; justify-content: space-between; align-items: center; } .style_checkout_prouducts_count__hnc12 { min-width: max-content; font-size: 16px; color: var(--modal-bg-login); } .style_checkout_prouducts_price__viWZL { min-width: max-content; font-size: 18px; font-weight: 600; } .style_inf_name__T0TA3 { color: var(--red); } .style_checkout_prouducts_shiping__fgf9P { gap: 40px; display: flex; align-items: center; justify-content: space-between; } .style_round_transparent_left__WLyeG { position: absolute; min-width: 52px; width: 52px; height: 52px; min-height: 52px; border-radius: 90px; box-shadow: var(--box-shadow-inset-top); background-color: var(--white); right: -70px; } .style_round_transparent_right__rndfe { position: absolute; min-width: 52px; width: 52px; height: 52px; min-height: 52px; border-radius: 90px; box-shadow: var(--box-shadow-inset-top); background-color: var(--white); left: -70px; } .style_dash_cart__CqZJ8 { width: 100%; /* gic */ border-bottom: 3px dashed var(--border-black-10); } .style_additional_coment_section_area__dC8QA { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--white); border-radius: 5px; margin-top: 10px; border: none; resize: none; } .style_general_price_block__Epzdz { display: flex; justify-content: space-between; align-items: center; } .style_order_complete_button_container__864RJ { display: flex; justify-content: center; align-items: center; margin-top: 40px; } .style_order_complete_button__ZCCX4 { padding: 20px 68px; border-radius: 5px; color: white; cursor: pointer; font-size: 16px; border: none; background-color: var(--red); } .style_order_complete_button__ZCCX4:hover { background-color: var(--dark-red); transition: background-color 0.3s ease; } .style_general_price_tools__OopoZ button:hover { background-color: var(--dark-red); } .style_general_price_title__HRXKt { font-size: 16px; color: var(--modal-bg-login); } .style_total_price_with_delivery__etfUI { font-size: 24px; } .style_installationText__ofwWy { min-width: max-content; display: inline-block; font-size: 12px; color: var(--red); } .style_thanksModalBg__RlWwu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--gift-gradient-shadow); z-index: 9999999999999999; display: flex; justify-content: center; align-items: center; } .style_thanksModal__GML7b { max-width: 530px; width: 100%; background-color: var(--white); padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; } .style_thanksModalClose__CXDPf { align-self: flex-end; cursor: pointer; } .style_thanksModalImg__aiu1c { max-width: 135px; height: 146px; } .style_thanksModalTitle__oI3SB { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_thanksModalSubTitle__4yPf6 { font-size: 14px; text-align: center; font-weight: 600; color: var(--text-light-muted); } .style_thanksModalBtn__glr0w { max-width: 374px; width: 100%; padding: 16px; display: flex; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); cursor: pointer; } .style_thanksModalBtn__glr0w span { color: var(--white); font-size: 14px; } /* gift */ .style_stickersBlock__axO-G { position: absolute; top: 126px; right: 22px; display: flex; column-gap: 4px; align-items: center; justify-content: flex-end; width: max-content; z-index: 999; } .style_giftBox__VOWzb { display: flex; align-items: center; position: absolute; right: -40px; bottom: 30px; cursor: pointer; min-width: 30px; width: 30px; height: 30px; min-height: 30px; justify-content: center; background: radial-gradient(96.77% 96.77% at 93.33% 96.77%, var(--gift-red-start) 0.51%, var(--gift-red-end) 100%); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1); border-radius: 5px; } .style_giftBox__VOWzb:hover .style_giftHovered__eShzR { display: flex; } .style_giftHovered__eShzR { display: none; padding: 15px; bottom: 30px; right: -5px; gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 244px; width: max-content; font-family: "Mardoto-Regular"; background-color: var(--white); box-shadow: var(--box-shadow-hover); } .style_giftHoveredMain__RMhkB { border: 1px solid var(--gift-border); border-radius: 2px; display: flex; cursor: pointer; flex-direction: column; row-gap: 14px; padding: 10px; min-width: 1px; width: 100%; align-items: flex-start; } .style_giftHovered__eShzR:hover .style_giftHoveredMain__RMhkB { border-color: var(--red); } .style_giftHoveredImg__8NJTJ { height: 40px; object-fit: contain; max-width: 60px; } @media (max-width: 1440px) { .style_check_promocode_block__zg2lg { padding: 20px; } .style_cart_checkout_block__Xyhc1 { padding-left: 20px; } .style_products_item_img__IOBOO { max-width: 100px; height: 100px; } .style_cart_left_block__GxamV { width: 100%; } } @media only screen and (max-width: 1280px) { .style_cart_checkout_container__jFSDb { flex-direction: column; margin-top: 10px; row-gap: 22px; } .style_cart_left_block__GxamV, .style_cart_right_block_check__Lyq9z { width: 100%; } } @media only screen and (max-width: 992px) { .style_item_info_title_count__po-z1 { flex-direction: column; gap: 16px; align-items: flex-start; } .style_price_favorite_block__3mFBZ { flex-direction: column; gap: 20px; align-items: flex-start; } .style_item_favorite_block__n0Cmq { align-self: end; } .style_giftBox__VOWzb { right: 5px; bottom: 5px; } .style_cart_block__kK4Li { flex-direction: column; row-gap: 84px; } .style_cart_checkout_block__Xyhc1 { row-gap: 24px; } .style_cart_right_block_check__Lyq9z { padding: 24px; } } @media (max-width: 600px) { .style_check_promocode_block__zg2lg { padding: 8px; } .style_item_info_title__PlPUV { max-width: 240px; font-size: 14px; height: 32px; } .style_price_favorite_block__3mFBZ { max-width: none; position: relative; } .style_products_item_info__5qfQw { align-items: flex-start; flex-direction: column; } .style_newPrice__vcjbh, .style_price__Xm9Gt { font-size: 14px; } .style_oldPrice__Fhunx { font-size: 12px; } .style_cart_right_block_check__Lyq9z { min-width: auto; } } @media (max-width: 768px) { .style_cart_checkout_block_title__xAKLf { font-size: 18px; } .style_checkout_prouducts_count_block__-Ukk1 { gap: 14px; } .style_checkout_prouducts_shiping__fgf9P { gap: 14px; } } @media (max-width: 591px) { .style_products_item_info__5qfQw { flex-direction: column; } .style_cart_checkout_block__Xyhc1 { padding: 0; } .style_item_info_title__PlPUV { font-size: 14px; } .style_newPrice__vcjbh, .style_price__Xm9Gt { font-size: 16px; } .style_oldPrice__Fhunx { font-size: 13px; } .style_oldPriceLine__VhSQQ { width: 100%; position: absolute; border-bottom: 1px solid var(--red); top: 11px; transform: rotate(-6deg); left: 0; } .style_add_personal_form__2pO-r { padding: 20px; } .style_info_prise_block__gUq-x { flex-direction: row; flex-wrap: nowrap; margin-bottom: 10px; } } @media (max-width: 442px) { .style_checkout_prouducts_count__hnc12 { font-size: 10px; } .style_checkout_prouducts_price__viWZL { font-size: 12px; } .style_inf_name__T0TA3 { font-size: 10px; } .style_general_price_title__HRXKt { font-size: 14px; } .style_general_price__is9Jg textarea { padding: 10px 15px; font-size: 12px; } .style_general_price_tools__OopoZ button { padding: 10px; font-size: 12px; } .style_send_memb_email_btn__xQfmD { font-size: 12px; padding: 9px 17px; } .style_check_memebers_input__Z4puM { border: none; font-size: 14px; padding: 10px 50px 10px 15px; width: 100%; } .style_check_memebers_input__Z4puM, .style_additional_coment_section_area__dC8QA { padding-left: 8px; padding-right: 8px; } } @media (max-width: 415px) { .style_item_favorite_block__n0Cmq { position: relative; bottom: 0; } .style_cart_right_block_check__Lyq9z { row-gap: 40px; } .style_haveAre_you_promo__VEbez { font-size: 14px; } .style_cart_block__kK4Li { row-gap: 40px; } } .style_cart_payment_block__prvWA { box-shadow: 0px 5px 15px var(--box-shadow-light); border-radius: 5px; background-color: var(--white); padding: 80px 100px 74px 100px; display: flex; flex-direction: column; row-gap: 20px; margin-top: 40px; } .style_payment_title__szpcS { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_payment_list__flv7e { display: flex; flex-wrap: wrap; gap: 18px; } .style_payment_item__VQdJ6::before, .style_payment_item_active__xzMN7::before { content: ""; position: absolute; left: 20px; width: 15px; height: 15px; border-radius: 50%; top: 20px; background-color: var(--gray); transition: 0.3s; } .style_payment_item__VQdJ6, .style_payment_item_active__xzMN7 { max-width: 273px; width: calc(100% / 3 - 20px); height: 136px; cursor: pointer; border: 2px solid var(--light-background-gray); border-radius: 5px; padding: 20px 18px 10px 18px; display: flex; position: relative; flex-direction: column; align-items: center; justify-content: flex-end; row-gap: 14px; } .style_payment_item_active__xzMN7 { border: 2px solid var(--red); } .style_payment_item_active__xzMN7::before { background-color: var(--red); } .style_payment_item__VQdJ6:hover { border: 2px solid var(--red); } .style_payment_item__VQdJ6.active { } .style_payment_item__VQdJ6 img { width: 100%; height: 100%; object-fit: contain; } .style_payment_item_active__xzMN7 img { width: 100%; height: 100%; object-fit: contain; } .style_cart_img_types__mJlWy { display: flex; align-items: center; justify-content: center; column-gap: 10px; } .style_cart_imgsvg__k02Rc { height: 50px; max-width: 60px; } .style_credit_imgsvg__BG4t6 { max-width: 150px; height: 84px; } .style_nameofcart_type__GDP79 { font-size: 14px; text-transform: uppercase; font-weight: 600; text-align: center; } .style_paymentBackBtn__2X1K3 { cursor: pointer; width: 54px; height: 54px; background-color: var(--back-gray); justify-content: center; border-radius: 6px; border: 1px solid transparent; display: flex; justify-content: center; align-items: center; } .style_infoBlock__lq6-A { width: 100%; height: 280px; padding-right: 82px; overflow: auto; font-size: 18px; line-height: 28px; margin-bottom: 14px; color: var(--text-muted); } .style_bankInput__YjCmd { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--back-gray); border-radius: 5px; border: 1px solid transparent; margin-bottom: 18px; } .style_inputError__Ck-yA { border-color: var(--red) !important; } @media (max-width: 1440px) { .style_payment_item__VQdJ6 { width: calc(100% / 3 - 14px); } } @media (max-width: 992px) { .style_cart_payment_block__prvWA { padding: 24px; } } @media (max-width: 768px) { .style_payment_list__flv7e { gap: 12px; } .style_payment_item__VQdJ6 { width: calc(100% / 3 - 8px); padding: 14px; height: 114px; } .style_cart_imgsvg__k02Rc { height: 30px; max-width: 40px; } .style_nameofcart_type__GDP79 { font-size: 10px; } .style_payment_title__szpcS { font-size: 18px; } .style_infoBlock__lq6-A { height: 504px; padding: 14px; } } @media only screen and (max-width: 600px) { .style_payment_item__VQdJ6 { width: calc(100% / 2 - 8px); } .style_payment_list__flv7e { gap: 14px; } } @media only screen and (max-width: 365px) { .style_payment_item__VQdJ6 { width: calc(100% / 1 - 8px); } .style_infoBlock__lq6-A { height: 504px; padding: 12px; } } @media only screen and (max-width: 591px) { .style_cart_payment_block__prvWA { padding: 20px; } } .style_add_personal_form__CWrjR { position: relative; z-index: 2; box-shadow: 0px 5px 15px var(--box-shadow-light); border-radius: 5px; background-color: var(--white); padding: 80px 100px 74px 100px; display: flex; flex-direction: column; row-gap: 20px; margin-top: 40px; } .style_inputError__VR3rD { border-color: var(--red) !important; } .style_add_personal_form__CWrjR h1 { font-size: 30px; font-weight: bold; font-family: "Mardoto-Regular"; text-transform: uppercase; } .style_add_personal_inputs__00Q4I { display: flex; gap: 36px; } .style_add_personal_inputs__00Q4I input { flex: 1; padding: 12px 24px; font-size: 14px; background-color: var(--gray); border-radius: 5px; border: 1px solid transparent; } .style_add_personal_inputs__00Q4I > input:nth-child(1) { width: 32%; flex: unset; } .style_add_personal_inputs_phone__ajWi- { flex: 1; display: flex; gap: 40px; } .style_add_personal_inputs_phone__ajWi- input { width: 100%; } .style_second_title__\+qn9H { margin-top: 90px; font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_delivery_list__FDjbS { display: flex; gap: 20px; } .style_city_input__nez6C input { width: 60%; padding: 12px 24px; font-size: 14px; background-color: var(--gray); border-radius: 5px; border: 1px solid transparent; } .style_choose_type_delivery__8wIQa { max-width: 272px; position: relative; width: 100%; height: 85px; border: 2px solid var(--light-background-gray); border-radius: 5px; display: flex; flex-direction: column; row-gap: 3px; padding: 12px; cursor: pointer; align-items: center; justify-content: center; } .style_choose_type_delivery_active__-XDom { max-width: 272px; position: relative; width: 100%; height: 85px; border: 2px solid var(--red); border-radius: 5px; display: flex; flex-direction: column; row-gap: 3px; padding: 12px; cursor: pointer; align-items: center; justify-content: center; } .style_choose_type_delivery__8wIQa span { font-size: 14px; font-weight: 600; color: var(--modal-bg-login); text-transform: uppercase; } .style_choose_type_delivery_active__-XDom span { font-size: 14px; font-weight: 600; color: var(--modal-bg-login); text-transform: uppercase; } .style_choose_type_delivery__8wIQa::before { content: ""; position: absolute; left: 20px; width: 15px; height: 15px; border-radius: 50%; top: 20px; background-color: var(--gray);; transition: 0.3s; } .style_choose_type_delivery_active__-XDom::before { content: ""; position: absolute; left: 20px; width: 15px; height: 15px; border-radius: 50%; background-color: var(--red); top: 20px; transition: 0.3s; } .style_best_deal_product__8HRb- { } @media (max-width: 992px) { .style_add_personal_form__CWrjR { padding: 24px; } .style_add_personal_inputs__00Q4I { flex-direction: column; gap: 20px; } .style_add_personal_form__CWrjR h1, .style_second_title__\+qn9H { font-size: 20px; } .style_delivery_list__FDjbS { flex-direction: column; column-gap: 20px; } .style_choose_type_delivery__8wIQa, .style_choose_type_delivery_active__-XDom { max-width: 100%; } .style_city_input__nez6C input { width: 100%; } .style_add_personal_inputs__00Q4I > input:nth-child(1) { width: 100%; flex: unset; } .style_add_personal_inputs_phone__ajWi- { flex: 1; gap: 20px; flex-direction: column; } .style_second_title__\+qn9H { margin-top: 60px; } } .style_cart_counter_block__Op6ov { display: flex; align-items: center; } .style_cart_counter_block__Op6ov span { border: none; font-size: 18px; width: 54px; text-align: center; background-color: transparent; } .style_counterBtn__KCE1\+ { min-width: 38px; min-height: 38px; justify-content: center; cursor: pointer; border: 1px solid var(--border-black-10); border-radius: 5px; background-color: var(--white); } .style_title__3V4pP { font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 60px 0 20px; } /* .style_categoriesBlock__rwvOp { display: flex; align-items: center; gap: 20px; justify-content: flex-start; flex-wrap: wrap; } */ .style_categoryItem__4apHP { display: flex; align-items: center; max-width: 340px; width: calc(100% / 4 - 20px); cursor: pointer; padding: 19px; min-width: 290px; border-radius: 5px; justify-content: flex-start; column-gap: 15px; border: 2px solid var(--gray-border); } .style_categoryItem__4apHP .style_imgBlock__JkQU2 { display: flex; align-items: center; min-width: 60px; width: 60px; min-height: 60px; height: 60px; border-radius: 90px; justify-content: center; background-color: var(--dark-gray); } .style_categoryItem__4apHP .style_imgBlock__JkQU2 img { max-width: 38px; max-height: 38px; object-fit: contain; } .style_activeCategory__ciKtz { border-color: var(--red); } .style_categoryItem__4apHP:hover { border-color: var(--red); } .style_categoryItem__4apHP span { font-size: 14px; max-width: 148px; } @media only screen and (max-width: 768px) { .style_title__3V4pP { font-size: 18px; } } .style_loginCart__s40gJ { box-shadow: var(--box-shadow-low); background-color: var(--white); width: 100%; /* height: 402px; */ padding: 80px 100px 74px 100px; } .style_loginCartContainer__6cB64 { width: 100%; height: 100%; display: flex; flex-direction: column; } .style_loginCartTitle__0HkSX { margin-bottom: 31px; } .style_loginCartTitle__0HkSX h3 { font-size: 30px; font-weight: 700; line-height: 35px; color: var(--black); } .style_loginCartform__vNHW0 { /* flex: 1 1 100%; */ } .style_loginCartform__vNHW0 form { display: flex; flex-direction: column; } .style_loginCartform__vNHW0 form p { font-size: 18px; font-weight: 400; line-height: 23px; color: var(--black); /* margin-bottom: 14px; */ } .style_loginCartInputs__f2fOP { display: flex; justify-content: space-between; /* margin-bottom: 25px; */ } .style_inputError__CjSGa { border-color: var(--red); } .style_loginCartInputs__f2fOP input { width: 100%; height: 100%; } .style_loginCartLogin__LrCE- { margin-right: 21px; height: 51px; width: 100%; } .style_loginCartButtons__y-7Ga { display: flex; } .style_loginCartSignIn__mw4Im { background: none; border: none; width: 246px; height: 51px; display: flex; align-items: center; justify-content: center; margin-right: 30px; font-size: 16px; font-weight: 500; line-height: 19px; background-color: var(--red); border-radius: 5px; color: white; cursor: pointer; } .style_loginCartSignUp__J-YeQ { background: none; border: none; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; line-height: 19px; background-color: var(--black); border-radius: 5px; width: 140px; height: 51px; color: var(--white); cursor: pointer; } .style_loginCartPassword__ANT1H { height: 51px; width: 100%; position: relative; display: flex; align-items: center; } .style_eye__7vZEb { position: absolute; right: 24px; cursor: pointer; } .style_loginCartFooter__A4nm3 { margin-top: 25px; } .style_loginCartFooter__A4nm3 p { font-size: 18px; font-weight: 400; line-height: 23px; color: var(--black); } .style_loginCartIcons__59KpI { display: flex; margin-top: 20px; } .style_loginCartIcons__59KpI span { display: flex; align-items: center; justify-content: center; text-align: center; width: 51px; height: 51px; border-radius: 5px; border: 1px solid var(--black); } .style_loginCartIcons__59KpI > :first-child { margin-right: 27px; } .style_loginCartIcons__59KpI svg { height: 34px; width: 21px; margin-right: 0px; } .style_input__zdq8J { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--back-gray); border-radius: 5px; border: 1px solid transparent; } @media (max-width: 1280px) { .style_loginCart__s40gJ { max-width: 100%; width: 100%; } } @media (max-width: 992px) { .style_loginCart__s40gJ { padding: 24px; } } @media (max-width: 768px) { .style_loginCartInputs__f2fOP { flex-direction: column; row-gap: 20px; } } @media (max-width: 400px) { .style_loginCartSignIn__mw4Im { margin-right: 12px; width: 140px; } } .styles_personalCart__cd7pA { width: 100%; min-height: 275px; padding: 44px; box-shadow: 0px 5px 15px 0px var(--black); background-color: var(--white); } .styles_personalCartContainer__3IK2C { width: 100%; height: 100%; } .styles_personalCartHeader__UNjL7 { display: flex; justify-content: space-between; margin-bottom: 28px; } .styles_personalCartHeader__UNjL7 h3 { font-size: 30px; font-weight: 700; line-height: 35px; color: var(--black); margin-right: 30px; white-space: nowrap; } .styles_personalCartUser__moPzV { width: 100%; height: 118px; border-radius: 5px; background-color: var(--gray); display: flex; align-items: center; padding: 20px 0px 16px 28px; margin-bottom: 16px; cursor: pointer; border: 2px solid transparent; } .styles_acitve__Erbpd { border: 2px solid var(--red); } .styles_checked__nETg7 { width: 16px; height: 16px; min-width: 16px; min-height: 16px; border-radius: 50%; background-color: var(--light-background-gray); margin-right: 20px; display: flex; align-items: center; justify-content: center; } .styles_checkedActive__Yy6-A { width: 16px; height: 16px; min-width: 16px; min-height: 16px; border-radius: 50%; background-color: var(--red); } .styles_checkedActive__Yy6-A div { width: 10px; height: 10px; min-width: 10px; min-height: 10px; border-radius: 5px; background-color: var(--white); } .styles_personalContact__\+r\+7C { display: flex; } .styles_personalContact__\+r\+7C :first-child { margin-right: 16px; } .styles_personalInfo__BRIpf p { font-size: 14px; font-weight: 400; line-height: 16px; } .styles_personalContact__\+r\+7C p svg, .styles_personalInfo__BRIpf p img { width: 12px; height: 12px; margin-right: 3px !important; object-fit: contain; } .styles_personalCartImg__Zo0VV { width: 78px; height: 78px; margin-right: 32px; border-radius: 40px; background-color: var(--light-background-gray); display: flex; align-items: center; justify-content: center; } .styles_personalCartImg__Zo0VV svg { height: 32px; width: 26px; } .styles_personalInfo__BRIpf { } .styles_personalInfo__BRIpf h4 { font-size: 18px; font-weight: 700; line-height: 23px; color: var(--black); margin-bottom: 11px; } .styles_personalCartHeader__UNjL7 button { border: none; background: none; background-color: var(--red); font-size: 16px; font-weight: 500; line-height: 19px; border-radius: 5px; color: var(--white); max-width: 293px; width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; white-space: nowrap; cursor: pointer; } @media (max-width: 1280px) { .styles_personalCart__cd7pA { max-width: 100%; width: 100%; } } @media (max-width: 768px) { .styles_personalCartHeader__UNjL7 { flex-direction: column; row-gap: 10px; } .styles_personalCartHeader__UNjL7 button { font-size: 14px; } .styles_personalCart__cd7pA { max-width: 100%; width: 100%; padding: 22px; } .styles_personalCartHeader__UNjL7 h3 { font-size: 20px; } .styles_personalCartUser__moPzV { padding: 10px 10px 10px 16px; } .styles_personalCartImg__Zo0VV { display: none; } .styles_personalContact__\+r\+7C { flex-direction: column; } .styles_personalInfo__BRIpf h4 { font-size: 16px; line-height: 16px; margin-bottom: 6px; } .styles_personalContact__\+r\+7C p svg, .styles_personalInfo__BRIpf p img { margin-right: 8px !important; } .styles_personalContact__\+r\+7C :first-child { margin-right: 0; } } @media (max-width: 420px) { .styles_checked__nETg7 { display: none; } .styles_personalInfo__BRIpf p, .styles_personalCartHeader__UNjL7 button { font-size: 13px; } } .style_modal_block__3\+uOo { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999999; padding: 20px; } .style_modal_bg__s3PS3 { position: absolute; width: 100%; height: 100%; background-color: var(--black); opacity: .6; left: 0; top: 0; } .style_modal_content__3EXa7, .style_modal_remove_padding__eeiVo { position: relative; max-width: 530px; width: 100%; background-color: var(--white); padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; } .style_modal_remove_padding__eeiVo { padding: 0; } .style_modal_close__t4qYI { position: absolute; right: 12px; top: 30px; cursor: pointer; } .style_modal_jobs_content_img__I\+jHU { display: flex; align-items: center; justify-content: center; } .style_modal_jobs_content_title__3DsqK { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 30px; } .style_modal_jobs_content_title__3DsqK span { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; display: block; text-align: center; } .style_modal_jobs_content_button__TBzSp { max-width: 374px; width: 100%; padding: 16px; color: var(--white); font-size: 14px; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); display: flex; align-items: center; cursor: pointer; } .style_modal_jobs_close__UcmoV { align-self: flex-end; cursor: pointer; } @media (max-width: 736px) { .style_modal_jobs_content_title__3DsqK span { font-size: 23px; } .style_modal_jobs_content__cLtE- { margin: 10px; } } @media (max-width: 500px) { .style_modal_jobs_content_title__3DsqK span { font-size: 15px; } .style_modal_jobs_content_img__I\+jHU img { width: 60%; height: 60%; } .style_modal_jobs_content__cLtE- { padding: 20px 16px; } .style_modal_jobs_content_button__TBzSp { font-size: 10px; padding: 10px; } } .style_themeButton__OFVCh { background: var(--white); border: 1px solid var(--border-gray-10); border-radius: 50%; padding: 8px; cursor: pointer; transition: background 0.3s ease, transform 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .style_themeButton__OFVCh:hover { background: var(--gray-20); transform: rotate(10deg) scale(1.05); } .style_iconWrapper__ao7S0 { display: flex; align-items: center; justify-content: center; } .style_icon__2pPdt { font-size: 20px; transition: transform 0.5s ease, opacity 0.3s ease; } .style_sun__8PFhy { color: #ffaa00; animation: rotateIn 0.4s ease; } .style_moon__Ivgq- { color: #ffd1dc; animation: fadeIn 0.4s ease; } @keyframes rotateIn { from { transform: rotate(-90deg); opacity: 0; } to { transform: rotate(0deg); opacity: 1; } } @keyframes fadeIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } } .style_container__7KGQE { display: flex; flex-direction: column; background-color: var(--back-gray); transition: all 0ms ease-out; } .style_headLine__O65A3 { height: 5px; top: 0; left: 0; right: 0; min-width: 1%; height: 5px; background-color: var(--red); transition: all linear 0.3s; position: fixed; z-index: 9999999; } .style_wrapper__wYb4W { max-width: 1440px; overflow: visible; width: 100%; margin: 0 auto; padding: 10px 0 0; background-color: var(--back-gray); } .style_headerThreeBlocks__7eDFw { display: flex; flex-direction: column; row-gap: 10px; } .style_headerTop__WlZsJ { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; column-gap: 20px; padding-bottom: 6px; } .style_leftContent__33J6G { display: flex; flex-direction: row; align-items: center; justify-content: space-between; column-gap: 35px; } .style_menuItem__irds4 { color: var(--text-muted); font-size: 16px; text-wrap: nowrap; } .style_menuItem__irds4:hover { color: var(--red); } .style_rightContent__XPkKn { display: flex; align-items: center; justify-content: space-between; position: relative; column-gap: 20px; padding-bottom: 6px; } .style_socIconsContainer__P1mKD { display: flex; flex-direction: row; column-gap: 20px; align-items: center; } .style_socIcon__\+SPjq path { fill: var(--black); } .style_socIcon__\+SPjq:hover path { fill: var(--red); } .style_phones__0Fid\+ { display: flex; align-items: center; justify-content: space-between; column-gap: 16px; position: relative; } .style_phones__0Fid\+ a { font-size: 20px; font-weight: 700; } .style_phones__0Fid\+ a:hover { text-decoration-line: underline; color: var(--red); } .style_phonesOpened__1NLnx { display: flex; flex-direction: column; position: absolute; background-color: var(--white-pure); top: 30px; width: 100%; z-index: 12; border-radius: 5px; box-shadow: 0px 4.82129px 48.2129px var(--box-shadow-light); } .style_phonesOpened__1NLnx a { padding: 8px 12px; border-bottom: 1px solid var(--border-gray-10); } .style_headerBottomContainer__PFAjB { width: 100%; background-color: var(--back-gray); /* z-index: 10; */ transition: all 0ms ease-out; } .style_headerBottom__Nheqf { display: flex; align-items: center; justify-content: space-between; position: relative; column-gap: 20px; padding-bottom: 6px; transition: all 0ms ease-out; max-width: 1440px; margin: 0 auto; } .style_fixedHeader__nQFVh { position: fixed; top: 0; left: 0px; right: 0px; padding: 15px 40px 10px; z-index: 999999999; } .style_logo__g5xO1 { transition: none; max-width: 118px; min-width: 100px; height: 100vh; width: 100vw; max-height: 50px; cursor: pointer; object-fit: contain; } .style_catalogBtn__6Wota { display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: var(--gray-bold-ws); column-gap: 12px; min-width: max-content; padding: 16px 30px; border-radius: 5px; cursor: pointer; } .style_catalogBtn__6Wota:hover { background-color: var(--gray-bold-ws); } .style_catalogBtn__6Wota span { color: var(--white-pure); font-size: 14px; } .style_searchContainer__JVuql { position: relative; width: 100%; display: flex; z-index: 1001; align-items: center; } .style_searchInput__5GNaM { color: black; width: 100%; transition: none; padding: 15px 65px 15px 20px; font-size: 14px; border-radius: 5px; /* background-color: transparent; */ border: 1px solid var(--border-gray-10); } .style_searchBtn__qVaL9 { display: flex; align-items: center; position: absolute; right: 9px; font-size: 16px; cursor: pointer; border: none; border-radius: 5px; padding: 9px 29px; color: white; background-color: var(--red); } .style_searchBtn__qVaL9:hover, .style_searchBtn__qVaL9:disabled { background-color: var(--dark-red); } .style_userBtn__os01U { display: flex; width: 46px; height: 50px; justify-content: center; align-items: center; border: 1px solid var(--border-gray-10); background: white; border-radius: 5px; cursor: pointer; padding: 15px; position: relative; } .style_userBtn__os01U:hover, .style_userBtn__os01U:hover svg path { border-color: var(--red); fill: var(--red); } .style_compareAndFavContainer__VSX6a { background: white; display: flex; column-gap: 15px; border: 1px solid var(--border-gray-10); border-radius: 5px; width: 100px; height: 50px; padding: 13px 15px; cursor: pointer; } .style_compareAndFavContainer__VSX6a a { position: relative; } .style_compareAndFavContainer__VSX6a svg:hover path, .style_compareAndFavContainer__VSX6a svg:hover rect { fill: var(--red); } .style_compareAndFavContainer__VSX6a .style_line__5sKlg { height: 24px; border-right: 1px solid rgba(40, 40, 40, 0.2); } .style_shopCartBtn__uMO2o { display: flex; flex-direction: row; border: 1px solid var(--border-gray-10); border-radius: 5px; padding: 6px 14px; column-gap: 17px; align-items: center; cursor: pointer; } .style_shopCartBtn__uMO2o:hover, .style_shopCartBtn__uMO2o:hover svg path { border-color: var(--red); fill: var(--red); } .style_shopCartBtnActive__fw2bK:hover, .style_shopCartBtnActive__fw2bK:hover svg path { fill: var(--white); } .style_shopCartInfo__DE\+cl { display: flex; flex-direction: column; } .style_shopCartBtn__uMO2o span:first-child { color: var(--black); opacity: 0.7; font-size: 12px; text-wrap: nowrap; } .style_shopCartBtn__uMO2o span:last-child { font-size: 14px; font-weight: bold; text-wrap: nowrap; } .style_shopCartBtnActive__fw2bK { background-color: var(--red); } .style_shopCartBtnActive__fw2bK svg path { fill: var(--white-pure); } .style_shopCartBtnActive__fw2bK span { color: var(--white-pure) !important; } .style_count__H-e1f { position: absolute; background-color: var(--red); padding: 1px 4px; border-radius: 50%; font-size: 10px; color: var(--white-pure); top: -16px; right: -13px; } .style_wsWidth50__dnqZP { max-width: 120px; min-width: 50px; transition: none; } @media only screen and (max-width: 1440px) { .style_headerTop__WlZsJ { column-gap: 20px; } .style_leftContent__33J6G { column-gap: 28px; } .style_rightContent__XPkKn { column-gap: 20px; } .style_socIconsContainer__P1mKD { column-gap: 12px; } .style_phones__0Fid\+ { column-gap: 10px; } .style_phones__0Fid\+ a { font-size: 18px; } } @media only screen and (max-width: 1280px) { .style_phoneBtn__K-F9Q { display: none; } .style_leftContent__33J6G { column-gap: 22px; } .style_menuItem__irds4 { font-size: 14px; } .style_shopCartBtn__uMO2o { height: 50px; } .style_shopCartInfo__DE\+cl { display: none; } } @media only screen and (max-width: 1440px) { .style_wrapper__wYb4W { padding: 0 40px; } } @media only screen and (max-width: 1024px) { .style_headLine__O65A3 { margin-bottom: 5px; } .style_socIconsContainer__P1mKD { display: none; } .style_wrapper__wYb4W { padding: 0 30px; } .style_catalogBtn__6Wota { width: 45px; min-width: 45px; height: 45px; padding: 0; align-items: center; justify-content: center; } .style_catalogBtn__6Wota span { display: none; } .style_searchInput__5GNaM { padding: 13px 65px 13px 20px; } .style_searchBtn__qVaL9 { height: calc(100% - 14px); padding: 6px 24px; } } @media only screen and (max-width: 992px) { .style_container__7KGQE { transition: 0ms; padding-top: 185px; /* padding-top: 290px; */ } .style_wrapper__wYb4W { transition: 0ms; position: fixed; /* margin-top: 105px; */ padding-top: 10px; top: 0; right: 0; left: 0; z-index: 9999999; } .style_headLine__O65A3 { margin-bottom: 10px; } .style_rightContent__XPkKn { column-gap: 30px; } .style_headerBottom__Nheqf { flex-direction: column; row-gap: 10px; width: 100%; } .style_catalogBtn__6Wota { width: 100%; height: 45px; padding: 0; align-items: center; justify-content: center; } .style_catalogBtn__6Wota span { display: flex; } } @media only screen and (max-width: 600px) { .style_wrapper__wYb4W { padding: 10px 20px 0; } } @media only screen and (max-width: 430px) { .style_logo__g5xO1 { max-width: 100px; min-width: 100px; } .style_themeButton__OFVCh svg { width: 20px; height: 20px; } .style_rightContent__XPkKn { column-gap: 22px; } .style_searchInput__5GNaM { padding: 16px; } .style_catalogBtn__6Wota { height: 40px; } .style_wsWidth50__dnqZP { max-width: 50px; min-width: 50px; } } .style_wsFocusInput__yavUo { border-radius: 6.29px; border: 0.97px solid var(--border-gray-10); padding: 20px 65px 20px 20px; box-shadow: var(--box-shadow-light); } .style_wsDisplayNone__83KJd { display: none; } .style_wsCursor__WDn53 { cursor: pointer; } .style_wsCursor__WDn53:hover { color: var(--gray-hover); } .style_container__YWTeD { position: relative; z-index: 999; } .style_btn__hFN93 { background-color: var(--dark-gray); display: flex; align-items: center; column-gap: 10px; background: var(--dark-gray); border-radius: 5px; padding: 5px 17px; cursor: pointer; border: 1px solid transparent; height: 30px; box-sizing: border-box; } .style_btn__hFN93:hover { border-color: var(--hover-border-blue); } .style_shortBtn__yXcTa { background-color: transparent; display: flex; align-items: center; column-gap: 10px; cursor: pointer; height: 30px; box-sizing: border-box; } .style_shortBtn__yXcTa span { display: none; } .style_langFlag__A9P5D { width: 20px; height: 16px; display: flex; align-items: center; justify-content: center; object-fit: cover; } .style_btnCurrencyText__\+wlQp { font-size: 14px; text-transform: uppercase; } .style_openedContainer__FEWvx { position: absolute; background-color: var(--white); top: 30px; padding: 10px; border-radius: 5px; font-size: 12px; width: 180px; z-index: 9; } @media only screen and (max-width: 1440px) { .style_btn__hFN93 { padding: 7px 12px; } } @media only screen and (max-width: 992px) { .style_container__YWTeD { z-index: 9999999; } } @media only screen and (max-width: 425px) { .style_openedContainer__FEWvx { top: 40px; right: -40px; } } .style_container__VL405 { position: relative; display: flex; justify-content: center; align-items: center; } .style_btn__FJVw- { width: 100%; border: 1px solid var(--dark-gray); font-size: 14px; padding: 10px; margin-top: 15px; margin-bottom: 30px; display: flex; justify-content: space-between; cursor: pointer; background-color: var(--white); color: var(--black); border-radius: 5px; transition: background-color 0.3s ease, color 0.3s ease; } .style_btn__FJVw-:hover { background-color: var(--gray-20); } .style_openedContainer__-n8X\+ { position: absolute; background-color: var(--white); z-index: 99; top: 55px; padding: 10px; border-radius: 5px; font-size: 12px; width: 160px; box-shadow: 0px 0px 30px -10px rgba(var(--black-rgb), 0.2); transition: box-shadow 0.3s ease; } .style_openedContainer__-n8X\+ p { font-size: 14px; color: var(--black); line-height: 30px; display: flex; min-height: 30px; cursor: pointer; padding: 4px 8px; border-radius: 3px; transition: background-color 0.2s ease; } .style_openedContainer__-n8X\+ p:hover { background-color: var(--gray); } .style_container__6u\+7B { display: flex; flex-direction: row; white-space: nowrap; margin-bottom: 0; } .style_slideItem__VrQpo { display: flex; justify-content: center; align-items: center; column-gap: 12px; font-size: 16px; min-width: max-content; text-transform: uppercase; padding: 15px 22px; background: var(--dark-gray); border-radius: 5px; font-weight: 600; border: 1px solid transparent; cursor: pointer; } .style_slideItem__VrQpo:hover { color: var(--red); border-color: var(--red); } .style_headerCategorysLogo__xA\+Ge { max-width: 120px; max-height: 20px; height: 100vh; width: 100vw; padding: 0 22px; } .style_headerCategorysLoad__nZx4a { column-gap: 20px; } .style_loadContent__SsKGm { width: 311px; height: 62px; } @media only screen and (max-width: 1024px) { .style_slideItem__VrQpo { height: 40px; font-size: 12px; padding: 6px 16px; column-gap: 14px; } .style_loadContent__SsKGm { width: 245.7px; height: 40px; } } @media only screen and (min-width: 992px) { .style_container__6u\+7B { padding: 0; } } @media only screen and (max-width: 992px) { .style_slideItem__VrQpo .style_headerCategorysIcon__bXUjk { max-width: 24px; object-fit: contain; } .style_loadContent__SsKGm { width: 238.7px; } } @media only screen and (max-width: 600px) { .style_slideItem__VrQpo { display: inline-block; margin-right: 20px; } } @media only screen and (max-width: 430px) { .style_slideItem__VrQpo { height: 38px; font-size: 12px; padding: 10px 12px; column-gap: 10px; } .style_loadContent__SsKGm { width: 226.7px; height: 38px; } } .style_scrollRow__jDFIM { display: flex; flex-direction: row; overflow: auto; column-gap: 20px; padding-bottom: 20px; } .style_scrollRow__jDFIM::-webkit-scrollbar { height: 4px; width: 4px; } .style_scrollRow__jDFIM::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .style_scrollRow__jDFIM::-webkit-scrollbar-track { background: var(--gray-scroll-track); border-radius: 4px; height: 19px; } .style_container__1Ugg5 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--white); z-index: 99999999999; transform: translateX(-100%); display: flex; flex-direction: row; padding: 30px; } .style_openMenu__Sj6xt { transform: translateX(0%); } .style_catalogList__ocCjM { width: 20%; height: 100%; overflow-y: scroll; padding-right: 15px; } .style_catalogList__ocCjM .style_menuItem__\+N8gD { display: flex; padding: 10px; cursor: pointer; justify-content: space-between; align-items: center; } .style_menuItem__\+N8gD img { width: 20px; height: 20px; object-fit: contain; } .style_menuItem__\+N8gD .style_menuItemDynamicImg__vz3DD { width: 100%; height: 50px; align-self: center; } .style_menuItem__\+N8gD a { font-size: 14px; margin-left: 15px; } .style_menuItemDynamic__SrWi1 a { margin-left: 0; } .style_catalogList__ocCjM .style_menuItemActive__anPIS, .style_catalogList__ocCjM .style_menuItem__\+N8gD:hover { border-radius: 5px; background-color: var(--dark-gray); } .style_catalogList__ocCjM .style_menuItemActive__anPIS a, .style_catalogList__ocCjM .style_menuItem__\+N8gD:hover a { color: var(--red); } .style_catalogContent__vgHG6 { /* width: 68%; */ width: 100%; height: 100%; padding: 20px; border-left: 1px solid var(--border-gray-10); margin: 0 15px; overflow-y: scroll; } .style_closeBtn__aL1b0 { cursor: pointer; z-index: 100; } .style_closeBtn__aL1b0:hover rect { fill: var(--red); } .style_bannerImage__zAqnJ { height: 100%; width: 100%; object-fit: contain; } .style_content__HZwij { margin-top: 30px; /* overflow-y: scroll; */ height: 100%; } .style_titleContainer__W-2GI { display: flex; flex-direction: row; align-items: center; margin-bottom: 40px; column-gap: 15px; } .style_content__HZwij img { width: 20px; height: 20px; object-fit: contain; } .style_titleContainer__W-2GI .style_title__cv6mc { color: var(--red-dark-title); font-size: 20px; } .style_titleContainer__W-2GI .style_count__ud0uP { padding: 4px 16px; color: var(--white--inf); font-weight: bold; background-color: var(--red); border-radius: 90px; font-size: 18px; } .style_subCategories__mkrPK { display: grid; grid-template-columns: repeat(3, 1fr); align-items: flex-start; justify-content: space-between; } .style_subCategoryTitle__yaI84 { margin-top: 15px; display: flex; column-gap: 15px; cursor: pointer; } .style_subCategoryTitle__yaI84 h6 { font-weight: bold; font-size: 16px; } .style_subCategorySpan__aUQdj { font-size: 15px; } .style_subCategoryTitle__yaI84:hover h6 { color: var(--red); } .style_subCategorySubs__iSSM3, .style_subCategorySubs__iSSM3 div { margin-top: 15px; } .style_brandsContainer__kXZY2 { display: flex; justify-content: center; padding: 30px 0; } .style_brandItem__OVMH0 { width: 135px; height: 55px; min-height: 50px; /* background: #eaeff5; */ display: flex; justify-content: center; align-items: center; margin: 5px; padding: 5px 10px; box-sizing: border-box; border-radius: 5px; } .style_brandImg__HVLXO { width: 100%; height: 100%; max-height: 40px; object-fit: contain; } .style_brandArrow__yVZSu { position: absolute; height: 150px; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 99; } .style_arrowTop__lYObm { top: -30px; } .style_arrowBottom__ydPqu { bottom: -30px; } .style_arrowTop__lYObm svg { transform: rotate(-90deg); } .style_arrowBottom__ydPqu svg { transform: rotate(90deg); } @media (min-width: 907px) and (max-width: 1400px) { .style_catalogList__ocCjM { width: 31%; } } .style_container__aFYFB { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--white); z-index: 99999999999; transform: translateY(-100%); display: flex; flex-direction: column; padding: 30px; row-gap: 30px; } .style_openMenu__0NE2U { transform: translateY(0%); } .style_headContent__1eA8B { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px; } .style_closeBtn__fQ2tV { cursor: pointer; } .style_socIconsContainer__\+sBi7 { display: flex; flex-direction: row; column-gap: 18px; align-items: center; } .style_socIcon__9yJdb path { fill: var(--black); } .style_socIcon__9yJdb:hover path { fill: var(--red); } .style_phone__SZTgK { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 700; } .style_menuContainer__JwtoP { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; } .style_menuItem__WuRYI { width: 100%; padding-bottom: 16px; border-bottom: 1px solid var(--border-gray-10); font-size: 16px; } .style_menuItem__WuRYI:hover { color: var(--red); } .style_container__mTNfS { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--white); z-index: 99999999999; transform: translateX(-100%); display: flex; flex-direction: column; justify-content: flex-start; height: 100%; width: 100%; overflow-y: scroll; overflow-x: hidden; } .style_openMenu__\+tbIw { transform: translateX(0%); } .style_closeBtn__GETCf { cursor: pointer; } .style_headerSection__NCLlv { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-gray-10); padding: 15px 20px; } .style_headerLogo__nO48k { width: 118px; } .style_menuCategories__QJwk- { position: relative; top: 0; } .style_categories__iDMP6 { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid var(--border-gray-10); cursor: pointer; } .style_headerCategorysItem__XC6u- { display: flex; align-items: center; padding: 15px 20px; border-bottom: 1px solid var(--border-gray-10); cursor: pointer; } .style_headerCategorysItem__XC6u- img { width: 20px; margin-right: 15px; } .style_brands__Mvldp { display: grid; justify-content: space-around; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; padding: 10px; } .style_brandItem1__hsgzK { height: 60px; text-transform: uppercase; padding: 15px 22px; border-radius: 5px; font-weight: 600; border: 1px solid transparent; text-align: center; margin-bottom: 15px; cursor: pointer; background: var(--dark-gray); } .style_brandItem1__hsgzK img { height: 100%; object-fit: contain; } .style_categoriesSection__luXAi { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--white); z-index: 60; transform: translateX(100%); display: flex; flex-direction: column; justify-content: flex-start; height: 100%; width: 100%; overflow-y: scroll; overflow-x: hidden; } .style_categoriesSectionOpened__qPyZu { transform: translateX(0%) !important; } .style_categoriesSectionItem__VkRKf { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px 15px 30px; border-bottom: 1px solid var(--border-gray-10); cursor: pointer; } .style_categoriesSectionItem__VkRKf:first-child { cursor: auto; } .style_backBtn__LH8bL { cursor: pointer; } .style_backBtn__LH8bL span { color: var(--red-back-btn); font-weight: bold; font-size: 14px; margin-left: 15px; } .style_categoriesSectionItem__VkRKf img { width: 20px; height: 20px; object-fit: contain; } .style_categoriesSectionItem__VkRKf .style_menuItemDynamicImg__8YXBH { width: auto; object-fit: contain; height: 40px; align-self: center; } .style_categoriesSectionItem__VkRKf a { font-size: 14px; margin-left: 15px; } .style_menuItemDynamic__iZGu7 a { margin-left: 0; } /* .style_brandsContainer__9qqFc { position: absolute; bottom: 10px; } */ .style_bannerImg__qCtHr { width: 100%; height: 100%; object-fit: contain; border-radius: 5px; } .style_brandItem__IXub6 { max-width: 135px; width: 135px !important; height: 55px !important; min-height: 50px; display: flex; justify-content: center; align-items: center; margin: 5px; padding: 5px 10px; box-sizing: border-box; border-radius: 5px; margin-top: 20px; } .style_brandImg__0P0r1 { width: 100%; height: 100%; max-height: 40px; object-fit: contain; } .style_brandArrow__5g21t { height: 150px; width: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; } /* .style_arrowTop__AWn8r svg { transform: rotate(-90deg); } .style_arrowBottom__CjEA9 svg { transform: rotate(90deg); } */ .style_bannerImg__qCtHr { width: 100%; object-fit: contain; max-height: 200px; } /* .style_timeForEndSale__Si7UU, .style_priceAverageBlock__l-ov7, .style_creditBlock__ZwNiP, .style_countAddCartBuyNowBlock__i9w1k, .style_cardBtn__HrIV4, .style_pricen__qdoL0, .style_price__cmSCC, .style_newPrice__exGHc, .style_oldPrice__0fA74, .style_priceMounth__GAfYs, .style_priceText__AHNgO, .style_compareHeart__NmGzA, .style_buyBtn__MqgWQ, .style_cashbackPrice__45YNg { display: none !important; } */ .style_container__B\+yi3 { position: absolute; top: 65px; width: 100%; left: 0; background: var(--white); border-radius: 5px; display: flex; flex-direction: column; padding: 2px 0; z-index: 13; box-shadow: 0px -1px 16px var(--box-shadow-medium); height: auto; max-height: 400px; z-index: 99999999; } .style_wsButton__S8Edy { border: none; padding: 15px; margin-right: 5px; margin-bottom: 5px; border-radius: 10px; } .style_wsCursor__5CPKa { cursor: pointer; } .style_noHistory__2xWQ5 { color: var(--gray-muted); font-size: 12px; } .style_wsCursor__5CPKa:hover { color: var(--gray-hover); } .style_wsUl__49\+Vy { list-style: none; } .style_wsUl__49\+Vy li { margin-bottom: 5px; } .style_wsHr__JctXf { margin: 15px 0; border-color: var(--gray-border-light); border: none; border-bottom: 1px solid var(--gray-border-light); } .style_wsDisplayNone__blMP4 { display: none; } .style_searchInput__4QpqF { width: 100%; transition: none; color: black; padding: 15px 65px 15px 20px; font-size: 14px; border-radius: 6.29px; border: 0.97px solid var(--border-gray-10); padding: 20px 65px 20px 20px; } .style_searchBtn__1Q-Bc { display: flex; top: 22px; align-items: center; position: absolute; right: 9px; font-size: 16px; cursor: pointer; border: none; border-radius: 5px; padding: 9px 29px; color: var(--white); background-color: var(--red); } .style_wsColorGray__Qc-fx { color: var(--text-gray-medium); } .style_wsMT50__vKKf0 { margin-top: 50px; } .style_wsMb30__CjdFO { margin-bottom: 20px; } .style_wsImageX__IW\+8I { width: 10px; margin: 0 5px; } .style_wsImage__gSjgS { width: 15px; margin: 0 5px; } .style_wsflex__yuUWp { display: flex; } .style_wsJusBetween__bVHrg { justify-content: space-between; } .style_wsJusCenter__Pnw0h { justify-content: center; } .style_wsAlignCenter__AhQ\+1 { align-items: center; } .style_wsCont__7EtDK { padding: 10px 20px; } .style_modalBackground__wn6ZI { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: var(--modal-bg); z-index: 999; } .style_main__lmE6y { padding: 10px 0; overflow-y: auto; height: auto; } .style_main__lmE6y::-webkit-scrollbar { height: 2px; width: 3px; } .style_main__lmE6y::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 0.3s ease-out; } .style_searchedProduct__iyM8J { display: flex; align-items: center; justify-content: space-between; padding: 15px 36px; column-gap: 20px; cursor: pointer; } .style_searchedProduct__iyM8J:hover { background-color: var(--red-hover-bg); } .style_searchedProdName__LJOBd { display: flex; align-items: center; column-gap: 20px; } .style_img__h4AaM { width: 56px; height: 56px; object-fit: contain; } .style_name__k\+uxh { display: flex; flex-direction: column; row-gap: 5px; max-width: 160px; height: auto; overflow: hidden; font-size: 14px; font-weight: bold; } .style_price__cmSCC { font-size: 18px; font-weight: bold; } .style_promoPriceContainer__s\+oYP { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; column-gap: 8px; width: 100%; } .style_newPrice__exGHc { font-size: 18px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__nKqYT { position: relative; } .style_oldPrice__0fA74 { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__nKqYT .style_line__sS1KN { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_searchedProdHover__efgkO { display: none; position: absolute; top: 0; right: -218px; } .style_searchedProduct__iyM8J:hover .style_searchedProdHover__efgkO { display: flex; } .style_prodSlide__58f-g { max-width: 218px; width: 218px; /* height: 166px; */ margin-top: 10px; background: var(--prodSlide); border: 1px solid var(--gray-border); border-radius: 5px; position: relative; padding: 30px 16px 16px 16px; display: flex; justify-content: space-between; flex-direction: column; } .style_brand__5fXyh { max-width: 60px; position: absolute; top: 10px; z-index: 10; object-fit: contain; max-height: 35px; background: var(--white--inf); padding: 3px; border-radius: 5px; } .style_descContainer__6lJHT { display: flex; flex-direction: column; row-gap: 10px; } .style_descContainer__6lJHT a:hover .style_productName__gaKjB { text-decoration: underline; } .style_categoryName__B-RQz { text-transform: uppercase; color: rgba(40, 40, 40, 0.4); font-family: "Mardoto-Bold"; width: 100%; font-size: 10px; margin-bottom: 5px; word-break: break-word; } .style_nameCodeProds__LAnO8 { display: flex; flex-direction: column; row-gap: 5px; max-width: 220px; } .style_productName__gaKjB { width: 100%; max-width: 200px; font-size: 13px; overflow: hidden; line-height: 16px; height: 32px; } .style_codeOfProd__TwA41 { font-size: 14px; opacity: 0.6; } .style_price__cmSCC { font-size: 18px; font-weight: bold; } .style_promoPriceContainer__s\+oYP { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; column-gap: 8px; width: 100%; } .style_newPrice__exGHc { font-size: 18px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__nKqYT { position: relative; } .style_oldPrice__0fA74 { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__nKqYT .style_line__sS1KN { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_priceMounth__GAfYs { width: max-content; font-size: 12px; color: var(--gray-bold); margin-top: 10px; } .style_btnsContainer__himHh { margin-top: 10px; display: flex; flex-direction: row; column-gap: 14px; justify-content: flex-start; align-items: center; } .style_cardBtn__HrIV4 { padding: 15px 21px; display: flex; align-items: center; cursor: pointer; background-color: var(--red); border-radius: 5px; column-gap: 10px; color: var(--white); border: none; } .style_cardBtn__HrIV4:hover { background-color: var(--dark-red); } .style_cardBtnSvg__CH\+k7 { width: 15px; height: 15px; } .style_cardBtnSvg__CH\+k7 path { fill: var(--white-pure); } .style_cardBtn__HrIV4 span { color: #fff; color: var(--white-pure); } .style_compareBtn__v8d2q:hover svg rect { fill: var(--red); } .style_heartSvg__4rK9G { cursor: pointer; } .style_heartSvg__4rK9G:hover path { fill: var(--red); } .style_cashbackContainer__Ghpug { display: flex; flex-direction: column; } .style_cashbackText__XQZ\+m { font-size: 14px; font-weight: bold; } .style_cashbackPrice__45YNg { color: var(--red); font-size: 16px; font-weight: bold; } @media only screen and (max-width: 1280px) { .style_searchedProduct__iyM8J { padding: 15px 26px; } .style_searchedProdName__LJOBd { column-gap: 14px; } } @media only screen and (max-width: 992px) { .style_wsCont__7EtDK { padding: 0; } .style_container__B\+yi3 { max-height: none; height: 100vh; top: 15px; } } @media only screen and (max-width: 450px) { .style_wsCont__7EtDK { font-size: 14px; } .style_wsButton__S8Edy { padding: 10px; } } @media only screen and (max-width: 410px) { .style_wsCont__7EtDK { font-size: 10px; } .style_img__h4AaM { width: 50px; height: 50px; } .style_column-gap__YcMpV { gap: 10px; } .style_searchedProduct__iyM8J { padding: 15px; } .style_name__k\+uxh { font-size: 12px; } .style_newPrice__exGHc, .style_price__cmSCC { font-size: 16px; } .style_wsButton__S8Edy { padding: 10px; } } @media only screen and (max-width: 380px) { .style_searchedProduct__iyM8J, .style_searchedProdName__LJOBd { column-gap: 10px; } .style_searchedProduct__iyM8J { padding: 15px 10px; } .style_nameCodeProds__LAnO8 { max-width: 120px; } } .style_container__0LZoI { /* position: absolute; */ top: 52px; left: -30px; z-index: 10; /* max-width: 280px; */ min-width: 280px; display: flex; flex-direction: column; width: 100%; background: var(--white); border: 1px solid var(--border-gray-10); border-radius: 5px; } .style_containerActive__-FwVQ>:first-child { background-color: var(--red); } .style_containerActive__-FwVQ :first-child span { color: var(--white); } .style_containerActive__-FwVQ :first-child svg path { fill: var(--white); } .style_btn__UWZTS { width: 100%; padding: 17px 30px; display: flex; gap: 20px; align-items: center; cursor: pointer; font-weight: 600; border: none; background-color: var(--white); border-bottom: 1px solid var(--border-gray-10); } .style_btn__UWZTS span { font-size: 16px; } .style_btn__UWZTS:hover { background-color: var(--red); } .style_btn__UWZTS:hover span { color: var(--white); } .style_btn__UWZTS:hover svg path { fill: var(--white); } @media (max-width: 768px) { .style_container__0LZoI { max-width: 100% !important; } } .style_active__ZiM4K { background-color: var(--red); } .style_active__ZiM4K span { color: var(--white); } .style_active__ZiM4K svg path { fill: var(--white); } .style_footer__vxcNY { background-color: var(--back-gray); padding: 50px 0 32px 0; display: flex; flex-direction: column; row-gap: 24px; } .style_line__h\+ubC { width: 100%; border-bottom: 1px solid rgba(40, 40, 40, 0.1); } .style_logo__UIoOr { max-width: 154px; width: 100%; object-fit: contain; } .style_menuContainer__ej5A- { display: flex; flex-wrap: wrap; gap: 40px 20px; margin-top: 14px; align-items: flex-start; justify-content: space-between; } .style_menu__HK7KU { display: flex; flex-direction: column; } footer h5 { font-size: 18px; font-weight: 600; } .style_menu__HK7KU .style_titleBlock__AUnUN svg { display: none; } .style_menuList__d1OzM { display: flex; flex-direction: column; row-gap: 24px; } .style_menuList__d1OzM a:first-child, .style_menuList__d1OzM span:first-child, .style_menuList__d1OzM p:first-child { padding-top: 24px; } .style_menuList__d1OzM span { max-width: 290px; font-size: 18px; color: var(--text-muted); cursor: pointer; } .style_menuList__d1OzM span:hover { color: var(--red); } .style_menuText__Zasn2 { max-width: 290px; font-size: 18px; color: var(--text-muted); } .style_menuText__Zasn2 a { cursor: pointer; text-decoration: underline; font-size: 18px; color: var(--text-muted); } .style_menuText__Zasn2 span:hover { color: var(--red); } .style_paymentTypes__uV\+zC { max-width: 290px; width: 100%; display: flex; flex-wrap: wrap; gap: 8px; } .style_paymentTypes__uV\+zC a { max-width: 66px; width: 100%; padding: 0 !important; } .style_paymentTypes__uV\+zC a svg { width: 100%; height: 30px; padding: 6px; border-radius: 6px; cursor: pointer; border: 1px solid transparent; background-color: var(--white--inf); } .style_paymentTypes__uV\+zC a svg:hover { border: 1px solid var(--red); } .style_input__db9xv { max-width: 324px; width: 100%; position: relative; display: flex; align-items: center; margin-top: 24px; } .style_input__db9xv input { padding: 18px 135px 18px 30px; font-size: 16px; border: 1px solid rgba(40, 40, 40, 0.1); border-radius: 6px; width: 100%; color: black; } .style_input__db9xv .style_inputBtn__8G\+2\+ { position: absolute; right: 10px; padding: 10px 25px; border: 1px solid transparent; background-color: var(--red); cursor: pointer; border-radius: 5px; } .style_input__db9xv .style_inputBtn__8G\+2\+ span { color: var(--white-pure); font-size: 12px; } .style_inputError__6zUc3 { border: 1px solid var(--red) !important; } .style_ws_mb_2__Yf3Rg { margin-bottom: 20px; } .style_socIconsContainer__1kksY { display: flex; flex-direction: row; column-gap: 20px; margin-top: 16px; } .style_socIconsContainer__1kksY a { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(40, 40, 40, 0.2); border-radius: 5px; width: 40px; height: 40px; padding: 6px; cursor: pointer; } .style_socIconsContainer__1kksY a:hover { border-color: var(--red); } .style_socIconsContainer__1kksY a:hover svg path { fill: var(--red); } .style_copyrightContainer__oxs5R { margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; } .style_copyright__Mg\+Am { font-size: 18px; text-align: center; } .style_appStyle__oCiT4 { display: flex; margin: 0 auto; justify-content: space-between; flex-wrap: wrap; } .style_ws_download_image__FEvIo { cursor: pointer; } /* ---------- MEDIA ---------- */ @media only screen and (max-width: 1280px) { .style_menu__HK7KU:last-child { width: 100%; flex-direction: row; gap: 32px; } .style_copyrightContainer__oxs5R { height: 60px; } } @media only screen and (max-width: 600px) { .style_menu__HK7KU:last-child { flex-direction: column; flex-wrap: wrap; gap: 16px; } .style_menu__HK7KU:last-child .style_input__db9xv { width: 100%; max-width: none; } } @media only screen and (max-width: 430px) { .style_copyright__Mg\+Am { font-size: 12px; } .style_ws_download_image__FEvIo { width: 110px; } } .style_container__jDeub { display: flex; position: sticky; bottom: 0; right: 0; left: 0; width: 100%; z-index: 9999; align-items: center; column-gap: 10px; justify-content: space-around; padding: 15px 10px calc(env(safe-area-inset-bottom) + 15px) 10px; background-color: var(--white); } .style_container__jDeub a { display: flex; justify-content: center; align-items: center; position: relative; } .style_container__jDeub a span { padding: 1px 5px; border-radius: 90px; color: white; font-size: 12px; position: absolute; top: -15px; right: -19px; background-color: var(--red); } .style_container__jDeub svg { cursor: pointer; width: 29px; height: 28px; } .style_container__jDeub svg:hover path, .style_container__jDeub svg:hover rect { fill: var(--red); } .style_socIconsContainer__nCTjx { display: flex; flex-direction: row; column-gap: 20px; justify-content: center; } .style_containerTwo__K1T5M { position: sticky; bottom: 49px; right: 0; left: 0; width: 100%; z-index: 9999; padding: 15px 10px calc(env(safe-area-inset-bottom) + 15px) 10px; background-color: var(--dark-gray); } .style_containerApp__jF-tt { display: flex; align-items: center; column-gap: 10px; justify-content: space-between; margin-bottom: 10px; } .style_ws_download_image__TAor9 { cursor: pointer; width: 100px; } .style_closeWs__wiVdQ { cursor: pointer; } @media only screen and (max-width: 600px) { .style_container__jDeub svg { height: 19px; width: 19px; } } .style_background__YI457 { position: fixed; z-index: 9999999999; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); } .style_border-color-input__nXQap input{ border-color: var(--red); } .style_container__ynWH8 { z-index: 50; width: 0; height: 0; display: flex; flex-direction: column; row-gap: 38px; position: fixed; top: 0; right: 0; background-color: var(--white); overflow: auto; } .style_openedContainer__HmB23 { height: 100%; max-width: 620px; width: 620px; padding: 60px 70px; } .style_logo__P38Wd { max-width: 178px; width: 100%; object-fit: contain; max-height: 200px; } .style_main__g8uUt { display: flex; flex-direction: column; row-gap: 28px; } .style_headContent__KV02G { display: flex; align-items: center; column-gap: 24px; } .style_backBtn__pFHXL { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 54px; height: 54px; background-color: var(--back-gray); border-radius: 6px; border: 1px solid transparent; } .style_headContent__KV02G span { font-size: 24px; font-weight: bold; text-transform: uppercase; } .style_subTitle__cndka { font-size: 18px; } .style_input__Ws5vf { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--back-gray); border-radius: 5px; border: 1px solid transparent; } .style_inputError__KsFqr { border-color: var(--red); } .style_errorEmail__hFPUd{ font-size: 12px; color:var(--red); margin-top: 3px; } .style_passwordContainer__qwQuB { position: relative; display: flex; align-items: center; } .style_eye__qUkDk { position: absolute; right: 24px; cursor: pointer; } .style_forgotPassword__1t2OU { font-size: 16px; cursor: pointer; text-decoration: underline; } .style_btn__iykNv { display: flex; align-items: center; justify-content: center; background-color: var(--red); border-radius: 5px; padding: 20px; border: none; cursor: pointer; position: relative; } .style_btn_hover__sbbjm:hover { background-color: var(--dark-red); } .style_darkBtn__R6Vn7 { background-color: var(--black); } .style_btn__iykNv span { color: var(--white); font-size: 16px; } .style_line__C9x6n { width: 100%; border-bottom: 1px solid var(--border-gray-10); } .style_twoInps__2n5wk { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px; } .style_btnArrow__PJPcw { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 25px; right: 38px; } /* sended email */ .style_email_icons__IFBv4 { display: flex; align-items: center; align-self: center; position: relative; width: 155px; height: 155px; border-radius: 34px; padding: 20px; justify-content: center; background-color: var(--back-gray); } .style_email_icons__IFBv4 img { width: 100%; height: 100%; object-fit: contain; } .style_top_triangle__vlj5a { position: absolute; top: 0; right: -22px; } .style_bottom_triangle__HGxLr { position: absolute; bottom: 42px; left: -25px; } .style_we_send__zLyj\+ { align-self: center; max-width: 426px; color: var(--gray-old-price); font-size: 18px; line-height: 30px; text-align: center; } @media only screen and (max-width: 992px) { .style_container__ynWH8, .style_openedContainer__HmB23 { padding: 60px 50px 109px 50px; } } @media only screen and (max-width: 620px) { .style_container__ynWH8, .style_openedContainer__HmB23 { width: 100%; } } @media only screen and (max-width: 430px) { .style_container__ynWH8, .style_openedContainer__HmB23 { padding: 26px 22px 91px 22px; } .style_logo__P38Wd { max-width: 145px; } .style_input__Ws5vf { font-size: 12px; } .style_btn__iykNv { font-size: 14px; padding: 15px; } } .style_background__k6U\+d { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); z-index: 31; display: flex; align-items: center; justify-content: center; } .style_main__W9McE { max-width: 530px; width: 100%; background-color: var(--white); padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; } .style_close__IMbUo { display: flex; align-self: flex-end; cursor: pointer; } .style_img__F6YzD { max-width: 135px; height: 146px; } .style_title__ZsyJf { width: 100%; display: flex; flex-direction: column; row-gap: 8px; align-items: center; } .style_title__ZsyJf span { text-align: center; font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_btn__4VHC2 { display: flex; align-items: center; max-width: 374px; width: 100%; padding: 16px; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); cursor: pointer; } .style_btn__4VHC2 span { color: var(--white); font-size: 14px; } .style_btn__4VHC2:hover { background-color: var(--dark-red); } @media only screen and (max-width: 768px) { .style_title__ZsyJf span { font-size: 18px; margin: 0; } } @media only screen and (max-width: 600px) { .style_img__F6YzD { height: 80px; margin-bottom: 20px; } .style_img__F6YzD svg { width: 100px; } .style_title__ZsyJf span { font-size: 16px; } .style_main__W9McE { max-width: none; width: 90%; padding: 20px 16px; row-gap: 20px; } } .style_promotionsBlock__6q6\+J { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 60px; row-gap: 20px; width: 100%; } .style_newsProdBlck__-KLeh { max-width: none; width: calc(100% / 4); min-width: 0; display: flex; flex-direction: column; row-gap: 16px; max-width: 336px; } .style_newsProdBlck__-KLeh:hover > .style_name__9zYrj { color: var(--dark-red) !important; } .style_promImg__ZPK2Y { display: flex; justify-content: center; align-items: center; } .style_promImg__ZPK2Y img { max-width: 100%; max-height: 240px; width: fit-content; height: fit-content; object-fit: contain; border-radius: 5px; } .style_name__9zYrj { font-size: 18px; min-height: 46px; color: var(--red); /* display: flex; */ text-align: center; font-weight: 700; } @media only screen and (max-width: 1024px) { .style_newsProdBlck__-KLeh { max-width: none; width: calc(100% / 2 - 14px); } } @media only screen and (max-width: 768px) { .style_promotionsBlock__6q6\+J { gap: 10px; } .style_newsProdBlck__-KLeh { width: calc(100% / 2 - 25px); } .style_name__9zYrj { font-size: 12px; } } .style_categoryBlock__CXM0S { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-around; } .style_categories__m3FSx { padding: 14px 18px; font-size: 12px; cursor: pointer; min-width: max-content; border: 1px solid var(--black); } .style_moreBtn__wYNdz { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; margin-top: 20px; background-color: var(--gray); border-radius: 5px; text-transform: uppercase; cursor: pointer; font-size: 16px; border: 1px solid transparent; } .style_moreBtn__wYNdz:hover { border-color: var(--red); color: var(--red); } .style_categoriesActive__6Yv1m { color: var(--red); border-color: var(--red) !important; } @media only screen and (max-width: 1440px) { .style_categoryBlockTitle__DI7A6 { justify-content: flex-start; } } @media only screen and (max-width: 1024px) { .style_categoryBlockTitle__DI7A6 { margin-bottom: 35px; } } @media only screen and (max-width: 768px) { .style_categoryBlockTitle__DI7A6 { margin-bottom: 20px; } } .style_generalBanner__8k6sM {} .style_general_banner_img__hVAuW img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; } .style_twoBanersBlck__AEDqy { gap: 20px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; } .style_twoBanersBlck__AEDqy a { width: 100%; height: 100%; } .style_LoadContentGeneralBanner__ZZ60v { height: 450px; } .style_LoadContentTwoBanersBlck__RWqUh { height: 450px; } .style_twoBanersBlck__AEDqy img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; } .style_infoAboutBrand__RrZKW { font-size: 18px; line-height: 30px; text-align: center; color: var(--gray-old-price); margin: 65px 0; display: flex; flex-direction: column; gap: 15px; } .style_infoAboutBrand__RrZKW p { text-align: justify; font-size: 16px; font-family: arial, helvetica, sans-serif; } .style_secondTitle__qkUpq { font-size: 30px; text-align: center; max-width: 966px; font-weight: bold; text-align: center; margin: 0 auto; margin-bottom: 40px; } .style_topPicksProduct__6O3g6 { margin-bottom: 104px; } .style_bigBanner__8b2H0 { margin-bottom: 50px; } .style_lastInfoBrand__2Rk54 { background: var(--gray); border-radius: 5px; padding: 56px; color: var(--gray-old-price); margin: 62px 0; font-size: 18px; line-height: 150%; display: flex; flex-direction: column; gap: 20px; width: auto; max-width: 100%; } .style_lastInfoBrand__2Rk54 element div div { width: auto !important; max-width: 100% !important; height: auto !important; } @media only screen and (max-width: 1440px) { .style_promotionCategoryBlock__jTQkK { justify-content: flex-start; } .style_categoryBlockTitle__3i9mU { justify-content: flex-start; } .style_LoadContentGeneralBanner__ZZ60v { height: 350px; } .style_LoadContentTwoBanersBlck__RWqUh { height: 350px; } } @media only screen and (max-width: 1024px) { .style_promotionCategoryBlock__jTQkK { margin-bottom: 20px; } .style_topPicksProduct__6O3g6 { margin-bottom: 40px; } .style_lastInfoBrand__2Rk54 { padding: 40px 44px; } .style_LoadContentGeneralBanner__ZZ60v { height: 300px; } .style_LoadContentTwoBanersBlck__RWqUh { height: 300px; } } @media only screen and (max-width: 768px) { .style_discoverBrands__9Jt9Z { gap: 14px; } .style_secondTitle__qkUpq { font-size: 18px; margin-bottom: 20px; } .style_lastInfoBrand__2Rk54 { padding: 30px 42px; } .style_LoadContentGeneralBanner__ZZ60v { height: 96px !important; } .style_LoadContentTwoBanersBlck__RWqUh { height: 96px !important; } } .style_InfoAboutPage__dnR9p { font-size: 18px; line-height: 30px; text-align: center; color: var(--gray-old-price); margin: 65px 0; display: flex; flex-direction: column; gap: 15px; } .style_InfoAboutPage__dnR9p element div div { width: auto !important; max-width: 100% !important; height: auto !important; } .style_generalBanner__FQQ3G img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; } .style_twoBanersBlck__f8qZD { gap: 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; } .style_twoBanersBlck__f8qZD a { width: 100%; height: 100%; } .style_twoBanersBlck__f8qZD img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; } .style_titleBlck__0yigU { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .style_titleBlck__0yigU .style_moreBtn__bkWCA:hover { color: var(--red); text-decoration: none; } .style_topPicksProductBtn__1Jzga { text-align: end; text-decoration: underline; cursor: pointer; } .style_topPicksProductBtn__1Jzga:hover { color: var(--red); text-decoration: none; } .style_moreBtn__bkWCA { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; margin-top: 20px; background-color: var(--gray); border-radius: 5px; text-transform: uppercase; cursor: pointer; font-size: 16px; border: 1px solid transparent; } .style_generalBannerSection__G1npo { margin: 44px 0; } .style_lastInfoBrand__ztT95 { background: var(--gray); border-radius: 5px; padding: 56px; color: var(--gray-old-price); margin: 62px 0; font-size: 18px; line-height: 150%; display: flex; flex-direction: column; gap: 20px; width: auto; max-width: 100%; } .style_lastInfoBrand__ztT95 element div div { width: auto !important; max-width: 100% !important; height: auto !important; } .style_LoadContentGeneralBanner__0Hcuu { height: 350px; } .style_LoadContentTwoBanersBlck__8H\+Kr { height: 350px; } @media only screen and (max-width: 1440px) { .style_promotionCategoryBlock__dEDHe { justify-content: flex-start; } .style_categoryBlockTitle__J87KY { justify-content: flex-start; } .style_LoadContentGeneralBanner__0Hcuu { height: 300px; } .style_LoadContentTwoBanersBlck__8H\+Kr { height: 300px; } } @media only screen and (max-width: 1024px) { .style_promotionCategoryBlock__dEDHe { margin-bottom: 20px; } .style_lastInfoBrand__ztT95 { padding: 40px 44px; } .style_LoadContentGeneralBanner__0Hcuu { height: 200px; } .style_LoadContentTwoBanersBlck__8H\+Kr { height: 200px; } } @media only screen and (max-width: 768px) { .style_discoverBrands__KzFz1 { gap: 14px; } .style_title__G9iIi { margin-bottom: 32px; font-size: 18px; } .style_secondTitle__Yyucm { font-size: 18px; margin-bottom: 20px; } .style_smartphonesTitle__ZqSEm { font-size: 18px; margin-bottom: 20px; } .style_lastInfoBrand__ztT95 { padding: 30px 42px; } } @media only screen and (max-width: 430px) { .style_title__G9iIi { margin-bottom: 20px; } .style_twoBanersBlck__f8qZD { flex-wrap: wrap; } .style_LoadContentGeneralBanner__0Hcuu { height: 96px !important; } .style_LoadContentTwoBanersBlck__8H\+Kr { height: 96px !important; } } .style_InfoAboutPage__1LVbj { font-size: 18px; line-height: 30px; text-align: center; color: var(--gray-old-price); margin: 65px 0; display: flex; flex-direction: column; gap: 15px; } .style_InfoAboutPage__1LVbj element div div { width: auto !important; max-width: 100% !important; height: auto !important; } /* .style_InfoAboutPage__1LVbj p{ text-align: justify; font-size: 12pt; } */ .style_title__79TzQ { font-size: 24pt; text-align: center; max-width: 966px; font-weight: bold; text-align: center; margin: 0 auto; margin-bottom: 40px; } .style_categoryBlock__eKhLP { display: flex; flex-wrap: wrap; gap: 10px; } .style_categoryBlockTitle__OJywL { display: flex; justify-content: center; margin-bottom: 40px; } .style_categories__XujmK { padding: 14px 18px; font-size: 12px; cursor: pointer; min-width: max-content; border: 1px solid #282828; } .style_categoriesActive__pkdMZ { color: var(--red); border-color: var(--red) !important; } .style_secondTitle__F9It1 { font-size: 30px; text-align: center; max-width: 966px; font-weight: bold; text-align: center; margin: 0 auto; margin-bottom: 40px; } .style_smartphonesTitle__kxqOl { margin-top: 70px; } .style_promotionCategoryBlock__uOguh { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; gap: 20px; padding-bottom: 15px; overflow: auto; } .style_discoverBrands__B0VOU { display: flex; align-items: center; justify-content: space-between; gap: 30px; } .style_discoverBaners__qbEaH { max-width: 460px; width: 100%; } img { width: 100%; height: 100%; object-fit: cover; } .style_LoadContentImg__StEjb { width: 100%; height: 100%; object-fit: cover; } .style_moreBtn__tBrhj { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; margin-top: 20px; background-color: var(--gray); border-radius: 5px; text-transform: uppercase; cursor: pointer; font-size: 16px; border: 1px solid transparent; } .style_bannersBlck__AJjie { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 62px; margin-bottom: 70px; } .style_bcannerContent__gyr1s { display: flex; flex-direction: column; gap: 30px; } .style_banner__050FJ > img { width: 100%; object-fit: contain; border-radius: 5px; } .style_lastInfoBrand__D5tzq { background: var(--gray); border-radius: 5px; padding: 56px; color: var(--gray-old-price); margin: 62px 0; font-size: 18px; line-height: 150%; display: flex; flex-direction: column; gap: 20px; width: auto; max-width: 100%; } .style_lastInfoBrand__D5tzq element div div { width: auto !important; max-width: 100% !important; height: auto !important; } .style_LoadContentGeneralBanner__1soYL { height: 450px; } .style_LoadContentTwoBanersBlck__Hid3f { height: 450px; } @media only screen and (max-width: 1440px) { .style_promotionCategoryBlock__uOguh { justify-content: flex-start; } .style_categoryBlockTitle__OJywL { justify-content: flex-start; } .style_LoadContentGeneralBanner__1soYL { height: 400px; } .style_LoadContentTwoBanersBlck__Hid3f { height: 400px; } } @media only screen and (max-width: 1024px) { .style_promotionCategoryBlock__uOguh { margin-bottom: 20px; } .style_lastInfoBrand__D5tzq { padding: 40px 44px; } .style_LoadContentGeneralBanner__1soYL { height: 300px; } .style_LoadContentTwoBanersBlck__Hid3f { height: 300px; } } @media only screen and (max-width: 768px) { .style_discoverBrands__B0VOU { gap: 14px; } .style_title__79TzQ { margin-bottom: 32px; font-size: 18px; } .style_secondTitle__F9It1 { font-size: 18px; margin-bottom: 20px; } .style_smartphonesTitle__kxqOl { font-size: 18px; margin-bottom: 20px; } .style_lastInfoBrand__D5tzq { padding: 30px 42px; } .style_LoadContentGeneralBanner__1soYL { height: 220px; } .style_LoadContentTwoBanersBlck__Hid3f { height: 220px; } } @media only screen and (max-width: 600px) { .style_lastInfoBrand__D5tzq { padding: 32px 22px; } .style_bannersBlck__AJjie { flex-wrap: nowrap; flex-direction: column; gap: 14px; margin-top: 62px; margin-bottom: 70px; } .style_bcannerContent__gyr1s { display: flex; flex-direction: column; gap: 14px; } .style_banner__050FJ > img { width: 100%; border-radius: 5px; } } @media only screen and (max-width: 430px) { .style_title__79TzQ { margin-bottom: 20px; } .style_LoadContentGeneralBanner__1soYL { height: 96px !important; } .style_LoadContentTwoBanersBlck__Hid3f { height: 96px !important; } .style_secondTitle__F9It1 { font-size: 16px; } } .style_search_null_block_body__cxU-b { padding: 0 20px; margin: 40px 0 60px 0; justify-content: space-around; column-gap: 20px; background-color: var(--gray); display: flex; align-items: center; } .style_search_null_categories__tcavS { margin-bottom: 80px; } .style_search_null_block_text__Vinw3 { max-width: 458px; width: 100%; display: flex; flex-direction: column; row-gap: 20px; } .style_search_null_block_text__Vinw3 h1 { font-size: 40px; } .style_search_null_block_text__Vinw3 button { border: 1px solid transparent; height: 35px; width: 100%; color: white; font-size: 12px; background-color: var(--red); cursor: pointer; border-radius: 5px; } .style_search_null_block_text__Vinw3 button:hover { background-color: var(--dark-red); } .style_search_null_block_image__fQ9WJ { height: 410px; margin: -30px 0; } .style_search_null_block_image__fQ9WJ img { object-fit: contain; } @media (max-width: 1280px) { .style_search_null_block_text__Vinw3 { max-width: 445px; } .style_search_null_block_image__fQ9WJ { max-width: 308px; } } @media (max-width: 990px) { .style_search_null_block_text__Vinw3 { max-width: 336px; } .style_search_null_block_image__fQ9WJ { max-width: 311px; height: 220px; } .style_search_null_block_text__Vinw3 h1 { font-size: 30px; } .style_search_null_block_image__fQ9WJ img { width: 100%; height: 100%; } } @media (max-width: 782px) { .style_search_null_block_body__cxU-b { flex-direction: column; } .style_search_null_block_image__fQ9WJ { margin-top: 0; margin-bottom: -20px; } .style_search_null_block_image__fQ9WJ { height: 180px; } .style_search_null_block_text__Vinw3 h1 { font-size: 20px; margin-top: 20px; text-align: center; } } .style._order_form__bN\+Yf { max-width: 530px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; row-gap: 20px; overflow: auto; border-radius: 5px; padding: 36px 30px 26px 30px; background-color: var(--white); margin: 0 auto; } .style._order_form__bN\+Yf span { font-size: 20px; text-transform: uppercase; font-weight: bold; } .style._add_personal_inputs__IUsaq { display: flex; gap: 20px; } .style._add_personal_inputs__IUsaq input { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--gray); border-radius: 5px; border: 1px solid transparent; } .style._order_inputs_name__exm8e { width: 100%; } .style._textarea_comment_order__zoYh7 { min-height: 100px; width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--gray); border-radius: 5px; border: 1px solid transparent; resize: none; outline: none; } .style._add_personal_inputs__IUsaq input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .style._add_personal_inputs__IUsaq input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .style._add_personal_inputs__IUsaq input[type="number"] { -moz-appearance: textfield; } .style._textarea_comment_order__zoYh7:focus { border-color: var(--green); } .style._add_personal_inputs__IUsaq input:focus { border-color: var(--green); } .style._inputError__aGIRX { border-color: var(--red) !important; } .style._order_submit__6oqcN { width: 100%; padding: 16px; font-size: 14px; color: white; border: none; cursor: pointer; border-radius: 5px; background-color: var(--red); justify-content: center; } .style._order_submit__6oqcN:hover { background-color: var(--dark-red); } @media (max-width: 600px) { .style._add_personal_inputs__IUsaq { flex-direction: column; } .style._order_form__bN\+Yf { padding: 26px 20px 16px 20px; } } .style._success_image__Rs5GP { max-width: 135px; height: 146px; } .style._success_image__Rs5GP img { width: 100%; height: 100%; object-fit: contain; } .style._success_text__AyNvE { font-size: 30px; font-weight: bold; color: black; text-align: center; text-transform: uppercase; } .style._close_thnx_attent__Fc8Eu { display: flex; justify-content: flex-end; width: 100%; cursor: pointer; } .style._success_btn__Aylgh { max-width: 374px; width: 100%; padding: 16px; color: var(--white); font-size: 14px; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); text-align: center; cursor: pointer; } .style._success_btn__Aylgh:hover { background-color: var(--dark-red); } @media only screen and (max-width: 768px) { .style._success_text__AyNvE { font-size: 18px; margin: 0; } } .style_background__xdZ0C { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); z-index: 9999999999; display: flex; justify-content: center; align-items: center; } .style_main__Y5-\+u { max-width: 530px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; row-gap: 20px; overflow: auto; border-radius: 5px; padding: 36px 30px 26px 30px; background-color: var(--white); } .style_header__JZGmF { width: 100%; display: flex; align-items: center; justify-content: space-between; } .style_title__ypNwj { font-size: 25px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_closeBtn__Ht8dD { align-self: flex-end; cursor: pointer; } .style_twoInputs__OJIrN { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .style_input__xMt48 { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--back-gray); border-radius: 5px; border: 1px solid transparent; outline: none; } .style_input__xMt48:focus { border-color: var(--green); } .style_buyBtn__wldpt { display: flex; align-items: center; border-radius: 5px; justify-content: center; background-color: var(--red); width: 100%; padding: 16px; cursor: pointer; } .style_buyBtn__wldpt:hover { background-color: var(--dark-red); } .style_buyBtn__wldpt span { font-size: 14px; font-family: "Mardoto-Regular"; color: var(--white--inf); } .style_main__Y5-\+u::-webkit-scrollbar-track { background: var(--gray-scroll-track); border-radius: 4px; height: 19px; } .style_main__Y5-\+u::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 300ms ease-out; } .style_main__Y5-\+u::-webkit-scrollbar { height: 4px; width: 4px; } @media only screen and (max-width: 768px) { .style_main__Y5-\+u { max-height: 80vh; } .style_title__ypNwj { font-size: 20px; } } @media only screen and (max-width: 600px) { .style_main__Y5-\+u { width: 95%; max-height: 80vh; } .style_twoInputs__OJIrN { gap: 16px; flex-direction: column; } } @media only screen and (max-width: 430px) { .style_twoInputs__OJIrN { flex-direction: column; gap: 20px; } } .style_aboutUsBlock__wn6bW { display: flex; flex-direction: column; gap: 26px; } .style_blogBanner__b1qyu { width: 100%; } .style_blogBanner__b1qyu > img { width: 100%; } .style_descr__0Io7S { display: flex; align-items: center; justify-content: space-between; } .style_descr__0Io7S > span { font-size: 18px; line-height: 30px; color: var(--gray-old-price); } .style_shareBlck__IzY\+N { position: relative; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; border: 1px solid var(--border-black-20); } .style_shareBlck__IzY\+N:hover > svg:nth-child(1) path { fill: var(--dark-red); } .style_videoBlck__hjcBz { padding-top: 15px; } .style_LoadContentVideo__h9ItH { max-width: 640px; height: 360px; } .style_drpdwn_share__RK\+yY { position: absolute; top: 50px; width: max-content; right: -15px; z-index: 11; display: none; flex-direction: column; gap: 6px; padding: 10px; background: var(--white); box-shadow: 0px 6.42202px 16.055px var(--gift-gradient-shadow); border-radius: 8.02752px; } .style_socialLinks__NBDyu { display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-black-20); border-radius: 5px; width: 40px; height: 40px; padding: 6px; } .style_socialLinks__NBDyu:hover { border-color: var(--red); } .style_socialLinks__NBDyu:hover > svg path { fill: var(--red); } .style_LoadContentdate__Cf1JV { width: 150px; } .style_LoadContentGeneralBanner__E7Apf { height: 450px; } .style_drpdwn_share_active__qv0SX { display: flex !important; } @media only screen and (max-width: 1280px) { .style_about_us_block__ve1qm { gap: 20px; } .style_LoadContentGeneralBanner__E7Apf { height: 300px; } } @media only screen and (max-width: 1024px) { .style_LoadContentGeneralBanner__E7Apf { height: 200px; } } @media only screen and (max-width: 1024px) { .style_LoadContentGeneralBanner__E7Apf { height: 96px !important; } } @media only screen and (max-width: 768px) { .style_videoBlck__hjcBz > element > p > iframe { max-width: 100%; } .style_videoBlck__hjcBz > .style_LoadContentVideo__h9ItH { max-width: 100%; } .style_title__49Io3 { font-size: 18px; } } .style_title__aLVLP { font-size: 30px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } .style_prodoctsList__gIyrH { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; } @media only screen and (max-width: 1280px) { .style_prodoctsList__gIyrH { column-gap: 10px; justify-content: center; } } .style_container__cGuuq { width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 70px auto 0; flex-direction: column; gap: 40px; align-self: center; max-width: 570px; } .style_container__cGuuq img { max-width: 162px; width: 100%; height: 100%; object-fit: contain; } .style_container__cGuuq span { font-weight: bold; text-transform: uppercase; font-size: 25px; text-align: center; } .style_title__\+etPt { display: flex; align-items: center; justify-content: flex-start; column-gap: 16px; margin-bottom: 46px; } .style_titleText__yRcK- { font-size: 30px; font-weight: bold; text-transform: uppercase; } .style_titleCount__opcPs { padding: 4px 16px; color: var(--white--inf); font-weight: bold; background-color: var(--red); border-radius: 90px; font-size: 18px; } .style_main__2zRmG { display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px; margin-bottom: 94px; width: 100%; } .style_rightBlock__lmLQt { display: flex; flex-direction: column; row-gap: 30px; width: 80%; } .style_logo__HWpbk { margin-bottom: 5px; width: 133px; height: auto; object-fit: contain; } .style_filterBtn__Q2-hL { display: flex; align-items: center; justify-content: center; width: 100%; column-gap: 10px; cursor: pointer; padding: 16px 34px; border-radius: 5px; background-color: var(--red); position: relative; } .style_filterBtn__Q2-hL:hover { background-color: var(--dark-red); } .style_filterBtn__Q2-hL svg { position: absolute; left: 34px; } .style_filterBtn__Q2-hL span { color: var(--white); font-size: 16px; } @media (max-width: 1024px) { .style_rightBlock__lmLQt { width: 100%; } } @media (max-width: 1024px) { .style_titleText__yRcK- { font-size: 25px; } } @media (max-width: 493px) { .style_titleText__yRcK- { font-size: 22px; } .style_title__\+etPt { margin-bottom: 34px; } } .style_container__Jiku5 { display: flex; flex-direction: column; min-width: 248px; max-width: 248px; width: 100%; padding: 24px 18px; border-radius: 5px; row-gap: 16px; background-color: var(--back-gray); } .style_searchContainer__Bpe-r { position: relative; width: 100%; } .style_search__pvVnC { padding: 8px 22px 8px 12px; background-color: transparent; font-size: 10px; border-radius: 2px; border: 1px solid var(--black); width: 100%; } .style_searchBtn__bbcKd { cursor: pointer; position: absolute; top: 4px; right: 12px; } .style_discountedContainer__ST0NG { display: flex; flex-direction: row; column-gap: 10px; padding-bottom: 20px; border-bottom: 1px solid var(--black); width: 100%; } .style_discountedBtnBlock__oSlQv { position: relative; width: 40px; height: 18px; background: var(--black); border-radius: 2px; border: 2px solid var(--black); cursor: pointer; } .style_discountedBtnBlockActive__uvrbR { background: var(--red); border: 2px solid var(--red); } .style_discountedBtn__YMlnZ { width: 16px; height: 14px; background: var(--white); border-radius: 2px; /* transform: translate("0px"); */ } .style_discountedBtnBlockActive__uvrbR .style_discountedBtn__YMlnZ { transform: translate(19px); } .style_setDefaultFilterBtn__M8P3F { background-color: var(--black); text-align: center; order: 1; border: none; min-height: 30px; cursor: pointer; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .style_setDefaultFilterBtn__M8P3F span { /* padding: 8px; */ font-size: 12px; color: var(--white); } .style_setDefaultFilterBtn__M8P3F:hover { background-color: var(--black); } .style_container__K0Qq\+ { display: flex; flex-direction: column; row-gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--black); width: 100%; } .style_titleBlock__abEJ5 { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .style_titleBlock__abEJ5 .style_title__2ORVf { cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: bold; } .style_titleBlock__abEJ5:hover .style_title__2ORVf { color: var(--red); } .style_titleBlock__abEJ5:hover svg path { stroke: var(--red); } .style_arrow__AGdYs { display: flex; align-items: center; justify-content: space-between; transform: rotate(0deg); } .style_dropDownBlock__0fmIr { display: flex; flex-direction: column; row-gap: 12px; height: fit-content; overflow: hidden; } .style_checkBox__rVCJ1 { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border: 1.5px solid var(--text-light-muted); border-radius: 2px; } .style_eachItem__8FKou { display: flex; column-gap: 10px; align-items: center; cursor: pointer; } .style_label__qvzmk { color: var(--gray-muted); font-size: 14px; } .style_seeMore__5vP1b { font-size: 12px; cursor: pointer; text-decoration: underline; color: var(--red); } .style_icon__DhQ-Y { width: 24px; height: 24px; object-fit: contain; } .style_container__uMLJb { display: flex; flex-direction: column; row-gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--black); width: 100%; } .style_titleBlock__HsOkz { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .style_titleBlock__HsOkz .style_title__o5\+OH { cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: bold; } .style_titleBlock__HsOkz:hover .style_title__o5\+OH { color: var(--red); } .style_titleBlock__HsOkz:hover svg path { stroke: var(--red); } .style_arrow__Owy-V { display: flex; align-items: center; justify-content: space-between; transform: rotate(0deg); } .style_dropDownBlock__sdF09 { display: flex; flex-direction: column; row-gap: 12px; height: fit-content; overflow: hidden; } .style_checkBox__oxgwD { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 2px; } .style_eachItem__0P9Yr { display: flex; column-gap: 10px; align-items: center; cursor: pointer; } .style_label__u6\+BL { color: var(--gray-muted); font-size: 14px; } .style_seeMore__edTpt { font-size: 12px; cursor: pointer; text-decoration: underline; color: var(--red); } .style_icon__9y\+ea { width: 24px; height: 24px; object-fit: contain; } /* .style_timeForEndSale__JGfvs, .style_priceAverageBlock__Ph6Bh, .style_creditBlock__1I3nA, .style_countAddCartBuyNowBlock__ejdW4, .style_cardBtn__THfPI, .style_pricen__ogVLO, .style_price__gn7Ek, .style_newPrice__5n1ZZ, .style_oldPrice__9o17\+, .style_priceMounth__AW2gn, .style_priceText__zliQb, .style_compareHeart__oQAv\+, .style_buyBtn__4brOS, .style_cashbackPrice__8Jvy\+ { display: none !important; } */ .style_container__MAnol { display: flex; flex-direction: column; row-gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--black); width: 100%; } .style_titleBlock__8P0rO { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .style_titleBlock__8P0rO .style_title__IASm\+ { cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: bold; } .style_titleBlock__8P0rO:hover .style_title__IASm\+ { color: var(--red); } .style_titleBlock__8P0rO:hover svg path { stroke: var(--red); } .style_arrow__OZXOL { display: flex; align-items: center; justify-content: space-between; transform: rotate(0deg); } .style_dropDownBlock__rA1wr { display: flex; flex-direction: column; row-gap: 12px; height: fit-content; overflow: hidden; } .style_checkBox__POSyb { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border: 1.5px solid var(--text-light-muted); border-radius: 2px; } .style_eachItem__icDB- { display: flex; column-gap: 10px; align-items: center; cursor: pointer; } .style_label__M0oz- { color: var(--gray-muted); font-size: 14px; } .style_seeMore__k55zx { font-size: 12px; cursor: pointer; text-decoration: underline; color: var(--red); } .style_icon__PnI5q { width: 24px; height: 24px; object-fit: contain; } .style_priceInputs__ElHdB { display: flex; align-items: center; justify-content: space-between; width: 100%; column-gap: 6px; } .style_priceInput__GI63h { padding: 8px 22px 8px 12px; background-color: transparent; font-size: 10px; border-radius: 2px; border: 1px solid var(--black); width: 100%; } .style_inputsLine__aYh26 { width: 30px; height: 1px; background-color: var(--black); opacity: 0.2; } .rc-slider { position: relative; width: 100%; height: 14px; padding: 5px 0; border-radius: 6px; touch-action: none; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #e9e9e9; border-radius: 6px; } .rc-slider-track, .rc-slider-tracks { position: absolute; height: 4px; background-color: #abe2fb; border-radius: 6px; } .rc-slider-track-draggable { z-index: 1; box-sizing: content-box; background-clip: content-box; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); transform: translateY(-5px); } .rc-slider-handle { position: absolute; z-index: 1; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #96dbfa; border-radius: 50%; cursor: pointer; cursor: -webkit-grab; cursor: grab; opacity: 0.8; touch-action: pan-x; } .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging { border-color: #57c5f7; box-shadow: 0 0 0 5px #96dbfa; } .rc-slider-handle:focus { outline: none; box-shadow: none; } .rc-slider-handle:focus-visible { border-color: #2db7f5; box-shadow: 0 0 0 3px #96dbfa; } .rc-slider-handle-click-focused:focus { border-color: #96dbfa; box-shadow: unset; } .rc-slider-handle:hover { border-color: #57c5f7; } .rc-slider-handle:active { border-color: #57c5f7; box-shadow: 0 0 5px #57c5f7; cursor: -webkit-grabbing; cursor: grabbing; } .rc-slider-mark { position: absolute; top: 18px; left: 0; width: 100%; font-size: 12px; } .rc-slider-mark-text { position: absolute; display: inline-block; color: #999; text-align: center; vertical-align: middle; cursor: pointer; } .rc-slider-mark-text-active { color: #666; } .rc-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; } .rc-slider-dot { position: absolute; bottom: -2px; width: 8px; height: 8px; vertical-align: middle; background-color: #fff; border: 2px solid #e9e9e9; border-radius: 50%; cursor: pointer; } .rc-slider-dot-active { border-color: #96dbfa; } .rc-slider-dot-reverse { margin-right: -4px; } .rc-slider-disabled { background-color: #e9e9e9; } .rc-slider-disabled .rc-slider-track { background-color: #ccc; } .rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot { background-color: #fff; border-color: #ccc; box-shadow: none; cursor: not-allowed; } .rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot { cursor: not-allowed !important; } .rc-slider-vertical { width: 14px; height: 100%; padding: 0 5px; } .rc-slider-vertical .rc-slider-rail { width: 4px; height: 100%; } .rc-slider-vertical .rc-slider-track { bottom: 0; left: 5px; width: 4px; } .rc-slider-vertical .rc-slider-track-draggable { border-top: 0; border-bottom: 0; border-right: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid rgba(0, 0, 0, 0); transform: translateX(-5px); } .rc-slider-vertical .rc-slider-handle { position: absolute; z-index: 1; margin-top: 0; margin-left: -5px; touch-action: pan-y; } .rc-slider-vertical .rc-slider-mark { top: 0; left: 18px; height: 100%; } .rc-slider-vertical .rc-slider-step { width: 4px; height: 100%; } .rc-slider-vertical .rc-slider-dot { margin-left: -2px; } .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { display: block !important; animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; } .rc-slider-tooltip-zoom-down-leave { display: block !important; animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; } .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active { animation-name: rcSliderTooltipZoomDownIn; animation-play-state: running; } .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active { animation-name: rcSliderTooltipZoomDownOut; animation-play-state: running; } .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { transform: scale(0, 0); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .rc-slider-tooltip-zoom-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes rcSliderTooltipZoomDownIn { 0% { transform: scale(0, 0); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1, 1); transform-origin: 50% 100%; } } @keyframes rcSliderTooltipZoomDownOut { 0% { transform: scale(1, 1); transform-origin: 50% 100%; } 100% { transform: scale(0, 0); transform-origin: 50% 100%; opacity: 0; } } .rc-slider-tooltip { position: absolute; top: -9999px; left: -9999px; visibility: visible; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-tooltip * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-tooltip-hidden { display: none; } .rc-slider-tooltip-placement-top { padding: 4px 0 8px 0; } .rc-slider-tooltip-inner { min-width: 24px; height: 24px; padding: 6px 2px; color: #fff; font-size: 12px; line-height: 1; text-align: center; text-decoration: none; background-color: #6c6c6c; border-radius: 6px; box-shadow: 0 0 4px #d9d9d9; } .rc-slider-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow { bottom: 4px; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #6c6c6c; } .style_productsList__XTSn5 { display: flex; flex-direction: row; flex-wrap: wrap; gap: 27.5px; justify-content: flex-start; padding-top: 20px; } .style_productsListFullWidth__dUqqX { display: flex; flex-direction: column; row-gap: 20px; width: 100%; padding-top: 20px; } .style_footer__Nmz4J { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 30px; gap: 20px 10px; flex-wrap: wrap; } .style_recordsPerPageContainer__EOPo5 { display: flex; align-items: center; column-gap: 10px; padding-bottom: 8px; } .style_recordsPerPageTitle__z-vdD { font-size: 16px; font-weight: bold; text-transform: uppercase; opacity: 0.4; } .style_pageRecordsCountContainer__voVsp { position: relative; } .style_pageRecordsCount__D3W8t { font-size: 14px; cursor: pointer; display: flex; align-items: center; column-gap: 5px; } .style_pageRecordsCount__D3W8t svg { transform: rotate(180deg); } .style_pageRecordsDragable__DQsXy { position: absolute; display: flex; flex-direction: column; background-color: var(--white); padding-top: 10px; right: 0px; top: 20px; border: 1px solid var(--gray-border-default); z-index: 9; } .style_pageRecordsDragable__DQsXy span { color: var(--gray-text-muted); line-height: 32px; font-size: 15px; padding: 5px 20px; cursor: pointer; font-weight: bold; } .style_pageRecordsDragable__DQsXy span:hover { color: var(--black); } .style_moreBtn__HaeSU { width: 100%; display: flex; align-items: center; justify-content: center; padding: 12px; margin-top: 20px; background-color: var(--back-gray); border-radius: 5px; cursor: pointer; border: 1px solid transparent; } .style_moreBtn__HaeSU:hover { color: var(--red); border-color: var(--red); } .style_moreBtn__HaeSU span { font-size: 16px; text-transform: uppercase; } @media only screen and (max-width: 1280px) { .style_productsList__XTSn5 { gap: 32px; } } @media only screen and (max-width: 1024px) { .style_productsList__XTSn5 { gap: 15px; } } @media only screen and (max-width: 620px) { .style_productsList__XTSn5 { gap: 8px; } .style_footer__Nmz4J { justify-content: center; } } /* /////////////// */ .style_search_null_block_body__JYPDS { padding: 0 20px; margin: 40px 0 60px 0; justify-content: space-around; column-gap: 20px; background-color: var(--gray); display: flex; align-items: center; } .style_search_null_block_text__fdfbG { max-width: 458px; width: 100%; display: flex; flex-direction: column; row-gap: 20px; } .style_search_null_block_text__fdfbG h1 { font-size: 40px; } .style_search_null_block_text__fdfbG button { border: 1px solid transparent; height: 35px; width: 100%; color: white; font-size: 12px; background-color: var(--red); cursor: pointer; border-radius: 5px; } .style_search_null_block_text__fdfbG button:hover { background-color: var(--dark-red); } .style_search_null_block_image__7NLhU { height: 350px; margin: -20px 0; } .style_search_null_block_image__7NLhU img { object-fit: contain; } @media (max-width: 1280px) { .style_search_null_block_text__fdfbG { max-width: 445px; } .style_search_null_block_image__7NLhU { max-width: 308px; } } @media (max-width: 990px) { .style_search_null_block_text__fdfbG { max-width: 336px; } .style_search_null_block_image__7NLhU { max-width: 311px; height: 220px; } .style_search_null_block_text__fdfbG h1 { font-size: 30px; } .style_search_null_block_image__7NLhU img { width: 100%; height: 100%; } } @media (max-width: 782px) { .style_search_null_block_body__JYPDS { flex-direction: column; } .style_search_null_block_image__7NLhU { margin-top: 0; margin-bottom: -20px; } .style_search_null_block_image__7NLhU { height: 180px; } .style_search_null_block_text__fdfbG h1 { font-size: 20px; margin-top: 20px; text-align: center; } } .style_header__Lgj2\+ { display: flex; align-items: center; justify-content: space-between; width: 100%; column-gap: 10px; padding: 18px 22px; border: 1px solid var(--black); border-radius: 5px; } .style_sortBlock__0k-XD { display: flex; align-items: center; column-gap: 10px; } .style_sortType__Fu9uG { font-size: 16px; } .style_sortBtnContainer__EsIUt { position: relative; } .style_sortBtn__mlilj { width: 32px; height: 32px; border-radius: 90px; justify-content: center; cursor: pointer; background-color: var(--red); display: flex; justify-content: center; align-items: center; } .style_sortModal__q6IW8 { position: absolute; top: 35px; padding: 8px 12px; right: 0; z-index: 1000; display: flex; width: max-content; flex-direction: column; box-shadow: 0px 4px 20px var(--box-shadow-light); border-radius: 5px; background-color: var(--white); } .style_sortModalItem__zBEEG { font-size: 16px; padding: 10px 0; cursor: pointer; border-bottom: 1px solid var(--black); } .style_sortModalItem__zBEEG:last-child { border-bottom: none; } .style_sortModalItem__zBEEG:hover { color: var(--red); } .style_listTypeBlock__0vHnW { display: flex; column-gap: 20px; align-items: center; } .style_listTypeBtn__vaVn9 { display: flex; align-items: center; cursor: pointer; width: 34px; height: 34px; border-radius: 90px; justify-content: center; } @media only screen and (max-width: 600px) { .style_sortTitle__32OIr, .style_sortType__Fu9uG { font-size: 12px; } .style_sortBtn__mlilj svg, .style_listTypeBtn__vaVn9 svg { max-width: 15px; } } /* .style_timeForEndSale__FUmi5, .style_priceAverageBlock__jxX1m, .style_creditBlock__HbqUd, .style_countAddCartBuyNowBlock__xBwd9, .style_cardBtn__6zdu2, .style_pricen__QPSIH, .style_price__\+xvJH, .style_newPrice__3WcYr, .style_oldPrice__bwO\+-, .style_priceMounth__YXCmr, .style_priceText__WNTQ\+, .style_compareHeart__U8htF, .style_buyBtn__Z1ab8, .style_cashbackPrice__ykbli { display: none !important; } */ .style_container__OMRaC { display: flex; flex-direction: column; width: 218px; border: 1px solid var(--gray-border); border-radius: 5px; padding: 15px; height: 100%; } @media (min-width: 900px) { .style_container__OMRaC:hover { -webkit-box-shadow: 0px 0px 30px -5px var(--box-shadow-light); -moz-box-shadow: 0px 0px 30px -5px var(--box-shadow-light); box-shadow: 0px 0px 30px -5px var(--box-shadow-light); transform: scale(1.04); } } .style_fullWidth__C9oNk { position: relative; border: 1px solid var(--gray-border); padding: 20px; column-gap: 20px; display: flex; } .style_flexContainer__TV4gp { width: calc(100% / 5 - 22px); } .style_cartContainerChangeStyle__aHQDs { display: flex; flex-direction: column; max-width: 218px; border: 1px solid var(--gray-border); border-radius: 5px; padding: 15px; height: 100%; } .style_header__N-LcC { display: flex; flex-direction: row; justify-content: space-between; } .style_imageBlock__4sO3v { width: 100%; height: 176px; position: relative; } .style_fullWidth__C9oNk .style_imageBlock__4sO3v { min-width: max-content; } .style_brandImg__oPe9f { object-fit: contain; max-height: 20px; max-width: 60px; width: 100%; } .style_image__36rs5 { height: 176px; padding-top: 25px; object-fit: contain; } .style_descContainer__QFOqA { display: flex; flex-direction: column; row-gap: 10px; } .style_fullWidth__C9oNk .style_descContainer__QFOqA { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .style_fullWidth__C9oNk .style_descriptions__RRn6Q { display: flex; flex-direction: column; row-gap: 10px; } .style_fullWidth__C9oNk .style_btnsContainer__cfXD1 { flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: column; } .style_fullWidth__C9oNk .style_topPart__FukEv { width: 50%; } .style_descContainer__QFOqA a:hover .style_productName__iJjiK { text-decoration: underline; } .style_categoryName__ROR1c { text-transform: uppercase; color: var(--modal-bg-login); font-family: "Mardoto-Bold"; width: 100%; font-size: 10px; margin-bottom: 5px; word-break: break-word; height: 28px; margin-top: 5px; } .style_productName__iJjiK { width: 100%; max-width: 200px; font-size: 13px; overflow: hidden; line-height: 16px; height: 32px; } .style_price__\+xvJH { font-size: 18px; font-weight: bold; } .style_newPrice__3WcYr { font-size: 18px; font-weight: bold; color: var(--red); } .style_oldPriceContainer__I-\+NF { position: relative; } .style_oldPrice__bwO\+- { font-size: 12px; color: var(--gray-old-price); } .style_oldPriceContainer__I-\+NF .style_line__iiFuO { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .style_priceMounth__YXCmr { width: max-content; font-size: 12px; color: var(--gray-bold); margin-top: 10px; } .style_priceMounthCash__HeJWM { font-weight: bold; } .style_btnsContainer__cfXD1 { margin-top: 10px; display: flex; flex-direction: row; column-gap: 14px; justify-content: flex-start; align-items: center; } .style_cardBtn__6zdu2 { padding: 10px 11px; display: flex; align-items: center; cursor: pointer; background-color: var(--red); border-radius: 5px; column-gap: 6px; } .style_cardBtn__6zdu2:hover { background-color: var(--dark-red); } .style_cardBtnSvg__RCiTt { width: 15px; height: 15px; } .style_cardBtnSvg__RCiTt path { fill: var(--white); } .style_cardBtn__6zdu2 span { color: var(--white); font-size: 11px; } .style_compareBtn__68ums:hover svg rect { fill: var(--red); } .style_heartSvg__y\+M6x { cursor: pointer; } .style_heartSvg__y\+M6x:hover path { fill: var(--red); } .style_stickersBlock__T\+M4Z { position: absolute; top: 126px; right: 22px; display: flex; column-gap: 4px; align-items: center; justify-content: flex-end; width: max-content; z-index: 999; } .style_giftBox__HgawW { display: flex; align-items: center; position: relative; cursor: pointer; min-width: 30px; width: 30px; height: 30px; min-height: 30px; justify-content: center; background: radial-gradient(96.77% 96.77% at 93.33% 96.77%, var(--gift-red-start) 0.51%, var(--gift-red-end) 100%); box-shadow: 0px 4px 5px var(--gift-gradient-shadow); border-radius: 5px; } .style_giftBox__HgawW:hover .style_giftHovered__0lK-z { display: flex; } .style_giftHovered__0lK-z { display: none; padding: 15px; bottom: 30px; left: -40px; gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 244px; width: max-content; font-family: "Mardoto-Regular"; background-color: var(--white); box-shadow: var(--box-shadow-hover) } .style_giftHoveredMain__NofXr { border: 1px solid var(--gift-border); border-radius: 2px; display: flex; cursor: pointer; flex-direction: column; row-gap: 14px; padding: 10px; min-width: 1px; width: 100%; align-items: flex-start; } .style_giftHovered__0lK-z:hover .style_giftHoveredMain__NofXr { border-color: var(--red); } .style_giftHoveredImg__tvAbS { height: 40px; max-width: 60px; object-fit: contain; } .style_stickerImg__aI1WM { max-width: 50px; max-height: 30px; object-fit: contain; max-width: 60px; } .style_cashbackContainer__P7In0 { margin-top: 10px; } .style_cashbackText__nhpsr { font-size: 14px; font-weight: bold; } .style_cashbackPrice__ykbli { color: var(--red); font-size: 16px; font-weight: bold; } @media only screen and (max-width: 1280px) { .style_flexContainer__TV4gp { width: calc(100% / 4 - 24px); max-width: none; } } @media only screen and (max-width: 1120px) { .style_productsList__IqOJi { gap: 15px; } .style_flexContainer__TV4gp { width: calc(100% / 3 - 10px); } } @media only screen and (max-width: 992px) { .style_image__36rs5 { height: 100%; width: 100%; } .style_productCard__GSwzA .style_slideItem__1voI2 { height: 350px !important; } } @media only screen and (max-width: 635px) { .style_container__OMRaC { padding: 10px; width: 175px; } .style_cardBtn__6zdu2 { padding: 13px 18px; column-gap: 7px; } } @media only screen and (max-width: 425px) { .style_container__OMRaC { padding: 8px; width: 160px; } .style_cardBtn__6zdu2 { padding: 11px 12px; column-gap: 5px; } } @media only screen and (max-width: 600px) { .style_flexContainer__TV4gp { width: calc(100% / 2 - 6px); } } @media only screen and (max-width: 375px) { .style_flexContainer__TV4gp { width: 100%; } } .style_promoPriceContainer__SAnT6 { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; column-gap: 8px; width: 100%; } /*Mobile Responsivi hamar*/ .style_btnsContainer_change__-ULB\+ { margin-top: 10px; display: flex; flex-direction: row; column-gap: 14px; justify-content: flex-start; align-items: center; } .style_btnsContainer_change__-ULB\+ .style_cardBtn__6zdu2 { width: 100%; } .style_container__dCAHM { /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; */ } .style_slideItem__ps7tH { display: flex; flex-direction: column; justify-content: center; max-width: 160px; cursor: pointer; height: 100%; position: relative; display: block; padding: "20px"; margin: 0 10px; } .style_loadContent__-KX3\+ { width: 138px; height: 157px; margin-bottom: 38px; } .style_slideItemImg__vkIXQ { height: 138px; width: 100%; object-fit: contain; background-color: var(--gray); padding: 10px 10px 0 10px; margin-bottom: 22px; border-radius: 10px; } .style_slideItemTitle__3a6Lo { font-size: 16px; max-width: min-content; text-align: center; min-width: 80%; display: block; margin: 0 auto; } .style_headerCategorysLogo__3WRk7 { max-width: 120px; max-height: 20px; height: 100%; padding: 0 22px; } .style_headerCategorysLoad__KMXtx { column-gap: 20px; } .style_slideBtn__c-3cR { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--slide-btn-shadow); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; } .style_slidePrevArrow__lr-Hk { left: 15px; transform: rotate(180deg); } .style_slideNextArrow__rw9u5 { right: 15px; } .style_slideBtn__c-3cR:hover svg path { stroke: var(--red); } @media (max-width: 1280px) { .style_slideItemTitle__3a6Lo { font-size: 12px; } .style_loadContent__-KX3\+ { height: 152px; } } @media only screen and (max-width: 768px) { .style_slideItem__ps7tH { padding: 0; } .style_slideItemImg__vkIXQ { height: 110px; } .style_loadContent__-KX3\+ { width: 124px; height: 110px; } } @media (max-width: 600px) { .style_slideItemTitle__3a6Lo { font-size: 12px; } .style_loadContent__-KX3\+ { width: 119px; } .style_slideItem__ps7tH { margin: 0 8px; max-width: 100px; } .style_slideItemImg__vkIXQ { padding: 3px 2px 0 2px; } } @media only screen and (max-width: 430px) { .style_slideItemImg__vkIXQ { height: 70px; /* width: auto; */ /* margin-right: ; */ } .style_loadContent__-KX3\+ { width: 79px; height: 70px; } } .style_container__4u2pN { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999999999; background-color: var(--text-ultralight-muted); } .style_main__-9ure { display: flex; flex-direction: column; row-gap: 20px; overflow-y: scroll; overflow-x: hidden; row-gap: 0; height: 100%; background-color: var(--back-gray); min-width: 285px; max-width: 300px; padding: 32px 20px 32px 20px; } .style_filterHeader__4DBNV { display: flex; align-items: center; justify-content: space-between; column-gap: 12px; font-size: 18px; text-transform: uppercase; padding: 0 18px; } .style_filterHeader__4DBNV span { margin-left: 12px; font-size: 18px; text-transform: uppercase; } .style_close__h\+S9V { cursor: pointer; } .style_brand_see_all_title__m9IX- h1 { font-size: 30px; font-weight: bold; text-transform: uppercase; } .style_see_all_search__CKMaU { position: relative; width: 100%; display: flex; align-items: center; margin-top: 34px; } .style_see_all_brands_list__YmbQM { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 34px; margin-bottom: 20px; } .style_pagination__YxTQA { display: flex; align-items: center; column-gap: 14px; margin-top: 20px; } .style_pagination_sp__rlPjR { padding: 10px 14px; height: 42px; font-size: 20px; font-weight: 500; cursor: pointer; justify-content: center; border: 1px solid var(--modal-bg-login); border-radius: 4px; display: flex; align-items: center; } .style_pagination_sp__rlPjR:hover { background-color: var(--red); color: var(--white); border-color: transparent; } .style_pagination_sp_active__3lYLx { background-color: var(--red); color: var(--white); border-color: transparent; } .style_prev_next_page__3XpRM { width: 42px; height: 42px; border-radius: 90px; cursor: pointer; justify-content: center; background-color: var(--gray); display: flex; align-items: center; } .style_prev_next_page__3XpRM:hover { background-color: var(--red); color: var(--white); border-color: transparent; } .style_prev_next_page__3XpRM:hover svg path { stroke: var(--white); } .style_brand_loadContent_list__QwtWv { display: flex; gap: 22px; flex-wrap: wrap; width: 100%; margin-top: 34px; } .style_loadContent_item__5vH\+X { padding: 5px 20px; max-width: 220px; min-height: 100px; width: calc(100% / 5 - 18px); display: flex; flex-direction: column; gap: 10px; border-radius: 5px; border: 1px solid var(--gray-border); justify-content: space-between; } .style_loadContent_animation__-Tz9U { width: 100%; min-height: 100px; } @media (max-width: 1024px) { .style_loadContent_item__5vH\+X { width: calc(100% / 4 - 18px); } } @media (max-width: 741px) { .style_loadContent_item__5vH\+X { width: calc(100% / 3 - 18px); } .style_pagination__YxTQA { column-gap: 5px; } .style_pagination_sp__rlPjR { padding: 5px 10px; height: 30px; font-size: 17px; } .style_brand_see_all_title__m9IX- h1 { font-size: 25px; } } @media (max-width: 505px) { .style_pagination_sp__rlPjR { padding: 2px 7px; height: 30px; font-size: 10px; } .style_prev_next_page__3XpRM { width: 22px; height: 22px; } .style_prev_next_page__3XpRM svg { width: 50%; height: 50%; } .style_brand_see_all_title__m9IX- h1 { font-size: 20px; } } @media (max-width: 439px) { .style_loadContent_item__5vH\+X { width: calc(100% / 2 - 18px); } .style_pagination_sp__rlPjR { padding: 2px 7px; height: 30px; font-size: 8px; } } .style_null_search_text__v1R80 { text-align: center; color: var(--red); } .style_brand_see_all_item__6rC7h { padding: 5px 20px; max-width: 220px; width: calc(100% / 5 - 18px); display: flex; flex-direction: column; gap: 10px; border-radius: 5px; border: 1px solid var(--gray-border); justify-content: space-between; background: var(--white--inf); } .style_brands_img_item__usc9b { width: 100%; height: 60px; } .style_brands_img_item__usc9b img { width: 100%; height: 100%; object-fit: contain; } .style_nameof_brand_item__J8MkS { font-size: 18px; font-weight: 600; color: black; } @media (max-width: 1024px) { .style_brand_see_all_item__6rC7h { width: calc(100% / 4 - 18px); } } @media (max-width: 741px) { .style_brand_see_all_item__6rC7h { width: calc(100% / 3 - 18px); } } @media (max-width: 439px) { .style_brand_see_all_item__6rC7h { width: calc(100% / 2 - 18px); } .style_nameof_brand_item__J8MkS { font-size: 12px; } } .style_details_loader_categories_item__uQqS\+ { width: 20%; height: 40px; } .style_details_loader_categories__aqXPG { display: flex; justify-content: center; align-items: center; gap: 40px; } .style_details_vue3_all_prods_catalog__\+QH8q { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 48px; justify-content: center; margin-bottom: 64px; } .style_details_vue3_all_prods_catalog_loader__5fIeJ { width: 16%; height: 200px; } .style._details_description_loader_item__IeBve { margin-top: 20px; } .style._details_description_loader__1juYP { width: 50%; margin: 0 auto; height: 20px; } .style._details_description__1PfVj { font-size: 18px; color: var(--gray-old-price); text-align: center; line-height: 30px; margin-bottom: 32px; } .style._details_all_prods_catalog__JeCXY { display: flex; flex-wrap: wrap; gap: 10px; } .style._details_all_prods_catalog_loader__IHFZ4 { width: 16%; height: 200px; } .style._details_footer_banners__1XCwU { display: flex; gap: 20px; margin: 50px 0; } .style._details_footer_banners_item__QCWgw { max-height: 196px; } .style._details_footer_banners_item__QCWgw img { border-radius: 5px; max-width: 100%; max-height: 100%; } .style._details_footer_banners_loader__1OizI { height: 200px; width: 100%; } .style._details_description__1PfVj p { font-size: 16px; line-height: 26px; color: var(--about-text-color); margin-bottom: 0; } @media (max-width: 744px) { .style._details_big_banner__ya0jK { margin-bottom: 20px; } .style._sales_block_svg_title__vqiIm { margin-top: 15px; margin-bottom: 26px; } .style._sales_block_svg_title__vqiIm { margin-top: 15px; margin-bottom: 16px; } .style._sales_block_svg_title__vqiIm { gap: 10px; } .style._sales_block_svg_title__vqiIm h3 { font-size: 12px; } .style._sales_block_svg_title__vqiIm span { padding: 4px 10px; font-size: 15px; } .style._details_big_banner_loader__co8Vy { height: 200px; } .style._details_description_loader_item__IeBve { margin-top: 10px; } .style._details_description_loader__1juYP { width: 100%; height: 15px; } .style._details_footer_banners_loader__1OizI { height: 150px; } } @media (max-width: 460px) { .style._details_big_banner__ya0jK { margin-bottom: 5px; } .style._details_big_banner_loader__co8Vy { height: 100px; } .style._details_description_loader_item__IeBve { margin-top: 5px; } .style._details_footer_banners_loader__1OizI { height: 100px; } } @media (max-width: 1337px) { .style._details_all_prods_catalog_loader__IHFZ4 { width: 19%; } } @media (max-width: 1058px) { .style._details_all_prods_catalog_loader__IHFZ4 { width: 23%; } } @media (max-width: 868px) { .style._details_all_prods_catalog_loader__IHFZ4 { width: 32%; } } @media (max-width: 622px) { .style._details_all_prods_catalog_loader__IHFZ4 { width: 48%; } .style._details_footer_banners__1XCwU { flex-direction: column; gap: 20px; margin: 30px 0; } .style._details_banner_slider__a-lHq { padding-top: 30px; } } @media (max-width: 402px) { .style._details_all_prods_catalog_loader__IHFZ4 { width: 100%; } } .style._details_banner_slider__a-lHq { max-width: 1170px; margin: 0 auto; padding-top: 70px; } .style_sales_block_svg_title__SIO7e { justify-content: flex-start; display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; margin-bottom: 46px; } .style_sales_block_svg_title__SIO7e h3 { color: var(--red); opacity: 0.8; font-size: 18px; font-weight: bold; text-transform: uppercase; } .style_sales_block_svg_title__SIO7e span { padding: 4px 16px; color: var(--white); font-weight: bold; border-radius: 90px; font-size: 18px; } @media (max-width: 1024px) { .style_sales_block_svg_title__SIO7e { gap: 10px; margin-top: 20px; margin-bottom: 26px; } } @media (max-width: 600px) { .style_sales_block_svg_title__SIO7e h3 { font-size: 14px; } .style_sales_block_svg_title__SIO7e span { font-size: 14px; padding: 4px 10px; } } @media (max-width: 490px) { .style_sales_block_svg_title__SIO7e span { font-size: 14px; padding: 4px 0; } } .style_details_big_banner__kdcdc { margin-bottom: 60px; } .style_details_big_banner__kdcdc img { max-width: 100%; max-height: 100%; border-radius: 5px; } .style_details_big_banner_loader__BNCy5 { height: 350px; } @media (max-width: 722px) { .style_details_big_banner__kdcdc { margin-bottom: 40px; } .style_details_big_banner_loader__BNCy5 { height: 200px; } } @media (max-width: 490px) { .style_details_big_banner__kdcdc { margin-bottom: 10px; } .style_details_big_banner_loader__BNCy5 { height: 100px; } } .style_details_categories_item__RBGZU { gap: 20px; padding-bottom: 10px; overflow: auto; display: flex; align-items: center; justify-content: center; max-width: 1400px; } /* .style_details_categories_item__RBGZU::-webkit-scrollbar { height: 2px; cursor: pointer; margin-top: 20px; } .style_details_categories_item__RBGZU::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 2px; } .style_details_categories_item__RBGZU::-webkit-scrollbar-track { background: #f1f1f1; } */ .style_details_simple__86GBK { padding: 14px 18px; font-size: 12px; cursor: pointer; min-width: max-content; border: 1px solid var(--black); } .style_details_simple__86GBK:hover { color: var(--red); border-color: var(--red); } @media (max-width: 915px) { .style_details_categories_item__RBGZU { justify-content: inherit; } } .style_details_description_title__IuCA3 { margin: 0 auto; font-size: 30px; text-align: center; max-width: 966px; font-weight: bold; margin-bottom: 60px; } @media (max-width: 768px) { .style_details_description_title__IuCA3 { font-size: 18px; max-width: 580px; margin-bottom: 32px; } } @media (max-width: 430px) { .style_details_description_title__IuCA3 { font-size: 18px; max-width: 580px; margin-bottom: 20px; } } .style_details_loader_categories_item__ntGqi { width: 20%; height: 40px; } .style_details_loader_categories__Jt\+ir { display: flex; justify-content: center; align-items: center; gap: 40px; } .style_details_vue1_categories__uMHI1 { margin-bottom: 72px; } .style_details_product_title__alpsr { flex-wrap: wrap; gap: 12px; margin: 20px 0; display: flex; justify-content: space-between; align-items: center; } .style_promotion_descrip__61fhW { margin-bottom: 30px; } .style_details_product_title__alpsr span { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_details_product_title__alpsr a { font-size: 16px; cursor: pointer; text-transform: uppercase; text-decoration: underline; } .style_details_vue1_slider__s0Jdl {} .style_details_product_slider_loader__Lejh1 { display: flex; gap: 20px; } .style_details_product_slider_loader_item__PPsf2 { width: 20%; height: 300px; } .style_details_banners__k9biL {} .style_details_footer_banners__ONGVq { display: flex; gap: 20px; margin: 50px 0; } .style_details_footer_banners_item__u2cos { max-height: 196px; } .style_details_footer_banners_item__u2cos img { border-radius: 5px; max-width: 100%; max-height: 100%; } .style_details_footer_banners_loader__Q70\+t { height: 200px; width: 100%; } .style_details_timer_block__hkf\+U { background: var(--gray); margin-bottom: 60px; padding: 40px 64px; box-shadow: 0px 4px 10px var(--box-shadow-light); border-radius: 5px; column-gap: 20px; display: flex; justify-content: space-between; } .style_details_title_img__HBFf\+ { column-gap: 62px; display: flex; align-items: center; } .style_procent_img__pc\+3L {} .style_get_titles__TeHgK { display: flex; flex-direction: column; row-gap: 8px; } .style_get_titles__TeHgK span { width: max-content; font-size: 30px; font-weight: bold; text-transform: uppercase; } .style_get_titles__TeHgK p { font-size: 18px; opacity: 0.4; text-transform: uppercase; font-weight: bold; } .style_details_timer_block__hkf\+U { background: var(--gray); margin-bottom: 60px; margin-top: 40px; padding: 40px 64px; box-shadow: 0px 4px 10px var(--box-shadow-light); border-radius: 5px; column-gap: 20px; display: flex; justify-content: space-between; } @media (max-width:1024px) { .style_details_vue1_categories__uMHI1 { margin-bottom: 37px; } } @media (max-width: 918px) { .style_details_timer_block__hkf\+U { margin-bottom: 40px; padding: 20px 34px; column-gap: 10px; } .style_details_title_img__HBFf\+ { column-gap: 32px; } .style_get_titles__TeHgK span { font-size: 18px; } .style_get_titles__TeHgK a { font-size: 14px; } } @media (max-width: 700px) { .style_details_timer_block__hkf\+U { flex-direction: column; margin-bottom: 40px; padding: 10px 24px; align-items: center; } .style_get_titles__TeHgK span { text-align: center; } .style_get_titles__TeHgK a { text-align: center; } } @media (max-width: 722px) { .style_promotion_descrip__61fhW { font-size: 15px; margin-bottom: 20px; } .style_details_product_title__alpsr span { font-size: 18px; } .style_details_product_title__alpsr a { font-size: 14px; } .style_procent_img__pc\+3L img { width: auto; } .style_get_titles__TeHgK p { font-size: 12px; } } @media (max-width: 490px) { .style_sales_block_svg_title__i2GvO span { font-size: 14px; padding: 4px 0; } } .style_countdown_block__Y8NrS{ background-color: var(--white); padding: 14px 16px; border-radius: 10px; display: flex; align-items: center; } .style_count_name__j9kD3{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; gap: 10px; } .style_countdown_win__ZKdX-{ background: var(--gray); color: var(--black); font-size: 16px; font-style: normal; font-weight: 600; padding: 10px; } .style_nameof_count__8pHqi{ color: var(--black); font-size: 10px; font-style: normal; font-weight: 400; border-radius: 10px; } .style_period__NSqZw{ color: var(--black); font-size: 19.636px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } @media (max-width: 700px) { .style_countdown_block__Y8NrS{ margin-top: 20px; } } .style_details_loader_categories_item__8Npcf { width: 20%; height: 40px; } .style_details_loader_categories__hVyiq { display: flex; justify-content: center; align-items: center; gap: 40px; } .style_details_vue1_categories__Wzk0Y { margin-bottom: 72px; } .style_details_product_title__DTE9z { flex-wrap: wrap; gap: 12px; margin: 20px 0; display: flex; justify-content: space-between; } .style_details_product_title__DTE9z span { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_details_product_title__DTE9z a { font-size: 16px; cursor: pointer; text-transform: uppercase; text-decoration: underline; } .style_details_vue1_slider__PWN6E {} .style_details_product_slider_loader__nI2jz { display: flex; gap: 20px; } .style_details_product_slider_loader_item__TPzIp { width: 20%; height: 300px; } .style_details_banners__Sf7kd {} .style_details_footer_banners__-gngB { display: flex; gap: 20px; margin: 50px 0; } .style_details_footer_banners_item__V-NzI { max-height: 196px; } .style_details_footer_banners_item__V-NzI img { border-radius: 5px; max-width: 100%; max-height: 100%; } .style_details_footer_banners_loader__rPru8 { height: 200px; width: 100%; } .style_details_banner_slider__bUcJL { max-width: 1170px; margin: 0 auto 50px; } .style_details_timer_block__STTZX { background: var(--gray); margin-bottom: 60px; padding: 40px 64px; box-shadow: 0px 4px 10px var(--box-shadow-light); border-radius: 5px; column-gap: 20px; display: flex; justify-content: space-between; } .style_details_title_img__sXoWw { column-gap: 62px; display: flex; align-items: center; } .style_procent_img__SFHsv {} .style_get_titles__IcppR { display: flex; flex-direction: column; row-gap: 8px; } .style_get_titles__IcppR span { width: max-content; font-size: 30px; font-weight: bold; text-transform: uppercase; } .style_get_titles__IcppR p { font-size: 18px; opacity: 0.4; text-transform: uppercase; font-weight: bold; } .style_details_timer_block__STTZX { background: var(--gray); margin-bottom: 60px; margin-top: 40px; padding: 40px 64px; box-shadow: 0px 4px 10px var(--box-shadow-light); border-radius: 5px; column-gap: 20px; display: flex; justify-content: space-between; } @media (max-width: 918px) { .style_details_timer_block__STTZX { margin-bottom: 40px; padding: 20px 34px; column-gap: 10px; } .style_details_title_img__sXoWw { column-gap: 32px; } .style_get_titles__IcppR span { font-size: 18px; } .style_get_titles__IcppR a { font-size: 14px; } } @media (max-width: 700px) { .style_details_timer_block__STTZX { flex-direction: column; margin-bottom: 40px; padding: 10px 24px; align-items: center; } .style_get_titles__IcppR span { text-align: center; } .style_get_titles__IcppR a { text-align: center; } } @media (max-width:880px) {} .styles_categoryBrandLoad__QkMEo { width: 100%; height: 500px; margin: 100px 0px 50px; } .styles_example__Jrzlm { scroll-margin-top: 180px; } .styles_categoryTitleLoad__-SVjQ { width: 35%; height: 200px; margin-top: 30px; } .styles_notFound__8Z5Do { text-align: center; font-size: 30px; color: var(--black); padding-top: 50px; } .styles_categoryAtributeLoad__tE9rl { width: 100%; height: 44px; margin-bottom: 30px; } .styles_categoryProductListLoad__8gIf0 { width: 100%; height: 700px; } .styles_title__odt5m { display: flex; align-items: center; justify-content: flex-start; column-gap: 16px; margin-bottom: 46px; position: relative; } .styles_titleText__4\+rxU { font-size: 30px; font-weight: bold; text-transform: uppercase; } .styles_titleCount__8d-on { padding: 4px 16px; color: var(--white--inf); font-weight: bold; background-color: var(--red); border-radius: 90px; font-size: 18px; margin-bottom: -5px; } .styles_categorySlider__WmtzI { margin: 78px 0px 100px; } .styles_categoryBrand__riQ-N { margin: 100px 0px 120px; display: grid; justify-content: space-between; grid-template-columns: minmax(100px, 251px) minmax(100px, 251px) minmax(100px, 251px) minmax(100px, 251px) minmax(100px, 251px); row-gap: 30px; column-gap: 44px; } .styles_categoryBrandItem__YeP-s { display: flex; flex-direction: column; align-items: center; } .styles_categoryItemTop__gh3Ez { width: 100%; height: 235.79px; border-radius: 246.9px; background-color: var(--gray-20); cursor: pointer; display: flex; align-items: center; justify-content: center; } .styles_categoryItemTop__gh3Ez img { max-width: 144px; width: 100%; height: 144px; } .styles_categoryItemBottom__Ipbt\+ { text-align: center; } .styles_productList__cUY9z { margin-top: 43px; display: grid; justify-content: space-between; grid-template-columns: repeat(5, minmax(200px, 250px)); gap: 25px; padding: 20px 0; } .styles_productListPagination__B9nAg { margin-top: 50px; display: flex; justify-content: space-between; } .styles_categoryMore__focGO { width: 100%; height: 44px; background-color: var(--gray-20); display: flex; align-items: center; justify-content: center; margin-top: 56px; } .styles_categoryRecordPage__yLczP { display: flex; align-items: center; } .styles_categoryRecordPage__yLczP span { font-size: 16px; font-weight: 700; line-height: 19px; color: var(--black); } .styles_categoryRecordSelect__yflMl { width: 46px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .styles_categoryRecordSelect__yflMl span { display: block; margin-right: 5px; } .styles_categorySelectList__4VYdf { box-shadow: 0px 4px 15px 0px var(--black); background-color: var(--white); position: absolute; height: 105px; width: 46px; bottom: -105px; left: 0; display: flex; flex-direction: column; align-items: center; padding: 8px 4px; } .styles_categorySelectList__4VYdf span { width: 100%; display: flex; align-items: center; justify-content: center; margin-right: 0px; } .styles_categorySelectList__4VYdf :not(:last-child) { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid var(--black); } .styles_categoryMore__focGO span { font-size: 16px; font-weight: 400; line-height: 19px; color: var(--black); cursor: pointer; } .styles_categoryAtribute__kFgQ4 { display: flex; /* align-items: center; */ } .styles_categoryAtributeFix__RGSmA { height: 52px; display: flex; flex-wrap: nowrap; } .styles_categoryContainer__QgdDp { display: flex; align-items: center; margin-bottom: 20px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; } .styles_categoryAtribute__kFgQ4 svg { width: 52px; height: 52px; cursor: pointer; } .styles_categoryAtributeActive__G2ru6 :not(:last-child) { margin-right: 6px; } .styles_categoryAtributeActive__G2ru6 { height: 52px; margin: 20px 0px 32px; overflow-x: auto; display: flex; flex-wrap: nowrap; padding-bottom: 5px; } .styles_categoryAtributeActive__G2ru6 :hover { background-color: var(--red); color: var(--white); } .styles_categoryAtributeActive__G2ru6 :hover svg rect { fill: var(--white); } .styles_categoryAtributeActive__G2ru6 svg { margin-left: 10px; margin-top: -2px; } .styles_categoryAtributeActive__G2ru6 svg rect { fill: var(--red); } .styles_categoryAtributeActive__G2ru6 span { cursor: pointer; display: inline-block; background-color: var(--gray-20); font-size: 15px; font-weight: 700; line-height: 18px; color: var(--black); padding: 15px 10px; border-radius: 25px; white-space: nowrap; } .styles_categoryAtribute__kFgQ4 :not(:last-child) { margin-right: 6px; } .styles_categoryAtribute__kFgQ4 span { cursor: pointer; display: inline-block; background-color: var(--gray-20); font-size: 15px; font-weight: 700; line-height: 18px; color: var(--black); padding: 17px 10px; border-radius: 25px; white-space: nowrap; } .styles_categoryAtribute__kFgQ4 span:hover { color: var(--white); background-color: var(--red); } .styles_categoryBrandItem__YeP-s span { cursor: pointer; } .styles_categoryBrandItem__YeP-s { transition: all 1s ease-out; } .styles_categoryBrandItem__YeP-s:hover img { transform: scale(1.2, 1.2); transition: all 1s ease-out; } .styles_categoryBrandItem__YeP-s:hover span { color: var(--red); transition: all 1s ease-out; } @media (max-width: 1440px) { /* .styles_productList__cUY9z { grid-template-columns: minmax(100px, 219px) minmax(100px, 219px) minmax(100px, 219px) minmax(100px, 219px) minmax(100px, 219px); } */ .styles_categoryBrand__riQ-N { grid-template-columns: minmax(100px, 251px) minmax(100px, 251px) minmax(100px, 251px) minmax(100px, 251px); } } @media screen and (max-width: 1200px) { .styles_productList__cUY9z { grid-template-columns: repeat(4, minmax(200px, 280px)); gap: 15px; } .styles_categoryBrand__riQ-N { grid-template-columns: minmax(100px, 251px) minmax(100px, 251px) minmax(100px, 251px); } } @media screen and (max-width: 900px) { .styles_productList__cUY9z { grid-template-columns: repeat(3, minmax(210px, 300px)); } } @media screen and (max-width: 768px) { .styles_categoryBrand__riQ-N { grid-template-columns: minmax(100px, 251px) minmax(100px, 251px); } .styles_productListPagination__B9nAg { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .styles_categoryRecordPage__yLczP { margin-top: 20px; } .styles_categoryItemTop__gh3Ez { height: 230px; } .styles_categoryItemTop__gh3Ez img { max-width: 120px; width: 100%; height: 100px; } } @media screen and (max-width: 726px) { .styles_productList__cUY9z { grid-template-columns: repeat(3, minmax(190px, 300px)); } } @media screen and (max-width: 668px) { .styles_productList__cUY9z { grid-template-columns: repeat(2, 1fr); } .styles_container__O9kGl { max-width: none !important; min-width: 0 !important; width: 100% !important; } } @media (max-width: 576px) { .styles_categoryItemTop__gh3Ez { height: 190px; } .styles_categoryItemTop__gh3Ez img { max-width: 90px; width: 100%; height: 80px; } .styles_titleText__4\+rxU { font-size: 25px; } .styles_categorySlider__WmtzI { margin: 30px 0px 50px; } } @media screen and (max-width: 442px) { /* .styles_productList__cUY9z { grid-template-columns: repeat(1, auto); } */ .styles_container__O9kGl { max-width: none !important; width: 100% !important; } .styles_categoryItemTop__gh3Ez { height: 150px; } .styles_categoryItemTop__gh3Ez img { max-width: 80px; width: 100%; height: 70px; } } @media screen and (max-width: 356px) { .styles_titleText__4\+rxU { font-size: 18px; } .styles_titleCount__8d-on { margin-bottom: unset; font-size: 16px; } .styles_categorySlider__WmtzI { margin: 30px 0px 50px; } .styles_categoryItemTop__gh3Ez { height: 130px; } .styles_categoryItemTop__gh3Ez img { max-width: 60px; width: 100%; height: 60px; } } /* width */ .styles_categoryContainer__QgdDp::-webkit-scrollbar { height: 3px; } .styles_categoryAtributeActive__G2ru6::-webkit-scrollbar { height: 3px; } /* Handle */ .styles_categoryContainer__QgdDp::-webkit-scrollbar-thumb { background: var(--red); border-radius: 10px; } .styles_categoryAtributeActive__G2ru6::-webkit-scrollbar-thumb { background: var(--red); } .style_spinner__AO3V\+ { width: 24px; height: 24px; border-radius: 50%; border: 3px solid var(--gray-border-light); border-top-color: var(--spinner-accent); animation: spinAnimation 1s linear infinite; } @keyframes spinAnimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .styles_drawer__SPGhd { background-color: var(--white); position: fixed; width: 599px; left: -600px; z-index: 9999999999; display: flex; flex-direction: column; align-items: center; transition: left 0.3s ease; } .styles_open__MfGRs { left: 0; animation: slideIn 0.3s ease; } .styles_drawerHeader__tFay5 { width: 100%; height: 73px; border-bottom: 1px solid rgba(var(--black-rgb), 0.1); display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; line-height: 28px; color: var(--black); } .styles_drawerFooter__u5U\+q { width: 100%; height: 106px; border-top: 1px solid rgba(var(--black-rgb), 0.1); display: flex; align-items: center; justify-content: center; } .styles_drawerFooter__u5U\+q button { border: none; background-color: var(--red); width: 259px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 400; line-height: 21px; color: var(--white); cursor: pointer; border-radius: 5px; } .styles_drawerFooter__u5U\+q button:hover { background-color: var(--dark-red); } .styles_drawerContainer__-\+yst { width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999999; background-color: rgba(var(--black-rgb), 0.3); /* темизация bg overlay */ } .styles_resetButton__4h2hr { border: 1px solid transparent; padding: 10px 25px; background-color: var(--red); cursor: pointer; border-radius: 5px; color: white; margin: 20px auto 0 60px; } @media (max-width: 768px) { .styles_drawerHeader__tFay5 { font-size: 20px; } .styles_drawerFooter__u5U\+q button { font-size: 16px; } .styles_drawer__SPGhd { width: 297px; left: -300px; } .styles_open__MfGRs { left: 0; animation: slideInMobile 0.3s ease; } .styles_resetButton__4h2hr { margin: 20px auto 0 20px; } } @keyframes slideIn { 0% { left: -599px; } 100% { left: 0; } } @keyframes slideInMobile { 0% { left: -277px; } 100% { left: 0; } } .styles_colors__v4JUM{ width: 100%; /* height: 100%; */ overflow: auto; display: grid; grid-template-columns: 1fr; row-gap: 8px; padding: 30px 0px 10px 77px; } .styles_colorsItem__y8pdv span:hover{ color: var(--red); } .styles_colorsItem__y8pdv{ height: 38px; display: flex; justify-content: flex-start; align-items: center; /* border:1px solid black; */ } .styles_colorsItemCircle__EvSse{ width: 38px; height: 38px; border-radius: 30px; display: flex; align-items: center; justify-content: center; margin-right: 14px; border: 1px solid transparent; padding: 5px; } .styles_circle__HkXA2{ display: inline-block; width: 26px; height: 26px; border-radius: 25px; cursor: pointer; margin-right: 0px; margin-bottom: -1px; border: 1px solid var(--black); } .styles_circleText__X9A8E{ font-size: 18px; font-weight: 400; line-height: 21px; color: var(--black); cursor: pointer; } .styles_active__HTgH0{ border: 1px solid var(--red); } .styles_circleTextActive__J1VXz{ color: var(--red); } @media(min-width:768px){ .styles_colorsItemCircle__EvSse:hover{ border: 1px solid var(--red); } } @media(max-width:768px){ .styles_circleText__X9A8E{ font-size: 12px; } .styles_colors__v4JUM{ padding: 30px 0px 10px 20px; } } .styles_country__uKY\+a { width: 100%; overflow: auto; flex: 1 1 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 30px 60px 10px 60px; } .styles_country__uKY\+a :not(:last-child) { margin-bottom: 28px; } .styles_countryItem__\+rbUN p { width: 100%; display: flex; justify-content: space-between; } .styles_countryItem__\+rbUN p span { font-size: 20px; font-weight: 400; line-height: 23px; color: var(--black) } .styles_brandImg__VKQ3b { max-width: 105px; width: 100%; height: 35px; position: relative; } .styles_brandImg__VKQ3b img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0px; left: 0px; bottom: 0px; right: 0px; cursor: pointer; background: var(--white--inf); padding: 3px; border-radius: 5px; } .styles_checkboxWrapper__HMtdk input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .styles_checkboxWrapper__HMtdk label { position: relative; cursor: pointer; background: var(--white); width: 4.4%; height: 5%; } .styles_checkboxWrapper__HMtdk span { cursor: pointer; } .styles_checkboxWrapper__HMtdk span:hover { color: var(--red); } .styles_checkboxWrapper__HMtdk label:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 1px solid var(--black); box-shadow: 0 1px 2px var(--box-shadow-light), inset 0px -15px 10px -12px var(--box-shadow-light); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .styles_checkboxWrapper__HMtdk input:checked+label:after { content: ""; display: block; position: absolute; top: 0; left: 8px; width: 6px; height: 14px; border: solid var(--white); border-width: 0 2px 2px 0; transform: rotate(45deg); } .styles_checkboxWrapper__HMtdk input:checked+label { background: var(--red); width: 4.4%; height: 5%; /* overflow: hidden; */ } @media(max-width:768px) { .styles_checkboxWrapper__HMtdk label { width: 8.5%; } .styles_checkboxWrapper__HMtdk input:checked+label { width: 8.5%; } } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: var(--gray-light); } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--gray-medium); border-radius: 20px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--gray-dark); } @media(max-width:768px) { .styles_countryItem__\+rbUN p span { font-size: 12px; } .styles_country__uKY\+a { padding: 30px 20px 10px 20px; } } .styles_cost__Xb1jf { width: 100%; height: 100%; padding: 50px 60px; } .styles_switch__LfVdG { margin-top: 50px; display: flex; align-items: center; justify-content: space-between; } .styles_switch__LfVdG p { cursor: pointer; font-size: 22px; font-weight: 700; line-height: 26px; color: var(--black) } @media(max-width:768px) { .styles_cost__Xb1jf { width: 100%; padding: 20px 20px; } .styles_switch__LfVdG p { font-size: 14px; } } /* .styles_timeForEndSale__bb4kn, .styles_priceAverageBlock__PFTbI, .styles_creditBlock__30ix6, .styles_countAddCartBuyNowBlock__1FuEo, .styles_cardBtn__Vu7Is, .styles_pricen__jNg0j, .styles_price__XAvGZ, .styles_newPrice__anJS9, .styles_oldPrice__Npdvx, .styles_priceMounth__ZUcBW, .styles_priceText__6aGtf, .styles_compareHeart__byRuW, .styles_buyBtn__k1mRi, .styles_cashbackPrice__BHPsR { display: none !important; } */ .styles_container__1AYIp { display: flex; flex-direction: column; row-gap: 14px; padding-bottom: 20px; width: 100%; } .styles_titleBlock__UatMy { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .styles_titleBlock__UatMy .styles_title__CE2B1 { cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: bold; } .styles_titleBlock__UatMy:hover .styles_title__CE2B1 { color: var(--red); } .styles_titleBlock__UatMy:hover svg path { stroke: var(--red); } .styles_arrow__zxIh7 { display: flex; align-items: center; justify-content: space-between; transform: rotate(0deg); } .styles_dgropDownBlock__GY-Mn { display: flex; flex-direction: column; row-gap: 12px; height: fit-content; overflow: hidden; } .styles_checkBox__XG6xT { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border: 1.5px solid var(--text-light-muted); border-radius: 2px; } .styles_eachItem__SjeIQ { display: flex; column-gap: 10px; align-items: center; cursor: pointer; } .styles_label__sUBRN { color: var(--gray-muted); font-size: 14px; } .styles_seeMore__8vDgQ { font-size: 12px; cursor: pointer; text-decoration: underline; color: var(--red); } .styles_icon__ntnV7 { width: 24px; height: 24px; object-fit: contain; } .styles_priceInputs__v2v29 { display: flex; align-items: center; justify-content: space-between; width: 100%; column-gap: 6px; } .styles_priceInput__JNxWU { padding: 8px 22px 8px 12px; background-color: transparent; font-size: 14px; border-radius: 2px; border: 1px solid var(--black); width: 100%; } .styles_inputsLine__FV5nE { width: 30px; height: 1px; background-color: var(--black); opacity: 0.2; } .styles_reactswitchcheckbox__6JTjV { height: 0; width: 0; visibility: hidden; } .styles_reactswitchlabel__7h7Nq { display: flex; align-items: center; justify-content: space-between; cursor: pointer; width: 41px; height: 18px; background: var(--red); position: relative; transition: background-color 0.2s; border-radius: 2px; } .styles_reactswitchlabel__7h7Nq .styles_reactswitchbutton__dhU9X { content: ""; position: absolute; top: 2px; left: 23px; width: 16px; height: 14px; border-radius: 2px; transition: 0.2s; background: var(--white); box-shadow: var(--box-shadow-thin); } .styles_reactswitchcheckbox__6JTjV:checked+.styles_reactswitchlabel__7h7Nq .styles_reactswitchbutton__dhU9X { left: 2px; margin-right: 2px; } .styles_reactswitchcheckbox__6JTjV:checked+.styles_reactswitchlabel__7h7Nq { background-color: var(--black); } .styles_reactswitchlabel__7h7Nq:active .styles_reactswitchbutton__dhU9X { /* width: 60px; */ } .styles_filter__9Sy5I{ width:100%; overflow: auto; flex: 1 1 100%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 38px; overflow: auto; } .styles_container__B3BYr{ height: 100%; overflow: auto; overflow-x: hidden; padding: 0px 20px 0px 60px; } .styles_switch__etmGM{ display: flex; justify-content: space-between; border-bottom: 1px solid var(--black); padding-bottom: 50px; margin-bottom: 50px; } .styles_switch__etmGM p{ cursor: pointer; font-size: 22px; font-weight: 700; line-height: 26px; color:var(--black) } .styles_filter__9Sy5I div{ margin-bottom: 20px; } @media(max-width:768px){ .styles_container__B3BYr{ padding: 0px 20px 20px 20px; } } /* sort====================================================== */ .styles_sort__Byb7U{ width:100%; overflow: auto; flex: 1 1 100%; display: flex; flex-direction: column; justify-content: flex-start; /* padding-top: 38px; */ overflow: hidden; } .styles_sortingItem__eu16k p{ width: 100%; display: flex; justify-content: space-between; } .styles_sortingItem__eu16k p span{ font-size: 20px; font-weight: 400; line-height: 23px; color:var(--black) } .styles_checkboxWrapper__PlmrW span{ cursor: pointer; } .styles_checkboxWrapper__PlmrW span:hover{ color: var(--red); } /* manufactor======================================== */ .styles_manufactur__7uxVA{ } /* cost======================================== */ .styles_colors__svisR{ width: 100%; overflow: auto; display: grid; grid-template-columns: 1fr 1fr; padding-top: 20px; } .styles_costContainer__hLGAB{ /* padding-top: 40px; */ border-bottom: 1px solid var(--black); } .styles_colorsItem__yeijD span:hover{ color: var(--red); } .styles_costContainer__hLGAB p{ cursor: pointer; font-size: 22px; font-weight: 700; line-height: 26px; color:var(--black); margin-bottom: 15px; } .styles_colorsItem__yeijD{ height: 38px; display: flex; justify-content: flex-start; align-items: center; } .styles_colorsItemCircle__tXndK{ width: 38px; height: 38px; border-radius: 30px; display: flex; align-items: center; justify-content: center; margin-right: 14px; border: 1px solid transparent; margin-bottom: unset!important; } .styles_circle__bpKz2{ display: inline-block; width: 29px; height: 29px; border-radius: 25px; cursor: pointer; margin-right: -1px; margin-bottom: -1px; border: 1px solid var(--black); } .styles_circleText__0Om1S{ font-size: 18px; font-weight: 400; line-height: 21px; color: var(--black); cursor: pointer; } @media(min-width:768px){ .styles_colorsItemCircle__tXndK:hover{ border: 1px solid var(--red); } } /* color======================================== */ .styles_color__84qXe{ } .styles_active__Y3ns8{ border: 1px solid var(--red); } .styles_circleTextActive__aLeKD{ color: var(--red); } /* manufactor country======================================== */ .styles_manufacturCoutry__5kCqM{ } .styles_brandImg__MPJGP{ max-width: 105px; width: 100%; height: 35px; position: relative; } .styles_brandImg__MPJGP img{ position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0px; left: 0px; bottom: 0px; right: 0px; cursor: pointer; background: var(--white--inf); padding: 3px; border-radius: 5px; } /* checkbox======================================== */ .styles_checkboxWrapper__PlmrW input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .styles_checkboxWrapper__PlmrW label { position: relative; cursor: pointer; background: var(--white); width: 4.4%; height: 5%; } .styles_checkboxWrapper__PlmrW label:before { content: ""; -webkit-appearance: none; background-color: transparent; border: 1px solid var(--black); box-shadow: 0 1px 2px var(--box-shadow-light), inset 0px -15px 10px -12px var(--box-shadow-light); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .styles_checkboxWrapper__PlmrW input:checked + label:after { content: ""; display: block; position: absolute; top: 0; left: 8px; width: 6px; height: 14px; border: solid var(--white); border-width: 0 2px 2px 0; transform: rotate(45deg); } .styles_checkboxWrapper__PlmrW input:checked + label { background: var(--red); width: 4.4%; height: 5%; overflow: hidden; } @media(max-width:768px){ .styles_checkboxWrapper__PlmrW{ padding: 0px 10px; } .styles_checkboxWrapper__PlmrW label { width: 9.6%; } .styles_checkboxWrapper__PlmrW input:checked + label { width: 9.6%; } .styles_circleText__0Om1S{ font-size: 14px; } .styles_costContainer__hLGAB p{ font-size: 12px; } .styles_sortingItem__eu16k p span{ font-size: 12px; } .styles_switch__etmGM p{ font-size: 12px; } } .styles_titleBlock__cQuMZ { display: flex; justify-content: space-between; cursor: pointer; } .styles_titleBlock__cQuMZ .styles_title__u0dUU { cursor: pointer; font-size: 22px; font-weight: 700; line-height: 26px; color:var(--black) } .styles_titleBlock__cQuMZ:hover .styles_title__u0dUU { color: var(--red); } .styles_titleBlock__cQuMZ:hover svg path { stroke: var(--red); } .styles_arrow__2zKAX { display: flex; align-items: center; justify-content: space-between; transform: rotate(0deg); } .styles_dropDownBlock__SKWjO { display: flex; flex-direction: column; row-gap: 12px; height: fit-content; overflow: hidden; border-bottom: 1px solid var(--black); } @media (max-width:768px){ .styles_titleBlock__cQuMZ .styles_title__u0dUU { font-size: 14px; } } .styles_container__kmTWj { display: flex; flex-direction: column; row-gap: 14px; padding-bottom: 20px; width: 100%; } .styles_enableSlider__YDYbd { display: flex; justify-content: space-between; } .styles_sliderStyle__3St2v { width: 92%; margin: 5px auto 5px !important; } .styles_currentValues__QWcKy{ display: flex; justify-content: space-between; } .styles_trackStyle__txPKJ { background-color: var(--red); } .styles_values__ee-yl { display: flex; justify-content: space-between; align-items: center; width: 96%; margin: auto; } .styles_valueItem__lFwYl { margin: 0 !important; } .style._general_credit_banner__wOGq4 img{ width: 100%; height: 100%; object-fit: contain; } .style._payment_block_list__rL488 { margin: 60px 0 80px 0; display: flex; align-items: center; justify-content: center; padding: 56px; background: var(--gray); border-radius: 5px; } .style._payments_block__tm93l { gap: 24px; display: flex; width: 75%; align-items: center; justify-content: center; flex-wrap: wrap; } .style._choose_payment_type__7PCEe { max-width: 273px; width: calc(100% / 3 - 20px); height: 136px; cursor: pointer; border-radius: 5px; padding: 20px 18px 10px 18px; display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; row-gap: 14px; background-color: var(--white--inf); } .style._cart_img_types__Dwic3 { display: flex; justify-content: center; column-gap: 10px; } .style._cart_imgSvg2__7iefx { max-height: 80px; } .style._cart_imgSvg2__7iefx img { width: 100%; height: 100%; object-fit: contain; } .style._nameofcart_type__Ak\+wm{ font-size: 14px; text-transform: uppercase; font-weight: 600; text-align: center; color: black; } @media (max-width: 1280px){ .style._choose_payment_type__7PCEe { width: calc(100% / 3 - 16px); } .style._nameofcart_type__Ak\+wm{ font-size: 12px; } .style._payments_block__tm93l{ width: 90%; } } @media (max-width: 768px){ .style._choose_payment_type__7PCEe { width: calc(100% / 2 - 10px); height: 154px; padding: 15px; } .style._nameofcart_type__Ak\+wm{ font-size: 10px; } .style._payments_block__tm93l{ width: 100%; gap: 18px; } } @media (max-width: 600px){ .style._choose_payment_type__7PCEe { width: calc(100% / 2 - 10px); height: 154px; padding: 15px; } .style._nameofcart_type__Ak\+wm{ font-size: 10px; } .style._payments_block__tm93l{ width: 100%; gap: 18px; } } @media only screen and (max-width: 600px){ .style._payment_block_list__rL488 { padding: 30px 36px; margin: 20px 0 80px 0; } .style._choose_payment_type__7PCEe{ height: 150px; padding: 0 15px; } } @media only screen and (max-width: 430px){ .style._choose_payment_type__7PCEe{ width: 100%; } } .style._about_mini_description__slF1D { margin-top: 20px; } .style._privacy_policy_description__u7eep { font-size: 18px; line-height: 30px; } @media (max-width: 768px) { .style._privacy_policy_body__vtWP7 h1 { font-size: 24px; } } @media (max-width: 600px) { .style._privacy_policy_body__vtWP7 h1 { font-size: 20px; } } .style._general_credit_banner__ECrWL img { max-height: 100%; max-width: 100%; } .style._service_description__3fRFi { margin-top: 26px; } .style._agreement_block_top__e5N6n { margin-top: 26px; } .style._agreement_block__DHuWo { display: flex; flex-direction: column; gap: 24px; margin: 42px 0; height: 280px; padding-right: 82px; overflow: auto; } @media only screen and (max-width: 1024px) { .style._agreement_block__DHuWo { padding: 14px; height: auto; } } .style._agreement_block_loader__nm\+a8 {} .style._agreement_block_loader_item__CMH8I { margin: 20px 0 0; } .style._agreement_block__DHuWo p div { font-size: 18px; line-height: 28px !important; margin-bottom: 14px; color: var(--text-muted) !important; } .style._agreement_block__DHuWo::-webkit-scrollbar { height: 4px; width: 4px; } .style._agreement_block__DHuWo::-webkit-scrollbar-thumb { background-color: var(--red); } /*service_list start*/ .style._service_list_title__aGrzI h1 { color: var(--deep-blue-text); margin-top: 42px; } .style._not_free_service__FgSeo { display: flex; justify-content: center; gap: 26px 20px; flex-wrap: wrap; align-items: flex-start; margin: 42px 0 50px 0; } .style._service_item__EMjkm { display: flex; flex-direction: column; row-gap: 16px; text-align: center; cursor: pointer; align-items: center; justify-content: center; font-size: 16px; width: calc(100% / 7 - 20px); } .style._not_free_service_loading_item__2rQR1 { align-items: center; justify-content: center; height: 200px; width: calc(100% / 7 - 20px); } .style._service_square__JRGs1, .style._service_square_active__eu1nl { height: 164px; border-radius: 5px; display: flex; padding: 32px 44px; border: 1px solid transparent; justify-content: center; background-color: var(--gray); width: 100%; } .style._service_square__JRGs1:hover { border-color: var(--red); } .style._service_square_active__eu1nl { border-color: var(--red); } .style._service_square__JRGs1 img { height: 100%; width: 100%; object-fit: contain; } @media (max-width: 768px) { .style._service_list_title__aGrzI h1 { font-size: 24px; } } @media (max-width: 600px) { .style._service_list_title__aGrzI h1 { font-size: 20px; } } @media (max-width: 1280px) { .style._service_list_title__aGrzI h1 { font-size: 20px; } .style._service_item__EMjkm { width: calc(100% / 5 - 20px); } .style._not_free_service_loading_item__2rQR1 { width: calc(100% / 5 - 20px); } } @media (max-width: 1204px) { .style._service_item__EMjkm { width: calc(100% / 4 - 20px); } .style._not_free_service_loading_item__2rQR1 { width: calc(100% / 4 - 20px); } .style._service_square__JRGs1, .style._service_square_active__eu1nl { height: 200px; padding: 35px 48px; } } @media (max-width: 768px) { .style._service_item__EMjkm { width: calc(100% / 3 - 20px); } .style._not_free_service_loading_item__2rQR1 { width: calc(100% / 3 - 20px); } } @media (max-width: 600px) { .style._service_item__EMjkm { width: calc(100% / 2 - 20px); } .style._not_free_service_loading_item__2rQR1 { width: calc(100% / 2 - 20px); } .style._service_square__JRGs1, .style._service_square_active__eu1nl { height: 150px; padding: 20px 32px; } } @media (max-width: 375px) { .style._service_square__JRGs1, .style._service_square_active__eu1nl { height: 100px; } } /*service_list END*/ /*info_of_banks_block START*/ .style._info_of_banks_block__gHlEo { display: flex; border-radius: 5px; padding: 34px; gap: 16px; margin-bottom: 52px; justify-content: flex-start; align-items: flex-start; background-color: var(--gray); } .style._info_tables__jAHbJ { width: 100%; display: flex; gap: 16px; flex-direction: column; } .style._service_tables__RySMO { max-width: 898px; width: 100%; display: flex; flex-direction: column; gap: 16px; } .style._bank_info_title__eOxuY { width: 100%; padding: 16px; background: var(--light-gray-bg); border-radius: 2px; justify-content: center; text-transform: uppercase; font-size: 18px; font-weight: bold; } .style._term_title_inf__XJ7n\+ { padding: 8px 8px 8px 28px; min-height: 54px; display: flex; align-items: center; justify-content: space-between; text-align: start; background: var(--light-gray-bg); border-radius: 2px; font-size: 16px; color: var(--gray-old-price); } .style._service_tables_price__yeaCY { max-width: 455px; width: 100%; display: flex; flex-direction: column; gap: 16px; } /*info_of_banks_block END*/ .style._services_banner__Zr9P8 { height: 400px; } @media only screen and (max-width: 1280px) { .style._info_of_banks_block__gHlEo { flex-wrap: wrap; } .style._service_tables_price__yeaCY { max-width: 100%; } .style._services_banner__Zr9P8 { height: 300px; } } @media only screen and (max-width: 600px) { .style._info_of_banks_block__gHlEo { padding: 30px 14px; } .style._bank_info_title__eOxuY { font-size: 16px; } .style._term_title_inf__XJ7n\+ { font-size: 12px; padding: 8px 8px 8px 14px; } .style._service_tables_price__yeaCY { gap: 10px; } .style._info_tables__jAHbJ { gap: 10px; } .style._services_banner__Zr9P8 { height: 200px; } } @media only screen and (max-width: 400px) { .style._services_banner__Zr9P8 { height: 100px; } } .style._questions_body__DyKAy { } .style._questions_body__DyKAy h1 { } .style._questions_list_content__IrCG9 { display: flex; align-items: flex-start; gap: 30px; margin: 34px 0 62px 0; } .style._questions_list__U-Eav { max-width: 406px; width: 100%; background: var(--gray); border-radius: 5px; padding: 24px; display: flex; flex-direction: column; } .style._questions_item__Q4Iza { font-size: 18px; font-weight: bold; cursor: pointer; padding: 16px 10px; border-bottom: 1px solid var(--border-black-10); display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; } .style._input_filter_search__Ln7A2 { margin-bottom: 14px; position: relative; } .style._input_filter_search__Ln7A2 input { font-size: 14px; padding: 12px 30px 12px 20px; background-color: transparent; border-radius: 2px; border: 1px solid var(--black); width: 100%; } .style._input_filter_search__Ln7A2 input:focus { border-color: var(--green); } .style._search_filter_btn__s8rU- { cursor: pointer; border: none; background-color: transparent; position: absolute; top: 12px; right: 12px; } .style._questionsList_loader__ZuKeP { display: flex; width: 100%; gap: 40px; } .style._questionsList_loader_item__PGIa5 { width: 49%; height: 300px; } @media (max-width: 1280px) { .style._questions_list_content__IrCG9 { flex-direction: column; } .style._questionsList_loader__ZuKeP{ flex-direction: column; width: 100%; } .style._questionsList_loader_item__PGIa5{ width: 100%; } } @media (max-width: 600px) { .style._questions_list_content__IrCG9 { } .style._questions_body__DyKAy h1 { font-size: 20px; } } .style_questions_checked_item__Z-E7\+ { padding: 46px 76px; display: flex; flex-direction: column; border-radius: 5px; background-color: var(--gray); width: 100%; } .style_checked_item_title__gdT6g{ font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_filter_drop_down_block__oGG1Z{ display: flex; flex-direction: column; row-gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--black); } .style_filter_drop_down_title__MyK46{ display: flex; justify-content: space-between; padding-top: 18px; font-size: 18px; text-transform: none; align-content: space-between; cursor: pointer; } .style_rotate_svg_open__dD1dM{ transform: rotate(180deg); } .style_rotate_svg_open__dD1dM svg path{ stroke: var(--red); } .style_sub_answer_block__KTCic,.style_sub_answer_block_active__rQjj9{ max-height: 0; transition: .3s; opacity: 0; } .style_sub_answer_block__KTCic p { font-size: 16px; line-height: 26px; color: var(--about-text-color); margin-bottom: 0; } .style_sub_answer_block_active__rQjj9 p{ font-size: 16px; line-height: 26px; color: var(--about-text-color); margin-bottom: 0; } .style_sub_answer_block_active__rQjj9{ opacity: 1; max-height: 1000px; } @media (max-width: 750px) { .style_checked_item_title__gdT6g{ font-size: 18px; } } @media (max-width: 750px) { .style_questions_checked_item__Z-E7\+{ padding: 30px; } .style_filter_drop_down_title__MyK46{ font-size: 14px; } .style_sub_answer_block__KTCic,.style_sub_answer_block_active__rQjj9{ font-size: 12px; } } .style_questions_list__bP7Cd { max-width: 406px; width: 100%; background: var(--gray); border-radius: 5px; padding: 24px; display: flex; flex-direction: column; } .style_questions_item__cTtoZ,.style_questions_item_active__lC\+c3{ font-size: 18px; font-weight: bold; cursor: pointer; padding: 16px 10px; border-bottom: 1px solid var(--border-black-10); display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; } .style_questions_item_active__lC\+c3{ color: var(--red); } .style_questions_item_active__lC\+c3 span{ transform: rotate(-90deg); } .style_questions_item_active__lC\+c3 span svg path{ stroke: var(--red); } .style_input_filter_search__jzCds { margin-bottom: 14px; position: relative; } .style_input_filter_search__jzCds input { font-size: 14px; padding: 12px 30px 12px 20px; background-color: transparent; border-radius: 2px; border: 1px solid var(--black); width: 100%; } .style_input_filter_search__jzCds input:focus{ border-color: var(--green); } .style_search_filter_btn__eCgTI { cursor: pointer; border: none; background-color: transparent; position: absolute; top: 12px; right: 12px; } @media (max-width: 1280px) { .style_questions_list__bP7Cd{ max-width: none; } } @media (max-width: 600px) { .style_questions_item__cTtoZ,.style_questions_item_active__lC\+c3{ font-size: 16px; } .style_input_filter_search__jzCds input{ font-size: 10px; } } .style_brands_sub_title__LMMuC { text-align: center; margin-bottom: 40px; margin-top: 40px; } .style_image_style__kfCKV img { max-width: 100%; max-height: 100%; } .style_brand__small_slider_banners__P4oLQ { display: flex; margin-bottom: 48px; margin-top: 48px; gap: 30px; align-items: flex-start; } .style_small_categories_list__9w5El { width: 100%; gap: 30px; display: flex; } .style_brand_banners_list__r1SsI { display: flex; flex-direction: column; gap: 30px; } .style_small_categories_item_block__NQiL- { display: flex; flex-direction: column; gap: 30px; max-width: 320px; width: 100%; } .style_vikas_catalog_block__pmwEk { gap: 30px; margin: 64px 0 54px 0; align-items: flex-start; display: flex; } .style_vikas_catalog_images__zl09Y { max-width: 320px; min-width: 280px; width: 100%; display: flex; flex-direction: column; position: relative; z-index: 1; } .style_vikas_catalog_images__zl09Y> :not(:last-child) { margin: 0 0 20px; } .style_vikas_catalog_list__4Bqgl { max-width: calc(100% - 320px); display: flex; flex-direction: column; row-gap: 20px; width: 100%; } .style_vikas_catalog_list_title__Sk\+cg { text-align: center; } .style_catalog_list_cards__iL9T6 { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(210px, 310px)); flex-wrap: wrap; gap: 10px; } .style_more_prods__80\+XZ { justify-content: center; padding: 12px; margin-top: 50px; background-color: var(--gray); border-radius: 5px; text-transform: uppercase; cursor: pointer; font-size: 16px; border: 1px solid transparent; display: block; width: 100%; text-align: center; } .style_more_prods__80\+XZ:hover { color: var(--red); border-color: var(--red); } /*CATALOG END*/ .style_last_info_brand__IfNa3 { background: var(--gray); border-radius: 5px; padding: 56px; color: var(--gray-old-price); margin: 62px 0; font-size: 18px; line-height: 150%; } .style_brand_loader_categories_item__nP6i0 { width: 10%; height: 40px; } .style_brand_mini_slider_loader__yntD- { width: 50%; height: 500px; margin-top: 40px; } .style_brand_categories_item__WtrZV { gap: 20px; padding-bottom: 10px; overflow: auto; width: 100%; display: flex; } .style_brand_loader_categories__wLcga { display: flex; justify-content: center; align-items: center; gap: 40px; } .style_brand_mini_banners_loader__s-459 { height: 500px; width: 100%; } .style_brands_simple__bH2\+Y { padding: 14px 18px; font-size: 12px; cursor: pointer; min-width: max-content; border: 1px solid var(--black); } .style_brands_simple__bH2\+Y:hover { color: var(--red); border-color: var(--red); } .style_brands_simple_active__sNFEq { color: var(--red); border-color: var(--red); } .style_brand_banners_loader__PINcE { width: 100%; margin: 0 auto; height: 400px; margin-top: 30px; } .style_brand_text_loader__uTCkd { width: 100%; margin-top: 30px; } .style_brands_sub_title_loader__Dzd2I { width: 50%; margin: 0 auto; margin-bottom: 40px; margin-top: 40px; } .style_catalog_list_cards_loader__hWw1F { display: flex; gap: 20px; } .style_catalog_list_cards_loader_item__hhOII { width: 218px; height: 300px; } .style_last_info_brand_loader__eHbfd { border-radius: 5px; width: 100%; margin: 62px 0; height: 300px; } @media screen and (max-width: 1440px) { .style_vikas_catalog_block__pmwEk { justify-content: space-between; } .style_vikas_catalog_images__zl09Y { max-width: 320px; min-width: 280px; width: 100%; display: flex; flex-direction: column; } } @media screen and (max-width: 1100px) { .style_vikas_catalog_images__zl09Y { min-width: 250px; } .style_vikas_catalog_list__4Bqgl { max-width: calc(100% - 250px); } } @media (max-width: 1024px) { .style_vikas_catalog_list__4Bqgl { max-width: 100%; } .style_catalog_list_cards__iL9T6 { grid-template-columns: repeat(3, minmax(210px, 340px)); } .style_small_categories_list__9w5El { gap: 20px; } .style_small_categories_item_block__NQiL- { gap: 20px; } .style_vikas_catalog_block__pmwEk { flex-direction: column; } .style_vikas_catalog_images__zl09Y { flex-direction: row; width: 100%; max-width: none; gap: 20px; } .style_vikas_catalog_images__zl09Y> :not(:last-child) { margin: 0; } .style_catalog_list_cards__iL9T6 { width: 100%; } } @media (max-width: 804px) { .style_brand_mini_slider_loader__yntD- { width: 100%; height: 300px; margin-top: 20px; } } @media (max-width: 790px) { .style_vikas_catalog_block__pmwEk { flex-direction: column; } .style_vikas_catalog_images__zl09Y { max-width: 100%; width: 100%; } } @media (max-width: 788px) { .style_brand_banners_loader__PINcE { width: 100%; margin: 0 auto; height: 200px; } .style_brand_mini_slider_loader__yntD- { width: 100%; height: 300px; } } @media only screen and (max-width: 715px) { .style_catalog_list_cards__iL9T6 { grid-template-columns: repeat(2, minmax(180px, 340px)); } .style_small_categories_list__9w5El { flex-wrap: wrap; } .style_small_categories_item_block__NQiL-:nth-child(2) { width: calc(50% - 10px); min-width: auto; } .style_small_categories_item_block__NQiL-:nth-child(3) { width: 100%; flex-direction: row; max-width: none; } .style_small_categories_item_block__NQiL- { max-width: none; } } @media (max-width: 488px) { .style_brand_banners_loader__PINcE { width: 100%; margin: 0 auto; height: 150px; } .style_more_prods__80\+XZ { margin-top: 20px; } .style_last_info_brand__IfNa3 { padding: 32px 22px; margin: 32px 0; font-size: 14px; } .style_last_info_brand__IfNa3 p p { text-align: center !important; } } @media (max-width: 400px) { .style_catalog_list_cards__iL9T6 { grid-template-columns: repeat(2, minmax(130px, 340px)); } } .style_container__G6YZf { margin-bottom: 40px; position: relative; } .style_loadContent__EzPG- { width: 100%; height: auto; max-width: 1440px; aspect-ratio: 10 / 2.6; margin: 0 auto; } .style_slideBtn__0LzeA { z-index: 2; position: absolute; width: 50px; height: 50px; box-shadow: var(--box-shadow-slide-btn); justify-content: center; align-items: center; border-radius: 90px; background-color: var(--white); cursor: pointer; top: calc(50% - 25px); } .style_slidePrevArrow__Ceo-4 { left: 7%; transform: rotate(180deg); } .style_slideNextArrow__oZAN6 { right: 7%; } .style_slideBtn__0LzeA:hover svg path { stroke: var(--red); } .style_slideImg__rEEBt { width: 100%; max-height: 486px; object-fit: contain; } @media only screen and (max-width: 1280px) { .style_container__G6YZf { padding: 0; } } .style_brand_categories_item__D0gw2 { gap: 20px; padding-bottom: 10px; overflow: auto; justify-content: center; display: flex; align-items: center; } .style_brand_categories_item__D0gw2::-webkit-scrollbar { height: 2px; cursor: pointer; margin-top: 20px; } .style_brand_categories_item__D0gw2::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 2px; } .style_brand_categories_item__D0gw2::-webkit-scrollbar-track { background: var(--gray-light); } .style_brands_simple__f4Pa5 { padding: 14px 18px; font-size: 12px; cursor: pointer; min-width: max-content; border: 1px solid var(--black); } .style_brands_simple__f4Pa5:hover { color: var(--red); border-color: var(--red); } @media (max-width: 915px) { .style_brand_categories_item__D0gw2 { justify-content: inherit; } } .style_brand_small_slider__OT\+Fy { position: relative; max-width: 460px; } @media (max-width: 1284px) { .style_brand_small_slider__OT\+Fy, .style_brand_small_banners_item__hQnYb { max-width: 307px; } } @media (max-width: 768px) { .style_brand_small_slider__OT\+Fy { min-width: 225px; width: 225px; } } @media (max-width: 600px) { .style_brand_small_slider__OT\+Fy { min-width: auto; width: calc(50% - 10px); } } .style_slider_image__q8Jsi { border-radius: 10px; width: 100%; height: 100%; object-fit: contain; } .style_small_categores_item__FojfG { display: flex; justify-content: space-between; flex-direction: column; align-items: center; gap: 10px; background: var(--light-gray-green-bg); padding: 46px 38px 0 38px; max-width: none; height: 310px; } .style_mini_ban_img__yDsHs { height: 300px; } .style_mini_ban_img__yDsHs img { width: 100%; height: 100%; object-fit: contain; } @media (max-width: 1280px) { .style_mini_ban_img__yDsHs { height: 136px; } } @media (max-width: 1284px) { .style_small_categores_item__FojfG { height: 207px; padding: 18px 18px 0 18px; } } @media (max-width: 768px) { .style_small_categores_item__FojfG { height: 150px; padding: 12px 12px 0 12px; } .style_mini_ban_img__yDsHs { height: 100px; } .style_small_categores_item__FojfG span { font-size: 12px; } } @media (max-width: 600px) { .style_small_categores_item__FojfG { width: 100%; height: 100%; } } @media (max-width: 480px) { .style_mini_ban_img__yDsHs { height: 80px; } } @media (max-width: 420px) { .style_mini_ban_img__yDsHs { height: 70px; } } /* @media (max-width: 440px) { .style_mini_ban_img__yDsHs { height: 110px; } .style_small_categores_item__FojfG { width: 100%; height: 140px; justify-content: initial; } } */ .style_brand_banner_item__CjQlm a img { width: 100%; height: 100%; } .style_products__Eks4X { display: flex; flex-direction: row; align-items: center; gap: 52px; } .style_variationsContainer__Xwv\+P { min-width: 100%; width: max-content; padding-bottom: 30px; display: flex; flex-direction: column; gap: 14px; margin-top: 44px; } .style_variationTitle__Qwyn2 { font-size: 18px; text-transform: uppercase; font-family: "Mardoto-Bold"; } .style_variationValues__-vvPh { display: flex; padding: 18px 20px; justify-content: flex-start; align-items: flex-start; background-color: var(--back-gray); gap: 52px; min-width: 100%; width: max-content; } .style_variationValues__-vvPh span { font-size: 14px; min-width: 218px; width: 218px; } .style_compare_null_content__wM7mv{ background: var(--gray); border-radius: 5px; padding: 82px 20px 56px 20px; display: flex; flex-direction: column; row-gap: 24px; align-items: center; margin-bottom: 40px; justify-content: center; } .style_empty_compare_img__YbXWV{ max-width: 206px; width: 100%; } .style_empty_compare_page__zgack h1 { max-width: 600px; text-align: center; } @media (max-width: 768px){ .style_compare_null_content__wM7mv h1 { font-size: 22px; text-align: center; } } @media (max-width: 600px) { .style_compare_null_content__wM7mv h1 { font-size: 18px; text-align: center; } } .style_showModal__vVOyK { display: block; } .style_hideModal__1PxST { display: none; } .style_background__7uLTF { position: fixed; z-index: 9999999; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); } .style_closeReviewModaleBtn__IK7Ok { display: inline-block; color: var(--black); position: fixed; z-index: 9999999; right: 5px; top: 30px; transform: translate(-50%, -50%); cursor: pointer; opacity: 0.5; } .style_closeReviewModaleBtn__IK7Ok path { fill: var(--black); stroke: var(--black); } .style_closeReviewModaleBtn__IK7Ok:hover { opacity: 1; } .style_container__rzRLI { z-index: 50; display: flex; flex-direction: column; row-gap: 38px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 5px; /* overflow: auto; */ background-color: var(--white); } .style_openedContainer__8YOK7 { width: 631px; padding: 60px 40px; position: relative; max-width: 80%; max-height: 80%; } .style_mainSecond__tub55 { /* display: none; */ } .style_headContent__CVYJ\+ { margin-bottom: 60px; } .style_modalTitle__c8HJW { font-size: 22px; font-weight: 500; line-height: 26px; letter-spacing: 0em; text-align: center; } .style_modalBody__5kJcD {} .style_reaction__Kj5NM { filter: unset; } .style_faces__JJAJ6 { width: 100%; margin-bottom: 60px; display: flex; justify-content: center; } .style_reviewForm__bGPkY { width: 100%; } form { display: flex; flex-direction: column; justify-content: center; gap: 28px; } .style_reviewFormTextarea__9pmZY { width: 100%; border-radius: 10px; background: var(--gray); padding: 20px; outline: none; border: none; font-size: 16px; } textarea::placeholder { opacity: 0.5; } .style_submitButton__VGD8D { width: 187px; height: 46px; padding: 11.314px 13.371px; border-radius: 5px; border: none; background: var(--red); color: var(--white); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; cursor: pointer; align-self: center; } .style_popupBtn__OMcNJ { display: flex; justify-content: center; align-items: center; flex: 1 1 auto; } .style_vlvLogoModal__6qfPh { width: 40%; margin: 40px auto; } @media (max-width: 768px) { .style_openedContainer__8YOK7 { padding: 30px 20px; } .style_headContent__CVYJ\+, .style_faces__JJAJ6 { margin-bottom: 30px; } } @media (max-width: 480px) { .style_closeReviewModaleBtn__IK7Ok { display: none; } } .style._user_page__hvWN1 { position: relative; } .style._red_back__g-3qR { background: var(--light-pink-bg); position: absolute; top: 188px; height: 282px; width: 100%; z-index: -1; display: block; } .style._bonus_card_block__H0NoX { position: relative; max-width: 716px; height: 432px; width: 100%; } .style._bonus_card_block__H0NoX img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } .style._user_left_block__cliuE, .style._user_left_block_active__a62BV { gap: 18px; display: flex; align-items: flex-start; margin: 90px 0 170px 0; } .style._user_left_block_body__UV0E\+ { display: flex; gap: 18px; justify-content: flex-start; align-items: flex-start; width: 100%; } .style._user_three_general_categories__xB4TO { display: flex; flex-direction: column; gap: 10px; max-width: 342px; width: 100%; justify-content: space-between; } .style._user_favicon__Fglu8 { background: var(--gray-soft-bg); border: 2px solid transparent; border-radius: 5px; padding: 24px; display: flex; flex-direction: column; gap: 10px; cursor: pointer; min-height: 136px; } .style._user_favicon__Fglu8:hover { border-color: var(--red); } .style._title_fgc__2lVp3 { width: 100%; gap: 10px; flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; } .style._fgc_title__exxBJ { font-size: 18px; font-weight: bold; } .style._fgc_num__qHBt4 { font-size: 18px; color: var(--text-50); } .style._person_info___r1CZ2 { display: flex; column-gap: 10px; align-items: center; } .style._my_loc__vRIPI { font-size: 12px; } .style._person_img__YSNX5 { min-width: 66px; width: 66px; height: 66px; background-color: var(--light-background-gray); border-radius: 90px; justify-content: center; display: flex; align-items: center; } .style._user_Image__0-uD8 { max-width: 36px; max-height: 40px; } .style._user_Image__0-uD8 img { width: 100%; max-height: 100%; } .style._inf_person_about__KkBWW { width: 100%; display: flex; flex-direction: column; } .style._title_fgc__2lVp3 { gap: 10px; flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; } .style._name_person_inf__kxxly { font-size: 18px; font-weight: bold; } .style._edit_person_inf__esb5O { cursor: pointer; align-self: flex-start; } .style._edit_person_inf__esb5O svg:hover path { fill: var(--red); } @media only screen and (max-width: 1280px) { .style._user_left_block_body__UV0E\+ { flex-direction: column; } .style._bonus_card_block__H0NoX { max-width: none; height: 362px; } .style._user_three_general_categories__xB4TO { max-width: none; } .style._user_left_block__cliuE { margin: 50px 0 60px 0; } } @media only screen and (max-width: 768px) { .style._user_left_block__cliuE { flex-direction: column-reverse; } .style._user_favicon__Fglu8 { padding: 20px; } } @media only screen and (max-width: 600px) { .style._bonus_card_block__H0NoX { height: 202px; } .style._name_person_inf__kxxly { font-size: 14px; } } .style_prod_img_plus__z8Ni9{ justify-content: flex-start; width: max-content; display: flex; align-items: center; position: relative; } .style_dashboard_order_list__o1Lzj{ border-bottom: 1px dashed var(--border-dashed-light); padding: 15px 0; grid-gap: 20px; align-items: center; display: flex; } .style_round_mini_img__xoeXv,.style_mini_img1__AlVla{ width: 52px; height: 52px; border: 1px solid var(--red); border-radius: 90px; } .style_mini_img1__AlVla{ z-index: 10; } .style_mini_img2__dXLCs{ margin-left: -14px; z-index: 9; } .style_mini_img3__y5wBD{ margin-left: -14px; z-index: 9; } .style_mini_img4__6QyW3{ margin-left: -14px; filter: brightness(50%); } .style_round_mini_img__xoeXv img{ width: 100%; height: 100%; } .style_plus_num__5kudS{ position: absolute; right: 18px; font-size: 18px; z-index: 7; font-weight: bold; color: var(--white); } @media only screen and (max-width: 600px){ .style_round_mini_img__xoeXv { width: 35px; height: 35px; } } .style_user_page__fUExq {} .style_user_page_body__kkxhg { display: flex; gap: 18px; align-items: flex-start; margin: 90px 0 170px 0; } .style_for_user_person__dA2he { display: flex; width: 100%; flex-direction: column; gap: 30px; } .style_for_user_person_title__OrQKN { gap: 10px; display: flex; align-items: center; } .style_back_to_user__8B-05 { display: none; cursor: pointer; width: 54px; height: 54px; background-color: var(--gray); justify-content: center; border-radius: 6px; border: 1px solid transparent; } .style_user_second_title__JRQ6C { font-size: 30px; font-weight: bold; color: black; text-transform: uppercase; } .style_already_created_info__mrsbh { padding: 18px 28px; gap: 16px; min-height: 90px; border-radius: 5px; background-color: var(--gray); display: flex; align-items: center; justify-content: space-between; width: 100%; } .style_person_info___DTVcN { display: flex; column-gap: 20px; align-items: center; } .style_person_img__zQSSq { min-width: 54px; width: 54px; height: 54px; background-color: var(--light-background-gray); border-radius: 90px; justify-content: center; display: flex; align-items: center; } .style_user_Image__Uoe6Z { max-width: 18px; max-height: 22px; } .style_user_Image__Uoe6Z img { width: 100%; max-height: 100%; } .style_inf_person_about__FAZiA { display: flex; column-gap: 20px; align-items: center; } .style_name_person_inf__QL6xQ { font-size: 18px; font-weight: bold; } .style_phone_mail__te3N\+ { display: flex; column-gap: 16px; align-items: center; } .style_chosen_phone_mail_user__HzPuM { display: flex; align-items: center; column-gap: 8px; color: var(--text-50); font-size: 14px; } .style_edit_personal_inf__nfi8K { cursor: pointer; align-self: flex-start; } .style_user_title__yzzkn { font-size: 24px; font-weight: bold; text-transform: uppercase; } .style_already_created_info__mrsbh { padding: 18px 28px; gap: 16px; min-height: 90px; } .style_password_area__7\+d9b { position: relative; width: 100%; } .style_password_area__7\+d9b input { padding: 14px 28px; border: none; width: 100%; background-color: var(--white); } .style_save_person_inf_btn__\+imMn { padding: 14px; max-width: 238px; font-size: 14px; width: 100%; justify-content: center; color: var(--white); border-radius: 5px; border: none; cursor: pointer; background-color: var(--red); } .style_save_person_inf_btn__\+imMn:hover { background-color: var(--dark-red); } .style_eye_line__3ebX4, .style_eye__1ko99 { position: absolute; right: 10px; top: 10px; cursor: pointer; } .style_cun_cum__he0jm { font-size: 16px; font-weight: 600; } .style_check_discounted__gfEhi, .style_check_discounted_active__83mrC { width: 62px; height: 28px; background-color: var(--black); border-radius: 4px; position: relative; cursor: pointer; } .style_check_discounted__gfEhi::before, .style_check_discounted_active__83mrC::before { content: ""; position: absolute; left: 1px; top: 2px; width: 50%; height: 82%; background-color: var(--white); border-radius: 2px; transition: 0.3s; } .style_check_discounted_active__83mrC { background-color: var(--red); } .style_check_discounted_active__83mrC::before { left: 30px; } .style_inputError__i\+oS5::placeholder { color: var(--red); } @media (max-width: 1280px) { .style_already_created_info__mrsbh { flex-wrap: wrap; } .style_user_page_body__kkxhg { margin: 50px 0 60px 0; } } @media (max-width: 1000px) { .style_user_page_body__kkxhg { flex-direction: column-reverse; } } @media (max-width: 768px) { .style_name_person_inf__QL6xQ { font-size: 14px; font-weight: bold; } .style_back_to_user__8B-05 { display: flex; align-items: center; } .style_chosen_phone_mail_user__HzPuM { font-size: 12px; } .style_user_second_title__JRQ6C { font-size: 18px; } } @media (max-width: 648px) { .style_inf_person_about__FAZiA { flex-wrap: wrap; gap: 10px; } } @media (max-width: 430px) { .style_person_info___DTVcN { gap: 12px; flex-wrap: wrap; } .style_back_to_user__8B-05 { width: 40px; height: 40px; padding: 10px; } .style_phone_mail__te3N\+ { flex-wrap: wrap; gap: 10px; } } @media (max-width: 375px) { .style_person_info___DTVcN { gap: 12px; flex-wrap: nowrap; } .style_already_created_info__mrsbh { padding: 18px 8px; gap: 6px; } .style_already_created_info_first__0uTpm { flex-wrap: nowrap; } } .style_back_to_user__0Xq9O { display: none; cursor: pointer; width: 54px; height: 54px; background-color: var(--gray); justify-content: center; border-radius: 6px; border: 1px solid transparent; } @media (max-width: 768px) { .style_back_to_user__0Xq9O { display: flex; align-items: center; } } .style._personal_info_form__AczLe { max-width: 530px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; row-gap: 13px; overflow: auto; border-radius: 5px; background-color: var(--white); margin: 0 auto; } .style._personal_info_form__AczLe span { font-style: normal; font-weight: 700; font-size: 20.6297px; line-height: 24px; text-transform: uppercase; color: var(--black); } .style._add_personal_inputs__zFH9- { display: flex; gap: 20px; } .style._add_personal_inputs__zFH9- input { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--gray); border-radius: 5px; border: 1px solid transparent; } .style._add_personal_inputs__zFH9- input::placeholder { opacity: .3; } .style._order_inputs_name__hH9V6 { width: 100%; } .style._textarea_comment_order__6hqzC { min-height: 100px; width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--gray); border-radius: 5px; border: 1px solid transparent; resize: none; outline: none; } .style._add_personal_inputs__zFH9- input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .style._add_personal_inputs__zFH9- input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .style._add_personal_inputs__zFH9- input[type="number"] { -moz-appearance: textfield; } .style._textarea_comment_order__6hqzC:focus { border-color: var(--green); } .style._add_personal_inputs__zFH9- input:focus { border-color: var(--green); } .style._inputError__hATyl { border-color: var(--red) !important; } .style._order_submit__GMO1G { width: 100%; padding: 16px; font-size: 14px; color: var(--white); border: none; cursor: pointer; border-radius: 5px; background-color: var(--red); justify-content: center; } .style._order_submit__GMO1G:hover { background-color: var(--dark-red); } @media (max-width: 600px) { .style._add_personal_inputs__zFH9- { flex-direction: column; } .style._order_form__0Ds0N { padding: 26px 20px 16px 20px; } } .style._inputError__hATyl { color: var(--red); } .style._user_page__7pynA {} .style._user_page_body__8xQuy { display: flex; gap: 18px; align-items: flex-start; margin: 90px 0 170px 0; } .style._addresses_content__rORen { display: flex; flex-direction: column; width: 100%; gap: 26px; } .style._user_second_title__wUIm0 { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style._fill_show__swkpL { font-size: 14px; } .style._user_loc_block__Trhae { width: 100%; border-radius: 5px; display: flex; flex-direction: column; gap: 26px; padding: 32px 26px 26px 26px; background-color: var(--gray); } .style._addresses_title__pUMHB { display: flex; align-items: center; gap: 10px; } .style._inputError__u\+W6B { border-color: var(--red) !important; } .style._addresses_title__pUMHB span { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style._add_another_addr__iB6rR { padding: 10px 36px; color: var(--white); font-size: 14px; border-radius: 5px; width: max-content; cursor: pointer; background-color: var(--red); border: none; } .style._if_user_has_address_disabled__RsG03 { display: none; } .style._add_another_addr__iB6rR:hover { background-color: var(--dark-red); } .style._for_delivery__-Osot { display: none; } .style._for_delivery_active__VS809 { display: block; } .style._addresses_form__pJMfR { margin-top: 26px; } .style._add_personal_inputs_block__-am5F {} .style._add_personal_inputs_name__zLvIj { gap: 20px; display: flex; } .style._add_personal_inputs__yRtBs { width: 100%; } .style._add_personal_inputs__yRtBs input { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--white); border-radius: 5px; border: 1px solid transparent; } .style._add_personal_inputs_name__zLvIj { display: flex; } .style._add_personal_inputs_block__-am5F { display: flex; flex-direction: column; gap: 26px; } .style._addresses_form_maps__xcSnk { height: 390px; margin-top: 26px; margin-bottom: 26px; } .style._save_fills_btn__Cyjbv { padding: 20px 106px; border-radius: 5px; font-size: 16px; color: var(--white); border: none; cursor: pointer; background-color: var(--red); margin-top: 26px; } .style._edit_fills_btn__Zyed\+ { padding: 10px 36px; border-radius: 5px; font-size: 16px; color: var(--white); border: none; cursor: pointer; background-color: var(--red); margin-top: 26px; } .style._save_fills_btn__Cyjbv:hover { background-color: var(--dark-red); } .style._edit_fills_btn__Zyed\+:hover { background-color: var(--dark-red); } @media (max-width: 768px) { .style._user_page_body__8xQuy { flex-direction: column-reverse; margin: 50px 0 60px 0; } .style._addresses_title__pUMHB span { font-size: 18px; } } @media (max-width: 430px) { .style._fill_show__swkpL { font-size: 10px; } .style._add_personal_inputs_name__zLvIj { flex-direction: column; } .style._save_fills_btn__Cyjbv { padding: 20px 66px; border-radius: 5px; font-size: 16px; color: var(--white); border: none; cursor: pointer; background-color: var(--red); margin-top: 26px; } } .style_user_address_list__tVZdb { display: flex; flex-direction: column; row-gap: 24px; } .style_user_address_item__UH4ip { display: flex; width: 100%; justify-content: space-between; } .style_edit_person_inf__kksaQ { align-items: center; display: flex; gap: 20px; } .style_edit_person_inf__kksaQ svg { cursor: pointer; } .style_edit_person_inf__kksaQ svg:hover path { fill: var(--red); } .style_user_address_info__anh09 { display: flex; gap: 10px; align-items: center; } .style_user_address_info__anh09 span { font-size: 12px; opacity: 0.6; cursor: pointer; } .style_check_address__tppCS, .style_check_address_active__mb2ZI { position: relative; width: 15px; height: 15px; border-radius: 50%; background-color: var(--light-background-gray); display: flex; align-items: center; justify-content: center; transition: .3s; } .style_check_address__tppCS::after, .style_check_address_active__mb2ZI::after { content: ''; position: absolute; width: 100%; border-radius: 50%; height: 100%; left: 0; top: 0; transition: .3s; } .style_check_address__tppCS::before, .style_check_address_active__mb2ZI::before { content: ''; position: absolute; width: 50%; height: 50%; left: 4px; top: 3px; border-radius: 50%; z-index: 2; transition: .3s; } .style_check_address_active__mb2ZI::before { background-color: var(--white); } .style_check_address_active__mb2ZI::after { background-color: var(--red); } .style._delete_modal_info__Im7hW { display: flex; align-items: center; flex-direction: column; gap: 20px; } .style._small2_warning__q3Klu { display: flex; align-items: center; border-color: var(--alert-border); color: var(--alert-color); position: relative; justify-content: center; width: 5em; height: 5em; border: 0.25em solid var(--black); border-radius: 50%; font-family: inherit; } .style._small2_icon_content__ju6b- { display: flex; align-items: center; font-size: 3.75em; } .style._small2_title__Z0Iu4 { max-width: 100%; margin: 0; color: inherit; font-size: 1.875em; font-weight: 600; text-align: center; position: relative; text-transform: none; word-wrap: break-word; opacity: .7; } .style._small2_sub_title__zzpZL { opacity: .7; } .style._delete_modal_info_btn__-ZVn4 button { margin: 0.3125em; padding: 0.625em 1.1em; transition: box-shadow .1s; box-shadow: 0 0 0 3px var(--black); font-weight: 500; } .style._tools_blue_btn__6SOUR { display: inline-block; background-color: var(--primary-bg); border: 0; border-radius: 0.25em; color: var(--white); font-size: 1em; cursor: pointer; } .style._tools_red_btn__cyc2i { display: inline-block; background-color: var(--red); border: 0; border-radius: 0.25em; color: var(--white);; font-size: 1em; cursor: pointer; } .style._tools_blue_btn__6SOUR:hover { background-color: var(--primary-bg-alt); } .style._tools_red_btn__cyc2i:hover { background-color: var(--dark-red); } .style_user_page__h0Y0x {} .style_user_page_body__by1GP { display: flex; gap: 18px; align-items: flex-start; margin: 90px 0 170px 0; } .style_null_history_title__iUhfk { display: flex; align-items: center; gap: 10px; } .style_null_history_title__iUhfk span { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style_novu_favs__e5mzY { margin-top: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; align-self: center; } .style_null_history__yakn5 { width: 100%; } .style_novu_favs_text__-Kw6X { text-align: center; font-size: 25px; font-weight: bold; color: var(--black); text-transform: uppercase; } @media (max-width: 768px) { .style_user_page_body__by1GP { flex-direction: column-reverse; margin: 50px 0 60px 0; } } .style._user_page__Cx4XQ {} .style._user_page_body__qOfMS { display: flex; gap: 18px; align-items: flex-start; margin: 90px 0 170px 0; } .style._null_history_title__zR99N { display: flex; align-items: center; gap: 10px; } .style._null_history_title__zR99N span { font-size: 30px; font-weight: bold; color: black; text-transform: uppercase; } .style._novu_favs__XYXFz { margin-top: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; align-self: center; } .style._null_history__kMWik { width: 100%; } .style._novu_favs_text__NkCA6 { text-align: center; font-size: 25px; font-weight: bold; color: var(--black); text-transform: uppercase; } @media (max-width: 768px) { .style._user_page_body__qOfMS { flex-direction: column-reverse; margin: 50px 0 60px 0; } } .style._user_page__ueHNA {} .style._user_page_body__ScWNd { display: flex; gap: 18px; align-items: flex-start; margin: 90px 0 170px 0; } .style._null_history_title__IMh-l { display: flex; align-items: center; gap: 10px; } .style._null_history_title__IMh-l span { font-size: 30px; font-weight: bold; color: var(--black); text-transform: uppercase; } .style._novu_favs__LtztL { margin-top: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; align-self: center; } .style._null_history__y30i2 { width: 100%; } .style._novu_favs_text__8aD0v { text-align: center; font-size: 25px; font-weight: bold; color: var(--black); text-transform: uppercase; } @media (max-width: 768px) { .style._user_page_body__ScWNd { flex-direction: column-reverse; margin: 50px 0 60px 0; } } .style_leftLoad__sEmgb { min-width: 248px; height: 500px; } .style_logLoad__BG1Sr { max-width: 248px; height: 100px; margin-top: 10px; margin-bottom: 10px; } .style_rightLoad__pUYdQ { width: 100%; height: 500px; margin-left: 89px; } .style_sliderLoad__US4Sa { width: 100%; height: 500px; margin-top: 40px; } .style_bottomLoad__ZkZ7k { width: 100%; height: 700px; } .style_title__CGC1r { display: flex; align-items: center; justify-content: flex-start; column-gap: 16px; margin-bottom: 46px; position: relative; } .style_title__CGC1r img { max-width: 150px; background: var(--bg-productCard); padding: 3px; border-radius: 7px; } .style_titleText__ga5Rm { font-size: 30px; font-weight: bold; text-transform: uppercase; } .style_titleCount__E789u { padding: 4px 16px; color: var(--white--inf); font-weight: bold; background-color: var(--red); border-radius: 90px; font-size: 18px; margin-bottom: -5px; } .style_brandTop__hyOuo { display: flex; justify-content: space-between; } .style_brandLeft__NCugN { min-width: 248px; width: 248px; padding: 50px 0px 50px 20px; background-color: var(--gray); border-radius: 5px; overflow: hidden; height: 80%; } .style_brandLeftContainer__GebDa { display: flex; flex-direction: column; } .style_brandLeftContainer__GebDa h1 { margin-bottom: 45px; font-size: 26px; font-weight: 700; line-height: 30px; color: var(--black); } .style_brandLeftList__CamEk { display: flex; flex-direction: column; } .style_brandLeftList__CamEk :not(:last-child) { display: inline-block; margin-bottom: 18px; } .style_brandLeftList__CamEk span { cursor: pointer; color: var(--black); font-size: 18px; font-weight: 400; line-height: 26px; } .style_brandLeftList__CamEk span:hover { color: var(--red); } .style_brandRight__mUAZP { width: 100%; margin-left: 89px; display: grid; gap: -20px; justify-content: space-between; grid-template-columns: minmax(100px, 234px) minmax(100px, 234px) minmax(100px, 234px) minmax(100px, 234px); row-gap: 30px; /* column-gap: 20px; */ } .style_brandRightItem__Luah4 { width: 100%; height: 269px; display: flex; flex-direction: column; align-items: center; } .style_brandRightItemTop__\+mwlK { width: 100%; height: 219px; border-radius: 229px; background-color: var(--gray-20); margin-bottom: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .style_brandRightItemTop__\+mwlK img { max-width: 144px; width: 100%; height: 144px; } .style_brandRightItem__Luah4 { transition: all 1s ease-out } .style_brandRightItem__Luah4:hover img { transform: scale(1.2, 1.2); transition: all 1s ease-out; } .style_brandRightItem__Luah4:hover span { color: var(--red); transition: all 1s ease-out; } .style_brandRightItemBottom__nTHR2 { text-align: center; } .style_brandRightItemBottom__nTHR2 span { font-size: 17px; font-weight: 400; line-height: 20px; color: var(--black); cursor: pointer; } .style_brandRightItemBottom__nTHR2 span:hover { color: var(--red); } .style_sliderbrand__tWgad { margin: 15px 0 50px; } .style_brandBottom__Ijrpi { margin-top: 73px; display: flex; flex-direction: column; } .style_brandBottomTop__IOpNy { margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center; } .style_brandBottomTopItemLeft__KS0mx { flex: 1 1 100%; } .style_brandBottomTopLeftContent__6hOsC { display: flex; flex-direction: column; justify-content: center; } .style_brandBottomTopLeftContent__6hOsC h3 { font-size: 30px; font-weight: 700; line-height: 35px; } .style_brandBottomTopLeftContent__6hOsC p { width: 100%; margin-top: 16px; font-size: 22px; font-weight: 400; line-height: 26px; } .style_brandBottomTopItemRight__4\+EEY { flex: 1 1 100%; margin-left: 99px; } .style_brandBottomTopItemRightContent__f2Q8Y { max-width: 681px; width: 100%; height: 454px; } .style_brandBottomTopItemRightContent__f2Q8Y img { border-radius: 10px; } /* .style_brandBottomBottom__xuRFI{ min-height: 260px; } */ .style_brandBottomBottom__xuRFI p { width: 100%; font-size: 22px; font-weight: 400; line-height: 26px; } @media(max-width:1400px) { .style_brandRight__mUAZP { margin-left: 40px; } .style_brandRight__mUAZP { gap: 20px; justify-content: space-between; grid-template-columns: minmax(100px 180px) minmax(100px 180px) minmax(100px 180px) minmax(100px 180px) !important; } .style_brandRightItemTop__\+mwlK { height: 210px; } .style_brandRightItemTop__\+mwlK img { max-width: 100px; width: 100%; height: 100px; } } @media(max-width:1230px) { .style_brandRight__mUAZP { gap: -20px; justify-content: space-between; grid-template-columns: minmax(100px 160px) minmax(100px 160px) minmax(100px 160px) minmax(100px 160px); } .style_brandRightItemTop__\+mwlK img { max-width: 100px; width: 100%; height: 100px; } .style_brandRightItemTop__\+mwlK { height: 180px; } } @media(max-width:1100px) { .style_brandRightItemTop__\+mwlK img { max-width: 80px; width: 100%; height: 80px; } .style_brandRightItemTop__\+mwlK { height: 140px; } } @media(max-width:992px) { .style_rightLoad__pUYdQ { margin-left: unset; } .style_leftLoad__sEmgb { display: none; } .style_brandRight__mUAZP { gap: -20px; justify-content: space-between; grid-template-columns: minmax(100px 180px) minmax(100px 180px) minmax(100px 180px) minmax(100px 180px); } .style_brandLeft__NCugN { display: none; } .style_brandRight__mUAZP { margin-left: unset; } .style_brandBottom__Ijrpi { margin-top: 50px; } .style_brandRightItemTop__\+mwlK { height: 180px; } .style_brandBottomTop__IOpNy { margin-bottom: 50px; flex-direction: column; } .style_brandBottomTopItemLeft__KS0mx { margin-bottom: 50px; } .style_brandBottomTopItemRight__4\+EEY { margin-left: unset; width: 100%; } .style_brandBottomTopItemRightContent__f2Q8Y { max-width: 100%; width: 100%; } .style_brandRightItemTop__\+mwlK img { max-width: 120px; width: 100%; height: 120px; } } @media(max-width:768px) { .style_brandRight__mUAZP { grid-template-columns: 200px 200px 200px; } .style_brandRightItemTop__\+mwlK { height: 190px; } } @media(max-width:686px) { .style_brandRight__mUAZP { grid-template-columns: 170px 170px 170px; } .style_brandRightItemTop__\+mwlK { height: 170px; } } @media(max-width:550px) { .style_brandRight__mUAZP { gap: -20px; /* column-gap: 90px; */ justify-content: space-between; grid-template-columns: minmax(100px, 200px) minmax(100px, 200px); } .style_brandRightItemTop__\+mwlK { height: 190px; } } @media(max-width:470px) { .style_brandRight__mUAZP { grid-template-columns: 1fr 1fr; } .style_brandRightItemTop__\+mwlK { height: 190px; } } @media(max-width:470px) { .style_brandRightItemTop__\+mwlK { height: 170px; } } @media(max-width:393px) { .style_brandRight__mUAZP { grid-template-columns: 1fr 1fr; row-gap: 27px; } .style_brandRightItemTop__\+mwlK { height: 160px; } .style_brandBottom__Ijrpi { margin-top: 20px; } .style_sliderbrand__tWgad { margin-top: unset; } .style_brandBottomTopItemLeft__KS0mx { margin-bottom: 32px; } .style_brandBottomTop__IOpNy { margin-bottom: 48px; } .style_brandRightItemBottom__nTHR2 span { font-size: 11px; font-weight: 400; line-height: 13px; } .style_brandBottomTopLeftContent__6hOsC h3 { font-size: 20px; font-weight: 700; line-height: 23px; } .style_brandBottomTopLeftContent__6hOsC p { font-size: 16px; font-weight: 400; line-height: 19px; } } @media(max-width:360px) { .style_titleText__ga5Rm { font-size: 25px; } .style_brandRight__mUAZP { grid-template-columns: 1fr 1fr; row-gap: 27px; } .style_brandRightItemTop__\+mwlK { height: 140px; } .style_brandRightItemTop__\+mwlK img { max-width: 98px; width: 100%; height: 98px; } } /* .GroupCreditModal_timeForEndSale__X4THf, .GroupCreditModal_priceAverageBlock__DnMnP, .GroupCreditModal_creditBlock__0XFu3, .GroupCreditModal_countAddCartBuyNowBlock__fB\+4l, .GroupCreditModal_cardBtn__GELX\+, .GroupCreditModal_pricen__8PQXE, .GroupCreditModal_price__-lI2N, .GroupCreditModal_newPrice__5rrZY, .GroupCreditModal_oldPrice__3donJ, .GroupCreditModal_priceMounth__ljs8q, .GroupCreditModal_priceText__hgT-S, .GroupCreditModal_compareHeart__xmBZ2, .GroupCreditModal_buyBtn__ltdjF, .GroupCreditModal_cashbackPrice__dCtgU { display: none !important; } */ .GroupCreditModal_background__R8tQE { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); z-index: 99999999999; display: flex; justify-content: center; align-items: center; } .GroupCreditModal_main__1Krr9 { max-width: 530px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; row-gap: 20px; overflow: auto; border-radius: 5px; padding: 36px 30px 26px 30px; background-color: var(--white); margin: 0 auto; } .GroupCreditModal_loaderMain__iKdjx { max-width: 530px; width: 100%; height: 90vh; background-color: var(--white); min-width: 300px; } .GroupCreditModal_header__s7NKZ { width: 100%; display: flex; align-items: center; justify-content: space-between; } .GroupCreditModal_title__IY3h5 { font-size: 25px; font-weight: bold; color: var(--black); text-transform: uppercase; } .GroupCreditModal_closeBtn__EVN7g { align-self: flex-end; cursor: pointer; } .GroupCreditModal_twoInputs__HBVoT { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .GroupCreditModal_input__WSKYk { width: 100%; padding: 12px 24px; font-size: 14px; background-color: var(--back-gray); border-radius: 5px; border: 1px solid transparent; outline: none; } .GroupCreditModal_input__WSKYk:focus { border-color: var(--green); } .GroupCreditModal_priceBlock__3iALZ { width: 100%; column-gap: 6px; display: flex; align-items: center; justify-content: space-between; } .GroupCreditModal_priceText__hgT-S { font-size: 16px; color: var(--modal-bg-login); } .GroupCreditModal_paymentTitle__uoRuH { font-size: 20px; font-weight: bold; text-transform: uppercase; } .GroupCreditModal_paymentsBlock__vmSsr { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 18px; justify-content: flex-start; } .GroupCreditModal_buyBtn__ltdjF { display: flex; align-items: center; border-radius: 5px; justify-content: center; background-color: var(--red); width: 100%; padding: 16px; cursor: pointer; } .GroupCreditModal_buyBtn__ltdjF:hover { background-color: var(--dark-red); } .GroupCreditModal_buyBtn__ltdjF span { font-size: 14px; font-family: "Mardoto-Regular"; color: var(--white--inf); } .GroupCreditModal_main__1Krr9::-webkit-scrollbar-track { background: var(--gray-scroll-track); border-radius: 4px; height: 19px; } .GroupCreditModal_main__1Krr9::-webkit-scrollbar-thumb { background-color: var(--red); border-radius: 10px; background-clip: padding-box; transition: all 300ms ease-out; } .GroupCreditModal_main__1Krr9::-webkit-scrollbar { height: 4px; width: 4px; } .GroupCreditModal_errorMessage__efT2k { width: 100%; text-align: center; color: var(--red); } @media only screen and (max-width: 768px) { .GroupCreditModal_main__1Krr9 { max-height: 80vh; } .GroupCreditModal_title__IY3h5 { font-size: 20px; } } @media only screen and (max-width: 600px) { .GroupCreditModal_main__1Krr9 { width: 95%; max-height: 80vh; } .GroupCreditModal_twoInputs__HBVoT { gap: 16px; flex-direction: column; } } @media only screen and (max-width: 430px) { .GroupCreditModal_twoInputs__HBVoT { flex-direction: column; gap: 20px; } .GroupCreditModal_paymentsBlock__vmSsr { gap: 10px; } } .paginate { position: relative; & .swiper-wrapper { height: calc(100% - 15px) !important; & .swiper-slide { height: 100% !important; } } & .swiper-pagination { bottom: 0 !important; height: auto; background-color: transparent; & .swiper-pagination-bullet-active { background-color: var(--red); } } } /* .GroupPurchaseOfProducts_timeForEndSale__0mCbz, .GroupPurchaseOfProducts_priceAverageBlock__kNQHS, .GroupPurchaseOfProducts_creditBlock__1tbx\+, .GroupPurchaseOfProducts_countAddCartBuyNowBlock__nBXxq, .GroupPurchaseOfProducts_cardBtn__poSc2, .GroupPurchaseOfProducts_pricen__ZRvLS, .GroupPurchaseOfProducts_price__W0YfD, .GroupPurchaseOfProducts_newPrice__Blc5g, .GroupPurchaseOfProducts_oldPrice__iG8xA, .GroupPurchaseOfProducts_priceMounth__ezt8W, .GroupPurchaseOfProducts_priceText__56JF9, .GroupPurchaseOfProducts_compareHeart__FLbQP, .GroupPurchaseOfProducts_buyBtn__Bj8Cy, .GroupPurchaseOfProducts_GroupInfoBlock__oMRl9, .GroupPurchaseOfProducts_cashbackPrice__oc6Xo { display: none !important; } */ .GroupPurchaseOfProducts_Container__NYe20 { width: 100%; display: grid; row-gap: 40px; } .GroupPurchaseOfProducts_paginationContainer__iX-Sl { display: flex; justify-content: center; align-items: center; margin-top: 20px; } .GroupPurchaseOfProducts_GroupPurchaseOfProducts_renderedContainer__1W5q- { width: 100%; display: grid; grid-template-columns: 1fr minmax(290px, 317px); justify-content: space-between; gap: 60px; } .GroupPurchaseOfProducts_ProductsPatents__L63Jw { display: grid; grid-template-columns: minmax(170px, 1fr) 56.66px minmax(170px, 1fr) 56.66px minmax(170px, 1fr); align-items: stretch; justify-content: space-between; gap: 41px; } .GroupPurchaseOfProducts_GroupProductItem__XcIEQ { border: 0.65px solid var(--grey-shingle); padding: 13.29px; border-radius: 9.74px; } .GroupPurchaseOfProducts_GroupInfoBlock__oMRl9 { align-self: center; margin-top: 20px; } .GroupPurchaseOfProducts_GroupPriceAndSale__FcQlN { display: flex; align-items: center; gap: 20.79px; } .GroupPurchaseOfProducts_GroupProductPlusIcon__OAjDv { align-self: center; min-width: 14px; min-height: 14px; max-width: 56.66px; max-height: 56.66px; aspect-ratio: 1/1; } .GroupPurchaseOfProducts_GroupSaleParent__wMEBk { width: 49px; height: 49px; display: grid; place-items: center; position: relative; } .GroupPurchaseOfProducts_GroupSalePercent__b1fqr { font-size: 14.83px; font-style: italic; font-weight: 900; text-align: left; color: var(--white); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .GroupPurchaseOfProducts_GroupPrice__gErTa { font-size: 27px; font-weight: 900; line-height: 46.88px; text-align: left; color: var(--red); } .GroupPurchaseOfProducts_GroupInfoCash__-glzg { border: 1px solid var(--gray-border-medium); border-radius: 19px; padding: 16px 19px; } .GroupPurchaseOfProducts_GroupCreditContainer__LQQTD { gap: 20px; margin-top: 7px; display: flex; align-items: center; } .GroupPurchaseOfProducts_GroupCreditTitle__mTEQ2 { font-size: 12.09px; font-weight: 700; line-height: 14.17px; text-align: left; color: var(--black); text-transform: uppercase; } .GroupPurchaseOfProducts_GroupCreditPrice__vdtDo { font-size: 16.12px; font-weight: 700; line-height: 18.9px; text-align: left; color: #282828; } .GroupPurchaseOfProducts_GroupBuyContainer__7ENgr { display: flex; justify-content: space-between; align-items: center; margin-top: 30.43px; } .GroupPurchaseOfProducts_GroupButtonBuyNow__GWgYl { border: none; width: fit-content; padding: 11.31px 13.37px; gap: 10.29px; border-radius: 10px; background: var(--red); color: var(--white); display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: var(--red); font-size: 16px; font-weight: 500; &:hover { background: var(--dark-red); } } .GroupPurchaseOfProducts_GroupButtonBuyOnCredit__zBFjF { border: none; width: fit-content; background: transparent; color: var(--black); cursor: pointer; font-size: 16px; font-weight: 500; text-align: left; padding: 11.31px 13.37px; border: 0.76px solid var(--gray-border-thin); border-radius: 10px; &:hover { background: var(--dark-red); color: var(--white); } } .GroupPurchaseOfProducts_InCardSlider__w5jUM { width: 100%; margin: 0 auto; height: fit-content; position: relative; z-index: 1; } .GroupPurchaseOfProducts_stickers__N73ae { position: absolute; top: 13px; left: 13px; display: flex; flex-direction: column; gap: 10px; z-index: 2; } .GroupPurchaseOfProducts_stickers__item__pPpAS { width: 50px; } .GroupPurchaseOfProducts_guarantee__w8OfZ { display: flex; flex-direction: column; width: fit-content; } .GroupPurchaseOfProducts_guarantee__w8OfZ span { display: flex; align-items: center; font-size: 10px; width: 100%; color: var(--white--inf); background: linear-gradient(180.24deg, var(--gift-red-start) 0.21%, var(--gift-red-end) 48.39%); border-radius: 4px 4px 0 0; justify-content: center; font-size: 8px; padding: 4px; text-transform: uppercase; text-align: center; } .GroupPurchaseOfProducts_guarantee__w8OfZ span:last-child { border-radius: 0 0 4px 4px; font-size: 9px; font-weight: bold; box-shadow: 0px 4px 5px var(--gift-gradient-shadow); color: var(--black); background: var(--white) !important; } .GroupPurchaseOfProducts_giftBox__ieXir { display: flex; align-items: center; position: relative; cursor: pointer; min-width: 30px; width: 30px; height: 30px; min-height: 30px; justify-content: center; background: radial-gradient(96.77% 96.77% at 93.33% 96.77%, var(--gift-red-start) 0.51%, var(--gift-red-end) 100%); box-shadow: 0px 4px 5px var(--gift-gradient-shadow); border-radius: 5px; } .GroupPurchaseOfProducts_giftBox__ieXir:hover .GroupPurchaseOfProducts_giftHovered__FAD7V { display: flex; } .GroupPurchaseOfProducts_giftHovered__FAD7V { display: none; padding: 15px; top: 30px; right: -5px; gap: 5px; text-align: start; border-radius: 10px; position: absolute; max-width: 244px; width: max-content; font-family: 'Mardoto-Regular'; background-color: var(--white); box-shadow: 0px 4.82129px 48.2129px var(--box-shadow-medium); } .GroupPurchaseOfProducts_giftHoveredImg__O8--k { height: 40px; max-width: 60px; object-fit: contain; } .GroupPurchaseOfProducts_GroupSliderImages__CS8IR { height: 135px; object-fit: contain; padding-bottom: 7px; width: 100%; } /* imported by ProductCard */ /* .GroupPurchaseOfProducts_product__wrapper__88VL7 { height: 204px; } */ .GroupPurchaseOfProducts_product__wrapper__88VL7>.GroupPurchaseOfProducts_swiper-pagination__fZa1F { position: absolute; display: block !important; } .GroupPurchaseOfProducts_brandImg__KGvQW { object-fit: contain; max-height: 20px; max-width: 60px; width: 100%; object-position: left; margin-bottom: 7px; } /* .GroupPurchaseOfProducts_descContainer__mavwr { display: flex; flex-direction: column; row-gap: 10px; } */ .GroupPurchaseOfProducts_descContainer__mavwr a:hover .GroupPurchaseOfProducts_productName__j-BiV { text-decoration: underline; } .GroupPurchaseOfProducts_categoryName__55SQW { text-transform: uppercase; color: var(--categoryName); font-family: 'Mardoto-Bold'; width: 100%; font-size: 10px; margin-bottom: 5.2px; word-break: break-word; } .GroupPurchaseOfProducts_productName__j-BiV { width: 100%; max-width: 200px; min-height: 32px; font-size: 13px; overflow: hidden; line-height: 16px; } .GroupPurchaseOfProducts_price__W0YfD { font-size: 17px; font-weight: bold; } .GroupPurchaseOfProducts_oldPriceTwo__sgy35 { font-size: 19px; font-weight: bold; color: var(--gray-old-price); } .GroupPurchaseOfProducts_newPrice__Blc5g { font-size: 16px; font-weight: bold; color: var(--red); } .GroupPurchaseOfProducts_oldPriceContainer__Git2l, .GroupPurchaseOfProducts_oldPriceContainerTwo__ef0Hy { position: relative; } .GroupPurchaseOfProducts_oldPrice__iG8xA { font-size: 12px; color: var(--gray-old-price); } .GroupPurchaseOfProducts_oldPriceContainerTwo__ef0Hy .GroupPurchaseOfProducts_line__hkksx { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 13px; } .GroupPurchaseOfProducts_oldPriceContainer__Git2l .GroupPurchaseOfProducts_line__hkksx { width: 100%; position: absolute; border-bottom: 1px solid var(--red); transform: rotate(-6deg); left: 0; top: 6px; } .GroupPurchaseOfProducts_priceMounth__ezt8W { width: max-content; font-size: 12px; color: var(--gray-bold); margin-top: 10px; } .GroupPurchaseOfProducts_cardBtnSvg__E2S0S { width: 21.13px; height: 21.13px; } .GroupPurchaseOfProducts_cardBtnSvg__E2S0S path { fill: var(--white); } .GroupPurchaseOfProducts_cashbackContainer__Fho4O { margin-top: 10px; } .GroupPurchaseOfProducts_cashbackText__\+Y4YH { font-size: 14px; font-weight: bold; } .GroupPurchaseOfProducts_cashbackPrice__oc6Xo { color: var(--red); font-size: 16px; font-weight: bold; } .GroupPurchaseOfProducts_promoPriceContainer__eNM1i { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; column-gap: 20px; width: calc(100% - 33px); } @media only screen and (max-width: 1350px) { .GroupPurchaseOfProducts_ProductsPatents__L63Jw { min-width: 0; max-width: 100%; gap: 15px; grid-template-columns: minmax(100px, 1fr) minmax(27.673px, 27.673px) minmax(100px, 1fr) minmax(27.673px, 27.673px) minmax(100px, 1fr); } } @media only screen and (max-width: 1200px) { .GroupPurchaseOfProducts_GroupPurchaseOfProducts_renderedContainer__1W5q- { gap: 30px; } } @media only screen and (max-width: 1100px) { .GroupPurchaseOfProducts_GroupPurchaseOfProducts_renderedContainer__1W5q- { grid-template-columns: 1fr; grid-template-rows: auto auto; gap: 0; } .GroupPurchaseOfProducts_GroupInfoBlock__oMRl9 { width: 100%; display: grid; grid-template-columns: 1fr 180px; grid-template-rows: auto auto; gap: 10px; } .GroupPurchaseOfProducts_GroupButtonBuyNow__GWgYl { justify-self: flex-end; width: 100%; } .GroupPurchaseOfProducts_GroupCreditContainer__LQQTD { max-width: calc(100% - 300px); grid-area: 1 / 1 / 2 / 2; border: none; max-width: max-content; } .GroupPurchaseOfProducts_GroupPriceAndSale__FcQlN { grid-area: 2 / 1 / 3 / 2; } .GroupPurchaseOfProducts_GroupButtonBuyOnCredit__zBFjF { padding: 11px 32px; border: 0.76px solid var(--gray-border-thin); border-radius: 7.56px; grid-area: 1 / 2 / 2 / 3; height: fit-content; align-self: center; width: 100%; text-align: center; } .GroupPurchaseOfProducts_GroupBuyContainer__7ENgr { display: contents; } } @media screen and (max-width: 768px) { .GroupPurchaseOfProducts_InCardSlider__w5jUM { width: 100%; margin: 10px auto 0; } .GroupPurchaseOfProducts_ProductsPatents__L63Jw { gap: 8px; } .GroupPurchaseOfProducts_GroupProductItem__XcIEQ { border: none; } .GroupPurchaseOfProducts_productName__j-BiV { text-align: center; color: var(--black); font-size: 11.726px; font-style: normal; font-weight: 400; line-height: normal; } .GroupPurchaseOfProducts_brandImg__KGvQW, .GroupPurchaseOfProducts_categoryName__55SQW, .GroupPurchaseOfProducts_priceMounth__ezt8W, .GroupPurchaseOfProducts_price__W0YfD, .GroupPurchaseOfProducts_promoPriceContainer__eNM1i { display: none; } .GroupPurchaseOfProducts_cardBtnSvg__E2S0S { width: 14.87px; height: 14.87px; } .GroupPurchaseOfProducts_promoPriceContainer__eNM1i { width: calc(100% - 35px); column-gap: 7px; } .GroupPurchaseOfProducts_newPrice__Blc5g { font-size: 12px; } .GroupPurchaseOfProducts_oldPrice__iG8xA { font-size: 8px; } .GroupPurchaseOfProducts_price__W0YfD { font-size: 12px; font-weight: bold; } .GroupPurchaseOfProducts_GroupSliderImages__CS8IR { height: 100px; } } @media screen and (max-width: 505px) { .GroupPurchaseOfProducts_ProductsPatents__L63Jw { grid-template-columns: minmax(70px, 30%) 14px minmax(70px, 30%) 14px minmax(70px, 30%); } .GroupPurchaseOfProducts_GroupButtonBuyOnCredit__zBFjF { font-size: 12px; font-weight: 500; padding: 8px; justify-self: flex-end; } .GroupPurchaseOfProducts_GroupCreditTitle__mTEQ2 { font-size: 9.74px; font-weight: 700; text-align: left; } .GroupPurchaseOfProducts_GroupCreditPrice__vdtDo { font-size: 12.98px; font-weight: 700; text-align: left; } .GroupPurchaseOfProducts_oldPriceTwo__sgy35 { font-size: 17px; } .GroupPurchaseOfProducts_oldPriceContainerTwo__ef0Hy .GroupPurchaseOfProducts_line__hkksx { top: 10px; } .GroupPurchaseOfProducts_GroupPrice__gErTa { font-size: 24.32px; font-weight: 900; text-align: left; } .GroupPurchaseOfProducts_GroupCreditContainer__LQQTD { min-width: 185px; margin: 0; padding: 0; } .GroupPurchaseOfProducts_GroupInfoBlock__oMRl9 { gap: 10px; grid-template-columns: 1fr 100px; } .GroupPurchaseOfProducts_GroupButtonBuyNow__GWgYl { font-weight: 500; text-align: left; gap: 5px; font-size: 12px; padding: 8px; height: fit-content; align-self: center; } .GroupPurchaseOfProducts_GroupSaleParent__wMEBk { width: 36.48px; height: 36.48px; } .GroupPurchaseOfProducts_GroupPriceAndSale__FcQlN { gap: 11px; } .GroupPurchaseOfProducts_GroupSalePercent__b1fqr { font-size: 11.04px; } .GroupPurchaseOfProducts_categoryName__55SQW { display: none; } .GroupPurchaseOfProducts_productName__j-BiV { font-size: 9px; font-weight: 400; height: 20px; } .GroupPurchaseOfProducts_priceMounth__ezt8W { margin-top: 5px; font-size: 6px; } .GroupPurchaseOfProducts_price__W0YfD { font-size: 7.38px; } .GroupPurchaseOfProducts_oldPrice__iG8xA { font-size: 4.69px; } .GroupPurchaseOfProducts_brandImg__KGvQW { max-height: 15px; } .GroupPurchaseOfProducts_GroupProductItem__XcIEQ { padding: 6px; } .GroupPurchaseOfProducts_cashbackText__\+Y4YH { font-size: 6px; font-weight: bold; } .GroupPurchaseOfProducts_cashbackPrice__oc6Xo { font-size: 6px; font-weight: bold; } .GroupPurchaseOfProducts_GroupSliderImages__CS8IR { height: 80px; } } @media only screen and (max-width: 430px) { .GroupPurchaseOfProducts_GroupInfoBlock__oMRl9 { gap: 6px; grid-template-columns: 1fr 85px; } .GroupPurchaseOfProducts_GroupCreditPrice__vdtDo { font-size: 11.98px; } .GroupPurchaseOfProducts_GroupButtonBuyOnCredit__zBFjF { font-size: 10px; } .GroupPurchaseOfProducts_GroupButtonBuyNow__GWgYl { font-size: 9px; } .GroupPurchaseOfProducts_GroupPrice__gErTa { font-size: 19.32px; } .GroupPurchaseOfProducts_oldPriceTwo__sgy35 { font-size: 14px; } } .OrderModal_background__De\+ky { position: fixed; z-index: 9999999999; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); display: flex; align-items: center; justify-content: center; } .OrderModal_container__jFvyL { max-width: 530px; width: 100%; background-color: var(--white); padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; } .OrderModal_close__FOLEm { align-self: flex-end; cursor: pointer; } .OrderModal_wrapper__QjqTI { width: 100%; display: flex; flex-direction: column; row-gap: 8px; align-items: center; } .OrderModal_title__AIQ1d { max-width: 374px; width: 100%; font-size: 26px; font-weight: bold; margin-bottom: 15px; } .OrderModal_description__Eae4f { max-width: 374px; width: 100%; font-size: 14px; margin-bottom: 15px; } .OrderModal_orderProductName__w1\+Mg { color: var(--gray-muted); cursor: pointer; font-size: 14px; max-width: 374px; width: 100%; } .OrderModal_name__5joCI, .OrderModal_surname__tllx5, .OrderModal_email__aoM29, .OrderModal_phone__DE7i0 { width: 100%; padding: 10px; background-color: var(--white); border: 1px solid var(--gray-border-light); border-radius: 5px; } .OrderModal_button__dagoa { max-width: 374px; width: 100%; padding: 16px; color: var(--white); font-size: 14px; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); display: flex; justify-content: center; align-items: center; cursor: pointer; border: none; &:hover { background-color: var(--dark-red); } } @media (max-width: 580px) { .OrderModal_background__De\+ky { padding: 20px; } } .SuccessOrderModal_background__g1ndn { position: fixed; z-index: 9999999999; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--modal-bg-login); display: flex; align-items: center; justify-content: center; } .SuccessOrderModal_container__ZhBz6 { max-width: 530px; width: 100%; background-color: var(--white); padding: 40px 36px; border-radius: 5px; display: flex; align-items: center; flex-direction: column; row-gap: 30px; } .SuccessOrderModal_close__Ht9Ba { align-self: flex-end; cursor: pointer; } .SuccessOrderModal_successText__2LdoM { font-size: 14px; text-align: center; font-weight: 600; color: var(--text-light-muted); } .SuccessOrderModal_button__inFwJ { max-width: 374px; width: 100%; padding: 16px; color: var(--white); font-size: 14px; border-radius: 5px; align-self: center; justify-content: center; background-color: var(--red); display: flex; justify-content: center; align-items: center; cursor: pointer; border: none; &:hover { background-color: var(--dark-red); } } @media (max-width: 580px) { .SuccessOrderModal_background__g1ndn { padding: 20px; } } .style_creditBanner__ExB79{ width: 100%; } .style_creditBannerImg__Evm1Q{ width: 100%; } .style_blogSection__W2Irp{ margin-top: 80px; } .style_main__-ZaOx { display: flex; flex-direction: row; flex-wrap: wrap; margin: 82px 0 58px 0; gap: 20px; } .style_titleBlock__673dU { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .style_moreBtn__9iSSP { font-size: 16px; cursor: pointer; text-transform: uppercase; text-decoration: underline; } .style_titleBlock__673dU .style_moreBtn__9iSSP:hover { color: var(--red); text-decoration: none; } .style_ArticleItem__tagmz { display: flex; flex-direction: column; row-gap: 16px; max-width: 336px; width: 23%; cursor: pointer; flex-grow: 4; } .style_ArticleItemImg__hMsWp { max-height: 104px; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; } .style_ArticleItemTitle__VQpxy { font-size: 18px; min-height: 48px; font-weight: bold; max-height: auto; } .style_ArticleItemTitle__VQpxy:hover { color: var(--red); } .style_ArticleItemDate__LZm6c { color: var(--text-gray-medium); font-size: 16px; } .style_loadContentImg__TwV1c { width: 100%; height: auto; aspect-ratio: 10 / 3.3; } .style_loadContentTitle__cgHcA { width: 100%; height: 48px; } .style_loadContentDate__QC8xN { width: 100%; height: 16px; } @media (max-width: 1300px) { .style_ArticleItemDate__LZm6c { display: none; } .style_loadContentDate__QC8xN { display: none; } .style_ArticleItemImg__hMsWp { max-height: 92px; } } @media only screen and (max-width: 1024px) { .style_ArticleItem__tagmz { width: 30%; flex-grow: 3; } .style_ArticleItemTitle__VQpxy{ font-size: 12px; } } @media only screen and (max-width: 768px) { .style_blogSection__W2Irp{ margin-top: 40px; } .style_moreBtn__9iSSP { font-size: 14px; } .style_ArticleItem__tagmz { width: 33%; /* min-width: fit-content; */ } .style_ArticleItemTitle__VQpxy{ font-size: 12px; } } @media only screen and (max-width: 600px) { .style_ArticleItem__tagmz { width: 100%; } .style_blogSection__W2Irp{ margin-top: 30px; } .style_main__-ZaOx { padding-bottom: 20px; justify-content: center; } } .style_aboutUsBlock__OmCfZ { display: flex; flex-direction: column; gap: 26px; } .style_blogBanner__cUBKD { width: 100%; } .style_blogBanner__cUBKD > img { width: 100%; } .style_descr__d7zTV { display: flex; align-items: center; justify-content: space-between; } .style_descr__d7zTV > span { font-size: 18px; line-height: 30px; color: var(--gray-old-price); } .style_shareBlck__n-Kmv { position: relative; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; border: 1px solid #28282833; } .style_shareBlck__n-Kmv:hover > svg:nth-child(1) path { fill: var(--dark-red); } .style_videoBlck__KtlE- { padding-top: 15px; } .style_LoadContentVideo__PG29w { max-width: 640px; height: 360px; } .style_drpdwn_share__JQ04Y { position: absolute; top: 50px; width: max-content; right: -15px; z-index: 11; display: none; flex-direction: column; gap: 6px; padding: 10px; background: var(--white); box-shadow: 0px 6.42202px 16.055px var(--gift-gradient-shadow); border-radius: 8.02752px; } .style_socialLinks__6gWpA { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(40, 40, 40, 0.2); border-radius: 5px; width: 40px; height: 40px; padding: 6px; } .style_socialLinks__6gWpA:hover { border-color: var(--red); } .style_socialLinks__6gWpA:hover > svg path { fill: var(--red); } .style_LoadContentdate__sJCXm { width: 150px; } .style_LoadContentGeneralBanner__W-xjb { height: 450px; } .style_drpdwn_share_active__6hMNN { display: flex !important; } @media only screen and (max-width: 1280px) { .style_about_us_block__E4tUt { gap: 20px; } .style_LoadContentGeneralBanner__W-xjb { height: 300px; } } @media only screen and (max-width: 1024px) { .style_LoadContentGeneralBanner__W-xjb { height: 200px; } } @media only screen and (max-width: 1024px) { .style_LoadContentGeneralBanner__W-xjb { height: 96px !important; } } @media only screen and (max-width: 768px) { .style_videoBlck__KtlE- > element > p > iframe { max-width: 100%; } .style_videoBlck__KtlE- > .style_LoadContentVideo__PG29w { max-width: 100%; } .style_title__Qwbak { font-size: 18px; } } .style_gridContainer__0RrQr { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; justify-content: center; max-width: 1440px; margin: 0 auto; } .style_gridItem__hd-Qj { display: flex; flex-direction: column; align-items: center; text-align: center; } .style_icon__Nwm7x { width: 150px; height: 150px; margin-bottom: 8px; } .style_emptyItem__dwGbJ { display: flex; flex-direction: column; align-items: center; text-align: center; opacity: 0.6; font-style: italic; } .style_noData__E9k29 { grid-column: 1 / -1; text-align: center; padding: 40px 0; font-style: italic; color: #666; } .style_product_modal_block__l2JGd { position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 999999999; } .style_modal_content_img_title__7GDXh img{ width: 200px; } .style_product_modal_bg__FzGDV { position: absolute; width: 100%; height: 100%; background-color: black; opacity: 0.6; } .style_modal_content_scrool__OSjm5 { max-width: 754px; width: 100%; background-color: var(--white); padding: 44px 30px; border-radius: 5px; display: flex; align-items: center; row-gap: 14px; max-height: 62vh; overflow: auto; flex-direction: column; position: relative; margin: 20px; } .style_modal_content_scrool__OSjm5::-webkit-scrollbar { height: 0; width: 2px; } .style_modal_content_scrool__OSjm5::-webkit-scrollbar-track { background-color: var(--red); /* цвет трека */ } .style_modal_content_title__vWP5H { } .style_modal_content_title__vWP5H span { font-size: 14px; color: rgba(40, 40, 40, 0.6); } .style_centerWs__J1fy-{ text-align: center; } .style_modal_content_title__vWP5H h3 { font-size: 30px; font-weight: bold; color: black; text-transform: uppercase; } .style_finish_check_block_border__Rsz79 { border: 1px dashed rgba(40, 40, 40, 0.1); border-radius: 5px; padding: 15px 12px; width: 100%; } .style_finish_check_block__8jNIR { text-align: center; border-radius: 5px; padding: 8px 22px; display: flex; flex-direction: column; } .style_check_info_element__vJZPR { padding: 10px 16px; gap: 10px; border-bottom: 1px solid #2828281a; display: flex; justify-content: space-between; align-items: center; } .style_bold_first_text__JwH3H { font-size: 16px; font-weight: bold; } .style_total_info_col__JcnMx { background: #f7f7fb; border-radius: 5px; padding: 24px 38px 35px 32px; column-gap: 10px; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .style_prod_count_imgs__evjHq { display: flex; flex-direction: column; gap: 16px; } .style_count_title_check__96DLV { justify-content: flex-start; column-gap: 16px; align-items: center; display: flex; } .style_round_mini_img__Zxk6u { width: 52px; height: 52px; border: 1px solid var(--red); border-radius: 90px; } .style_prod_total__WsB7o { font-size: 16px; font-weight: bold; color: rgba(40, 40, 40, 0.4); } .style_prod_total_price__The6f { font-size: 30px; } .style_backto_btn__7pJou { width: 100%; padding: 16px; color: var(--white); font-size: 14px; border-radius: 5px; align-items: center; justify-content: center; background-color: var(--red); display: block; margin-top: 10px; text-align: center; cursor: pointer; } .style_close_shnor__AsonU { position: absolute; top: 20px; right: 20px; cursor: pointer; } @media (max-width: 600px) { .style_bold_first_text__JwH3H { font-size: 14px; } .style_prod_total_price__The6f { font-size: 20px; } .style_modal_content_title__vWP5H h3 { font-size: 22px; } .style_modal_content_scrool__OSjm5 { padding: 35px 20px; } .style_total_info_col__JcnMx { background: #f7f7fb; border-radius: 5px; padding: 15px 20px 20px 15px; } .style_check_info_element__vJZPR { padding: 5px 10px; } .style_check_info_element__vJZPR p { font-size: 13px; } } @media only screen and (max-width: 430px) { .style_bold_first_text__JwH3H { font-size: 12px; } .style_prod_total_price__The6f { font-size: 16px; } .style_modal_content_title__vWP5H h3 { font-size: 16px; } .style_finish_check_block__8jNIR { padding: 6px 7px; } .style_modal_content_scrool__OSjm5 { padding: 4px 4px; } .style_check_info_element__vJZPR p { font-size: 10px; } .style_backto_btn__7pJou { font-size: 10px; } .style_count_title_check__96DLV { column-gap: 6px; } } .modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 9999999999999999; } .theme-options{ background: var(--white); padding: 14px; display: flex; border-radius: 12px; gap: 5px; } .theme-preview{ margin-bottom: -10px; } .modal-content h2 { color: var(--white); } /* .modal-body { padding: 40px 0 0 0; } */ .modal-content { background: #454545; border-radius: 12px; color: white; text-align: center; max-width: 680px; width: 90%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } .modal-content h2 { font-size: 20px; margin-bottom: 20px; color: white; } .btn { padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 14px; } .btn.light span { color: var(--white); } .btn.dark span { color: var(--black); } .btn.light { background: var(--button-dark-light); color: var(--white); width: 100%; } .btn.dark { background: var(--button-light-dark); color: var(--black); width: 100%; } /* Пример тем */ body.light-theme { background-color: var(--white); color: #000; } body.dark-theme { background-color: #121212; color: var(--white); } .close_popup{ cursor: pointer; text-align: right; padding: 15px; } .close_popup svg { stroke: white; transition: stroke 0.2s ease; } .close_popup:hover svg { stroke: #E31335; } @media only screen and (max-width: 1024px) { .theme-preview svg { width: 350px; } } @media only screen and (max-width: 760px) { .theme-preview svg { width: 350px; } .btn svg { width: 20px; height: 20px; } .btn{ padding: auto; } .btn.light span, .btn.dark span{ display: none; } } @media only screen and (max-width: 430px) { .theme-preview svg { width: 300px; margin-bottom: -10px } .close_popup svg { width: 20px; } } @media only screen and (max-width: 375px) { .theme-preview svg { width: 260px; margin-bottom: -20px } } /* src/components/CookieConsent.css */ .cookie-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.35); display: flex; align-items: flex-end; justify-content: flex-start; z-index: 9999999999999999; padding: 20px; } .cookie-img { width: 64px; height: 64px; } .cookie-modal { background: #fff; border-radius: 12px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); max-width: 436px; width: auto; /* ⬅️ ավելացրի */ display: flex; gap: 18px; align-items: center; flex-direction: column; text-align: center; padding: 16px; } /* Mobile stacked look */ .cookie-icon img { width: 56px; height: 56px; object-fit: contain; } .cookie-text { flex: 1; } .cookie-text h2 { margin: 0 0 6px; font-size: 16px; color: #000; } .cookie-text p { margin: 0; font-size: 13px; color: #444; } .actions { display: flex; gap: 10px; align-items: center; width: 100%; justify-content: center; } /* buttons */ .btn { border-radius: 8px; padding: 8px 14px; cursor: pointer; font-weight: 600; border: none; } .btn.accept { background: #d32f2f; color: #fff; } .btn.decline { background: #f5f5f5; color: #222; } @media (max-width: 994px) { .cookie-overlay { justify-content: flex-end; } } @media (max-width: 605px) { .cookie-overlay { justify-content: center; align-items: center; } } /* VLV hotfixes */ .style_priceAverageBlock__S4-pk > div:first-child:not(.style_row1__sp1kE) + .style_row1__sp1kE > div:first-child { display: none; } .style_secondTitle__F9It1 { margin-top: 24px; } .style_bannersBlck__AJjie { margin-top: 86px; } a > img[src*="67c57539bfa09.webp"] { display: block; margin-top: 24px; } /*# sourceMappingURL=main.4041175e.css.map */