@charset "UTF-8";@font-face { font-family: "e-Ukraine"; src: url("../../fonts/e-Ukraine/e-Ukraine-Thin.woff2") format("woff2"), url("../../fonts/e-Ukraine/e-Ukraine-Thin.woff") format("woff"), url("../../fonts/e-Ukraine/e-Ukraine-Thin.otf") format("opentype"); font-weight: 100; font-style: normal; font-display: swap;}@font-face { font-family: "e-Ukraine"; src: url("../../fonts/e-Ukraine/e-Ukraine-UltraLight.woff2") format("woff2"), url("../../fonts/e-Ukraine/e-Ukraine-UltraLight.woff") format("woff"), url("../../fonts/e-Ukraine/e-Ukraine-UltraLight.otf") format("opentype"); font-weight: 200; font-style: normal; font-display: swap;}@font-face { font-family: "e-Ukraine"; src: url("../../fonts/e-Ukraine/e-Ukraine-Light.woff2") format("woff2"), url("../../fonts/e-Ukraine/e-Ukraine-Light.woff") format("woff"), url("../../fonts/e-Ukraine/e-Ukraine-Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap;}@font-face { font-family: "e-Ukraine"; src: url("../../fonts/e-Ukraine/e-Ukraine-Regular.woff2") format("woff2"), url("../../fonts/e-Ukraine/e-Ukraine-Regular.woff") format("woff"), url("../../fonts/e-Ukraine/e-Ukraine-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap;}@font-face { font-family: "e-Ukraine"; src: url("../../fonts/e-Ukraine/e-Ukraine-Medium.woff2") format("woff2"), url("../../fonts/e-Ukraine/e-Ukraine-Medium.woff") format("woff"), url("../../fonts/e-Ukraine/e-Ukraine-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap;}@font-face { font-family: "e-Ukraine"; src: url("../../fonts/e-Ukraine/e-Ukraine-Bold.woff2") format("woff2"), url("../../fonts/e-Ukraine/e-Ukraine-Bold.woff") format("woff"), url("../../fonts/e-Ukraine/e-Ukraine-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap;}:root,[data-bs-theme=light] { --main: #068eef; --main-active: #087ed2; --main-contrast: #ffffff; --white: #ffffff; --black: #000000; --gray-100: #f7f7f7; --gray-200: #ededed; --gray-300: #e7e7e7; --gray-400: #ced4da; --gray-500: #adb5bd; --gray-600: #6c757d; --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; --background: var(--white); --color: var(--black); --heading: var(--black); --description: var(--gray-600); --seo-text: var(--gray-700); --mobile-nav-bg: rgba(255, 255, 255, 0.9); --mobile-nav-color: var(--gray-600); --breadcrumb-color: var(--gray-500); --breadcrumb-color-link: var(--black); --breadcrumb-color-separator: var(--gray-500); --placeholder-bg: var(--gray-400);}[data-bs-theme=dark] { --main: #068eef; --main-active: #087ed2; --main-contrast: #ffffff; --white: #121212; --black: #ffffff; --gray-100: #1e1e1e; --gray-200: #2d2d2d; --gray-300: #3d3d3d; --gray-400: #495057; --gray-500: #6c757d; --gray-600: #adb5bd; --gray-700: #ced4da; --gray-800: #e7e7e7; --gray-900: #f7f7f7; --background: var(--white); --color: var(--black); --heading: var(--black); --description: var(--gray-600); --mobile-nav-bg: rgba(50, 50, 53, 0.9); --mobile-nav-color: var(--gray-600); --breadcrumb-color: var(--gray-500); --breadcrumb-color-link: var(--black); --breadcrumb-color-separator: var(--gray-500); --placeholder-bg: var(--gray-400);}body { position: relative; display: flex; flex-direction: column; gap: 1rem; font-family: "e-Ukraine", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 16px; color: var(--color); background: var(--background); height: 100vh;}main { display: flex; flex-direction: column; gap: 1rem; }a,a:hover,a:active,a:focus { text-decoration: none;}svg { width: 21px; height: 21px;}svg.stroke { stroke: currentcolor;}svg.filled { fill: currentcolor;}.h1, h1 { font-size: calc(1.125rem + 0.6vw); }@media (min-width: 1200px) { .h1, h1 { font-size: 1.625rem; }}.h2, h2 { font-size: calc(1.05rem + 0.4vw); }@media (min-width: 1200px) { .h2, h2 { font-size: 1.375rem; }}.h3, h3 { font-size: calc(1rem + 0.25vw); }@media (min-width: 1200px) { .h3, h3 { font-size: 1.25rem; }}.h4, h4 { font-size: calc(0.95rem + 0.15vw); }@media (min-width: 1200px) { .h4, h4 { font-size: 1.125rem; }}.h5, h5 { font-size: 1rem; }.h6, h6 { font-size: 0.875rem; }.seo-content { display: flex; flex-direction: column; row-gap: 1rem; max-width: 600px; margin: 2rem auto 0;}.seo-content__title { font-size: 18px; line-height: 28px; margin-bottom: 0;}.seo-content__text { position: relative; display: flex; flex-direction: column; row-gap: 1rem; font-size: 12px; font-weight: 300; line-height: 16px; color: var(--seo-text); overflow: hidden; transition: max-height 0.5s cubic-bezier(0.25, 1, 0.5, 1);}.seo-content__text.is-collapsed { max-height: 245px;}.seo-content__text:not(.is-collapsed) .seo-content__fade { opacity: 0;}.seo-content__text > * { margin: 0;}.seo-content__text h1, .seo-content__text h2, .seo-content__text h3, .seo-content__text h4, .seo-content__text h5, .seo-content__text h6,.seo-content__text .h1, .seo-content__text .h2, .seo-content__text .h3, .seo-content__text .h4, .seo-content__text .h5, .seo-content__text .h6 { font-size: 18px; line-height: 28px; color: var(--heading);}.seo-content__text b, .seo-content__text strong { color: var(--color);}.seo-content__text a { text-decoration: underline !important;}.seo-content__text a:hover { color: var(--main);}.seo-content__text ul { display: flex; flex-direction: column; gap: 0.25rem; list-style-type: square;}.seo-content__text ul li::marker { color: var(--main);}.seo-content__fade { position: absolute; bottom: 0px; width: 100%; height: 32px; background: linear-gradient(0deg, #fff 0%, hsla(0, 0%, 100%, 0) 100%); pointer-events: none; opacity: 1; transition: opacity 0.4s ease-in-out;}.seo-content__btn { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; font-size: 12px; font-weight: 400; line-height: 16px; color: var(--color); background: inherit; border: none;}.seo-content__btn-icon { width: 16px; height: 16px; transform: rotate(90deg); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);}.seo-content__btn.is-active .seo-content__btn-icon { transform: rotate(270deg);}.top-bar { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 500; color: var(--description); background: inherit; border-bottom: 1px solid var(--gray-300); padding: 0.75rem 0;}.top-bar .utility-links { display: flex; list-style: none; margin: 0; padding: 0; gap: 20px;}.top-bar .utility-links a { text-decoration: none; color: inherit; transition: color 0.2s ease-in-out;}.top-bar .utility-links a:hover { color: var(--main);}.top-bar .utilities { display: flex; align-items: center; gap: 15px;}.top-bar .utilities select { background-color: transparent; border: none; color: inherit; font-size: inherit; cursor: pointer; outline: none; padding: 0; transition: color 0.2s ease-in-out;}.top-bar .utilities select:hover, .top-bar .utilities select:focus { color: var(--main);}.top-bar .utilities select option { color: #333333; background-color: #ffffff;}@media (max-width: 768px) { .top-bar { flex-direction: column; justify-content: center; gap: 10px; padding: 10px 15px; } .top-bar .utility-links { flex-wrap: wrap; justify-content: center; gap: 15px; }}.header { position: relative; display: flex; flex-direction: row; align-items: center; -moz-column-gap: 1.5rem; column-gap: 1.5rem; margin-top: 1rem; color: var(--description); background: var(--header-bg); z-index: 899;}@media (max-width: 991.98px) { .header { flex-wrap: wrap; row-gap: 1rem; }}.header-logo img { max-height: 30px;}@media (max-width: 991.98px) { .header-logo { order: 1; flex: 1 1 calc(50% - 0.75rem); display: flex; align-items: center; }}.header-destination { display: flex; align-items: center; justify-content: center; gap: 1rem; height: 48px; font-size: 10px; line-height: 14px; padding: 0.5rem 1rem; background: var(--gray-200); border-radius: 0.8rem; cursor: pointer;}@media (max-width: 991.98px) { .header-destination { order: 3; width: 100%; }}.header-destination:hover, .header-destination:active, .header-destination:focus { background: var(--gray-300);}.header-destination svg { width: 24px; height: 24px;}.header-destination__wrapper small { display: block; color: var(--description); white-space: nowrap;}.header-support { display: flex; align-items: center; gap: 1rem;}.header-support__info { display: flex; flex-direction: column; align-items: flex-end;}@media (max-width: 575.98px) { .header-support__info { display: none; }}.header-support__phone { font-size: 14px; font-weight: 400; line-height: 20px; color: var(--heading); text-decoration: none; transition: color 0.2s ease;}.header-support__phone:hover, .header-support__phone:focus-visible { color: var(--main);}.header-support__schedule { color: var(--description); text-transform: lowercase;}.header-support__trigger { position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; color: var(--description); background: var(--gray-200); border: none; border-radius: 0.8rem; cursor: pointer; transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;}.header-support__trigger:hover, .header-support__trigger:focus-visible { color: var(--heading); background: var(--gray-300); transform: translateY(-1px);}.header-support__trigger:active { transform: translateY(0);}.header-aside { display: flex; align-items: center; justify-content: flex-end; flex: auto; gap: 2rem;}@media (max-width: 991.98px) { .header-aside { order: 2; flex: 1 1 calc(50% - 0.75rem); justify-content: flex-end; }}.header-aside__group { display: none;}@media (min-width: 992px) { .header-aside__group { display: flex; align-items: center; justify-content: center; gap: 0.5rem; }}.header-aside__action { position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--gray-200); border-radius: 0.8rem; cursor: pointer;}.header-aside__action:hover, .header-aside__action:active, .header-aside__action:focus { background: var(--gray-300);}.header-aside__action--quantity { position: absolute; top: -0.25rem; right: -0.25rem; display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; color: var(--white); font-size: 10px; font-weight: 400; line-height: 14px; background: #d93025; border-radius: 50%;}.header-aside__cart { gap: 0.5rem; font-size: 12px; font-weight: 500; line-height: 16px; width: auto; color: var(--main-contrast); background: var(--main); padding: 0.5rem 1rem;}.header-aside__cart:hover, .header-aside__cart:active, .header-aside__cart:focus { background: var(--main-active);}.mobile-nav { display: none;}@media (max-width: 767px) { .mobile-nav { display: block; position: fixed; left: 0; bottom: 0; width: 100%; background: var(--mobile-nav-bg); backdrop-filter: blur(30px); padding: 0.5rem; z-index: 101; }}.mobile-nav__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); justify-content: space-between; align-items: center; gap: 0.5rem; margin: 0; padding: 0; list-style: none;}.mobile-nav__item { position: relative; display: flex; align-items: center; justify-content: center; flex: 1 1 auto;}.mobile-nav__link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; text-decoration: none; font-size: 10px; line-height: 14px; color: var(--mobile-nav-color); background: none; border: none; transition: opacity 0.2s ease;}.mobile-nav__link:hover, .mobile-nav__link:active, .mobile-nav__link:focus { color: var(--mobile-nav-color);}.mobile-nav__link svg, .mobile-nav__link .icon { display: block; width: 24px; height: 24px;}.mobile-nav__link--cart svg, .mobile-nav__link--cart .icon { stroke-width: 1.5;}.mobile-nav__link--cart .count { display: none;}.mobile-nav__home { position: absolute; width: 90%; aspect-ratio: 1/1; color: var(--main-contrast); background: var(--main); border: 4px solid var(--mobile-nav-bg); border-radius: 100%; margin-bottom: 1rem;}.mobile-nav__home:hover { color: var(--main-contrast); background: var(--main-active);}.mobile-nav { }.footer { margin-top: 2rem; padding: 5rem 2rem 2rem; background: var(--gray-100); border-top: 2px solid var(--gray-200); text-transform: lowercase;}.footer__container { display: flex; flex-direction: column; gap: 3rem;}.footer__row { row-gap: 2rem;}.footer__col { display: flex; flex-direction: column; gap: 1rem;}.footer__title { margin-bottom: 0;}.footer__list { display: flex; flex-direction: column; gap: 0.5rem; margin: 0; padding: 0; list-style: none;}.footer__link { color: var(--heading); text-decoration: none; transition: color 0.2s ease;}.footer__link:hover { color: var(--main);}.footer__power { margin-bottom: 0; color: var(--description); text-align: center;}.footer__power-link { font-weight: 400; color: var(--black); text-decoration: none;}.footer__power-link:hover { text-decoration: underline;}.footer__contacts { display: flex; flex-direction: column; gap: 0.25rem;}.footer__phone { margin-bottom: 0; color: var(--heading); transition: color 0.2s ease;}.footer__phone:hover { color: var(--main);}.footer__phone-comment { color: var(--description);}.footer__email { display: flex; flex-direction: column; gap: 0.25rem;}.footer__email--link { margin-bottom: 0; font-weight: 400; color: var(--main);}.footer__email--link:hover { color: var(--main-active);}.footer__email--comment { color: var(--description);}.footer .socials__list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem;}.footer .socials__link { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; aspect-ratio: 1/1; background: var(--white); border-radius: 0.8rem; color: var(--main); transition: color 0.2s ease;}.footer .socials__link:hover { color: var(--main-active);}.footer .socials__link svg { width: 25px; height: 25px; fill: var(--main);}.breadcrumb { --bs-breadcrumb-margin-bottom: 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; font-weight: 400; color: var(--description); overflow-x: auto; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch;}.breadcrumb::-webkit-scrollbar { display: none;}.breadcrumb li { display: inline-flex; align-items: center; flex-shrink: 0;}.breadcrumb li a, .breadcrumb li span { text-decoration: none !important; color: var(--color); transition: opacity 0.2s;}.breadcrumb li a:hover { opacity: 0.8;}.breadcrumb li:last-child { color: var(--description);}.breadcrumb li + li::before { content: "•"; display: inline-block; margin: 0 6px; color: var(--description);}body.modal-open { overscroll-behavior: none; overflow: hidden;}.modal.fade:not(.modal-drawer-end) .modal-dialog { transform: none !important;}.modal.fade:not(.modal-drawer-end) .modal-content { opacity: 0; transform: translateY(50px); will-change: transform, opacity; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s linear;}.modal.fade:not(.modal-drawer-end).show .modal-content { opacity: 1; transform: translateY(0);}@media (max-width: 767.98px) { .modal-bottom-sheet { padding: 0 !important; padding-top: 5vh !important; overscroll-behavior-y: none; } .modal-bottom-sheet .modal-dialog { display: flex; align-items: flex-end; margin: 0; max-width: 100%; width: 100%; height: 100%; max-height: 100dvh; transform: none !important; overscroll-behavior-y: none; } .modal-bottom-sheet .modal-content { display: flex; flex-direction: column; height: auto; max-height: 95dvh; border-radius: var(--bs-modal-border-radius) var(--bs-modal-border-radius) 0 0; border: none; opacity: 0; transform: translate3d(0, 50px, 0); will-change: transform, opacity; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s linear; } .modal-bottom-sheet.show .modal-content { opacity: 1; transform: translate3d(0, 0, 0); } .modal-bottom-sheet .sheet-drag-handle { width: 36px; height: 4px; background-color: var(--bs-border-color-translucent, #dee2e6); border-radius: 2px; margin: 8px auto 0 auto; cursor: grab; } .modal-bottom-sheet .modal-body { overflow-y: auto; -webkit-overflow-scrolling: touch; }}@media (min-width: 768px) { .modal-drawer-end { padding-right: 0 !important; } .modal-drawer-end.fade .modal-dialog { transform: translate3d(100%, 0, 0); transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); } .modal-drawer-end.show .modal-dialog { transform: translate3d(0, 0, 0); } .modal-drawer-end .modal-dialog { margin: 0 0 0 auto; height: 100vh; max-width: 400px; width: 100%; } .modal-drawer-end .modal-content { height: 100vh; border-radius: 0; border: none; display: flex; flex-direction: column; box-shadow: -0.5rem 0 1.5rem rgba(0, 0, 0, 0.15); } .modal-drawer-end .modal-body { flex: 1; overflow-y: auto; padding: 1.5rem; } .modal-drawer-end .modal-footer { border-top: 1px solid var(--bs-border-color); }}.modal-gradient__content { position: absolute; top: 0; left: 0; width: 100%; height: 180px; pointer-events: none; opacity: 0.25; z-index: 0; border-radius: var(--bs-modal-border-radius) var(--bs-modal-border-radius) 0 0; overflow: hidden; background: linear-gradient(93deg, #70A7FF 2.35%, #FFE24D 98.68%); }.modal-gradient__content::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #ffffff 100%);}.modal-gradient .btn-close { background-color: rgba(255, 255, 255, 0.5) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.6) !important;}.modal-backdrop { --bs-backdrop-bg: rgba(0, 0, 0, .5); --bs-backdrop-opacity: 1; backdrop-filter: blur(6px);}.modal-content { --bs-modal-border-radius: 1rem; border: none; box-shadow: 0 6px 28.1px 8px rgba(0, 0, 0, 0.25);}.modal-header { gap: 0.5rem; border-bottom: none;}.modal-header .btn-close { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 45px; height: 45px; padding: 0; margin: 0; background-color: var(--gray-300); background-size: 0.75rem; border-radius: 0.8rem; cursor: pointer; opacity: 1; transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;}.modal-header .btn-close:hover { background-color: #d93025;}.modal-header .btn-close:focus-visible { outline: 2px solid #d93025; outline-offset: 2px; box-shadow: none;}.modal-title { flex: 100%; color: var(--heading); font-size: 20px; font-weight: 400; line-height: 24px;}.modal-dialog { display: flex; align-items: flex-end; width: 100%; height: 100%;}@media (min-width: 768px) { .modal-dialog { align-items: center; height: calc(100vh - 3.5rem); }}.modal-content { height: auto;}.swiper { --arr-offset: var(--s-arr-offset, 1.25rem); --ind-offset: var(--s-ind-offset, 1rem); --w-scrollbar: var(--s-w-scrollbar, 100%);}@media (min-width: 480px) { .swiper { --arr-offset: var(--s-sm-arr-offset, var(--s-arr-offset)) !important; --ind-offset: var(--s-sm-ind-offset, var(--s-ind-offset)) !important; --w-scrollbar: var(--s-sm-w-scrollbar, var(--s-w-scrollbar)) !important; }}@media (min-width: 768px) { .swiper { --arr-offset: var(--s-md-arr-offset, var(--s-arr-offset)) !important; --ind-offset: var(--s-md-ind-offset, var(--s-ind-offset)) !important; --w-scrollbar: var(--s-md-w-scrollbar, var(--s-w-scrollbar)) !important; }}@media (min-width: 1024px) { .swiper { --arr-offset: var(--s-lg-arr-offset, var(--s-arr-offset)) !important; --ind-offset: var(--s-lg-ind-offset, var(--s-ind-offset)) !important; --w-scrollbar: var(--s-lg-w-scrollbar, var(--s-w-scrollbar)) !important; }}@media (min-width: 1200px) { .swiper { --arr-offset: var(--s-xl-arr-offset, var(--s-arr-offset)) !important; --ind-offset: var(--s-xl-ind-offset, var(--s-ind-offset)) !important; --w-scrollbar: var(--s-xl-w-scrollbar, var(--s-w-scrollbar)) !important; }}@media (min-width: 1440px) { .swiper { --arr-offset: var(--s-hd-arr-offset, var(--s-arr-offset)) !important; --ind-offset: var(--s-hd-ind-offset, var(--s-ind-offset)) !important; --w-scrollbar: var(--s-hd-w-scrollbar, var(--s-w-scrollbar)) !important; }}.swiper { display: flex; flex-direction: column; align-items: center; row-gap: var(--ind-offset, 1rem); width: 100%;}.swiper-wrapper { scroll-snap-type: x mandatory;}.swiper-slide { position: relative; display: block; cursor: pointer; flex-shrink: 0 !important; box-sizing: border-box !important; --n: var(--s-n, 2); --gap: var(--s-gap, 5px); max-width: calc((100% - (var(--n) - 1) * var(--gap)) / var(--n)) !important; margin-right: var(--gap) !important; scroll-snap-align: start; scroll-snap-stop: always;}.swiper-slide:last-child { margin-right: 0 !important;}@media (min-width: 480px) { .swiper-slide { --n: var(--s-sm--n) !important; --gap: var(--s-sm--gap) !important; }}@media (min-width: 768px) { .swiper-slide { --n: var(--s-md--n) !important; --gap: var(--s-md--gap) !important; }}@media (min-width: 1024px) { .swiper-slide { --n: var(--s-lg--n) !important; --gap: var(--s-lg--gap) !important; }}@media (min-width: 1200px) { .swiper-slide { --n: var(--s-xl--n) !important; --gap: var(--s-xl--gap) !important; }}@media (min-width: 1440px) { .swiper-slide { --n: var(--s-hd--n) !important; --gap: var(--s-hd--gap) !important; }}.swiper-button-prev, .swiper-button-next, .swiper-pagination, .swiper-scrollbar { display: none !important;}@media (max-width: 479px) { .swiper .has-nav { display: flex !important; } .swiper .has-pag { display: block !important; } .swiper .has-sb { display: block !important; }}@media (min-width: 480px) and (max-width: 767px) { .swiper .has-nav-s-sm { display: flex !important; } .swiper .has-pag-s-sm { display: block !important; } .swiper .has-sb-s-sm { display: block !important; }}@media (min-width: 768px) and (max-width: 1023px) { .swiper .has-nav-s-md { display: flex !important; } .swiper .has-pag-s-md { display: block !important; } .swiper .has-sb-s-md { display: block !important; }}@media (min-width: 1024px) and (max-width: 1199px) { .swiper .has-nav-s-lg { display: flex !important; } .swiper .has-pag-s-lg { display: block !important; } .swiper .has-sb-s-lg { display: block !important; }}@media (min-width: 1200px) and (max-width: 1439px) { .swiper .has-nav-s-xl { display: flex !important; } .swiper .has-pag-s-xl { display: block !important; } .swiper .has-sb-s-xl { display: block !important; }}@media (min-width: 1440px) { .swiper .has-nav-s-hd { display: flex !important; } .swiper .has-pag-s-hd { display: block !important; } .swiper .has-sb-s-hd { display: block !important; }}.swiper-button-prev, .swiper-button-next { align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--white); border-radius: 50%; box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.08);}.swiper-button-prev svg, .swiper-button-next svg { width: 20px; height: 20px; fill: #272727;}.swiper-button-prev { left: var(--arr-offset, 1.25rem) !important;}.swiper-button-next { right: var(--arr-offset, 1.25rem) !important;}.swiper-scrollbar { position: static !important; transform: none; width: var(--w-scrollbar, 100%) !important; max-width: var(--w-scrollbar, 100%); height: 4px !important;}@media (min-width: 768px) { .swiper-scrollbar { height: 6px !important; }}.swiper-scrollbar { background: var(--gray-400); border-radius: 50px;}.swiper-scrollbar-drag { background-color: var(--black); border-radius: 50px; cursor: grab;}.swiper-scrollbar-lock { display: none !important;}.toast-container { position: fixed; z-index: 999; display: flex; flex-direction: column;}@media (max-width: 767px) { .toast-container { bottom: 0; left: 0; width: 100%; }}@media (min-width: 768px) { .toast-container { gap: 0.5rem; right: 1rem; bottom: 1rem; min-width: 250px; max-width: 250px; }}.toast-container .toast { z-index: 1000; padding: 1rem; margin-bottom: 0; width: 100%; font-size: 12px; line-height: 16px; background: var(--white); border: 1px solid var(--gray-400); border-radius: 0.8rem;}.toast-container .toast + .toast { border-top: none;}@media (max-width: 767px) { .toast-container .toast { border: 1px solid var(--gray-400); border-radius: 0; }}.toast-container .toast-body { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 0;}.toast-container .toast-body__icon { flex-shrink: 0;}.catalog-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;}@media (max-width: 767px) { .catalog-toolbar__item { flex: 1; }}.catalog-toolbar__btn { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 0.5rem 1rem; width: 100%; background: inherit; border: 2px solid var(--gray-400); border-radius: 0.8rem; transition: all 0.2s ease;}.catalog-toolbar__btn:hover { background-color: var(--gray-100);}.catalog-toolbar__icon { flex-shrink: 0; width: 25px; height: 25px; color: var(--description);}.catalog-toolbar__content { display: flex; flex-direction: column; align-items: start; text-align: left;}.catalog-toolbar__label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 300; color: var(--description);}.catalog-toolbar__value { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 400; color: var(--heading);}@media (max-width: 767px) { .sort-modal .modal-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }}.sort-modal .modal-title { flex: 1;}.sort-modal__list { display: flex; flex-direction: column; align-content: flex-start; gap: 0.5rem;}.sort-modal__item { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 1rem; font-weight: 400; color: var(--heading); background: inherit; border: 2px solid var(--gray-400); border-radius: 0.8rem;}.sort-modal__item:hover { border-color: var(--gray-500);}.sort-modal__item:hover .sort-modal__circle { background-color: var(--gray-500);}.sort-modal__item--active { border-color: var(--main) !important;}.sort-modal__item--active .sort-modal__circle { background-color: var(--main) !important;}.sort-modal__content { display: flex; flex-direction: column; justify-content: flex-start; text-align: left;}.sort-modal__content--description { color: var(--description);}.sort-modal__circle { width: 30px; height: 30px; background: var(--gray-400); border-radius: 0.8rem;}#product-list { row-gap: 1.5rem;}@media (max-width: 576px) { #product-list { row-gap: 0.5rem; }}.product-card { display: flex; flex-direction: row; gap: 1rem; height: 100%;}@media (min-width: 576px) { .product-card { flex-direction: column; }}.product-card:hover .product-card__title { color: var(--main);}.product-card__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}.product-card__image-wrapper { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 100%; aspect-ratio: 1/1; background: var(--placeholder-bg); border-radius: 1.5rem; cursor: pointer; overflow: hidden;}@media (max-width: 500px) { .product-card__image-wrapper { width: 150px; height: 150px; }}@media (min-width: 500px) and (max-width: 576px) { .product-card__image-wrapper { width: 200px; height: 200px; }}.product-card__actions { position: absolute; top: 1rem; right: 1rem; z-index: 2; display: flex; flex-direction: column; gap: 0.5rem;}.product-card__actions-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; background: var(--white); border: none; border-radius: 0.8rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.2s ease-in-out;}.product-card__actions-btn svg { width: 18px; height: 18px; transition: stroke 0.2s ease;}.product-card__actions-btn:hover { color: var(--main); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.product-card__actions-btn.active { background-color: #e74c3c;}.product-card__actions-btn.active svg { stroke: #ffffff; fill: #ffffff;}.product-card__content { display: flex; flex-direction: column; flex-grow: 1; gap: 1rem; padding: 0.5rem 1rem;}@media (max-width: 576px) { .product-card__content { padding: 0.5rem 0rem; }}.product-card__info { display: flex; flex-direction: column; gap: 0.5rem;}.product-card__title { color: var(--black); font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; transition: color 0.3s ease;}.product-card__title:hover { color: var(--main);}.product-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--description);}.product-card__footer { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-top: auto;}.product-card__offer { display: flex; flex-direction: column; gap: 0.25rem;}.product-card__offer-stock { font-weight: 400; color: var(--description);}.product-card__offer-pricing { display: flex; flex-direction: row; align-items: flex-start; gap: 0.5rem; font-size: 14px; font-weight: 400; line-height: 20px;}.product-card__offer-old { color: red; text-decoration: line-through;}.product-card__buttons { display: flex; flex-shrink: 0; flex-direction: row; align-items: center; gap: 0.25rem; margin-left: auto;}.product-card__buttons--cart { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 45px; height: 45px; color: var(--main-contrast); background: var(--main); border: none; border-radius: 0.6rem;}.product-card__buttons--cart:hover { background: var(--main-active);}.product-card__buttons--waitlist { filter: grayscale(1);}.product-card__buttons--wishlist, .product-card__buttons--compare { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; width: 45px; height: 45px; color: var(--gray-600); background: inherit; border: 2px solid var(--gray-400); border-radius: 0.6rem;}.product-card__buttons--wishlist:hover, .product-card__buttons--compare:hover { border-color: var(--gray-600);}.product-card__buttons--wishlist svg, .product-card__buttons--compare svg { width: 18px; height: 18px;}@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}.load-more { display: flex; flex-direction: row; justify-content: center;}.load-more__button { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 0.5rem 1rem; color: var(--color); background: inherit; border: 1px solid var(--gray-400); border-radius: 0.8rem;}.load-more__button:hover { color: var(--main); border-color: var(--main);}.load-more__icon { display: inline-block;}.load-more__icon-is-loading { animation: spin 1.5s linear infinite;}.load-more__content { display: flex; flex-direction: column; text-align: left;}.load-more__title { font-weight: 400;}.load-more__subtitle { color: var(--description);}.pagination-box { position: relative; display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 100%;}.pagination { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0 auto;}.pagination .page-link { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 45px; height: 45px; font-size: 12px; font-weight: 300; line-height: 16px; color: var(--color); background: var(--gray-200); border: 1px solid transparent; border-radius: 0.6rem !important; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}.pagination .page-link:hover { z-index: 2; color: var(--black); background: var(--gray-300); border-color: var(--gray-300);}.pagination .page-link.active { color: var(--main); background: transparent;}.pagination .active > .page-link { color: var(--main); background: transparent; border-color: var(--main);}.pagination-result { color: var(--description); white-space: nowrap;}@media (min-width: 800px) { .shipping-modal .modal-dialog { max-width: 800px; }}.shipping-modal__content { max-width: 100%; max-height: 100%; border-radius: 0; padding: 0.5rem; background: var(--white); border-radius: 0; overflow: hidden;}@media (min-width: 800px) { .shipping-modal__content { max-height: 800px; min-height: 500px; border-radius: 12px; }}.shipping-modal__column { display: flex; flex-direction: column; flex-wrap: wrap; align-items: stretch; flex-grow: 1; gap: 0.5rem; height: 100%;}@media (min-width: 800px) { .shipping-modal__column { flex-direction: row; }}.shipping-methods { display: flex; align-items: center; width: 100%; background: var(--gray-300); border-radius: 12px;}.shipping-methods__item { flex: 1; font-size: 12px; font-weight: 300; line-height: 16px; background: var(--gray-300); border-radius: 12px; padding: 0.75rem 1.5rem; text-align: center; cursor: pointer;}.shipping-methods__item--active { color: var(--main-contrast); background: var(--main); cursor: default;}.shipping-selector { display: flex; flex-direction: column; flex: 1 1 300px; gap: 0.5rem; min-width: 0; order: 2;}@media (min-width: 800px) { .shipping-selector { order: 1; }}.shipping-selector__list { display: flex; flex-direction: column; gap: 0.5rem; max-height: 440px; overflow-x: hidden; overflow-y: auto;}.shipping-selector__item { display: flex; flex-direction: row; align-items: center; -moz-column-gap: 15px; column-gap: 15px; background: var(--gray-300); border: 1px solid var(--gray-300); border-radius: 12px; padding: 0.5rem 1rem; cursor: pointer;}.shipping-selector__content { display: flex; flex-direction: column; flex: 1; min-width: 0;}.shipping-selector__name { font-size: 14px; font-weight: 400; color: var(--black); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.shipping-selector__address, .shipping-selector__hours { font-size: 12px; line-height: 16px; color: var(--description);}.shipping-selector__hours { display: flex; align-items: center; gap: 0.5rem;}.shipping-selector__status { font-weight: 500;}.shipping-selector__status--open { color: #208d4e;}.shipping-selector__status--closed { color: #d93025;}.shipping-selector__time { color: var(--description);}.shipping-selector__time::before { content: "•"; margin-right: 0.5rem; color: var(--description);}.shipping-selector__label { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--gray-600); background: var(--gray-400); border-radius: 12px;}.shipping-selector__label--active { color: var(--main-contrast); background: var(--main);}.shipping-point-details { display: flex; flex-direction: column; flex: 1 1 300px; gap: 1rem; padding: 0.5rem; order: 2;}@media (min-width: 800px) { .shipping-point-details { order: 1; }}.shipping-point-details__back { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; font-size: 14px; font-weight: 300; line-height: 16px; color: var(--black); background: none; border: none; outline: none; padding: 0;}.shipping-point-details__back--icon { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 10px; background: var(--gray-300); border-radius: 12px; cursor: pointer; z-index: 1;}.shipping-point-details__back--label { transition: transform 0.3s ease;}.shipping-point-details__back:hover .shipping-point-details__back__label { transform: translateX(4px);}.shipping-point-details__title { font-size: 20px; font-weight: 400; line-height: 24px;}.shipping-point-details__info { display: flex; flex-direction: column; gap: 0.5rem;}.shipping-point-details__row { display: flex; flex-direction: column; font-size: 12px; font-weight: 300; line-height: 16px;}.shipping-point-details__label { color: var(--description);}.shipping-point-details__text { color: var(--black);}.shipping-point-details__text--link { color: var(--black);}.shipping-point-details__text--link:hover, .shipping-point-details__text--link:active, .shipping-point-details__text--link:focus { color: var(--main);}.shipping-point-details__hours { display: flex; align-items: center; gap: 0.5rem;}.shipping-point-details__status { font-weight: 500;}.shipping-point-details__status--open { color: #208d4e;}.shipping-point-details__status--closed { color: #d93025;}.shipping-point-details__time { color: var(--black);}.shipping-point-details__time::after { content: "•"; margin-left: 0.5rem; color: var(--description);}.shipping-point-details__select-btn { position: relative; display: block; font-size: 12px; font-weight: 400; line-height: 16px; color: var(--main-contrast); background: var(--main); border-radius: 12px; border: none; padding: 0.75rem 1.5rem; text-align: center; outline: none; cursor: pointer;}.shipping-point-details__select-btn:hover, .shipping-point-details__select-btn:active, .shipping-point-details__select-btn:focus { background: var(--main-active);}.shipping-map { flex: 1 1 400px; height: 100%; min-height: 50vh; max-height: 50vh; background: var(--gray-400); border-radius: 12px; order: 1;}@media (min-width: 800px) { .shipping-map { height: auto; min-height: 100%; max-height: 100%; order: 2; }}@media (min-width: 768px) { .search-modal .modal-dialog { width: 100%; max-width: 700px; }}.search-modal .modal-header { display: flex; align-items: center; gap: 0.5rem;}.search-modal .modal-header .form-control { padding: 1rem; font-size: 12px; line-height: 16px; color: var(--description); background: rgba(255, 255, 255, 0.5019607843); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: none; border-radius: 0.8rem; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;}.search-modal .modal-header .form-control::-moz-placeholder { color: var(--description); opacity: 0.7;}.search-modal .modal-header .form-control::placeholder { color: var(--description); opacity: 0.7;}.search-modal .modal-header .form-control:focus { outline: none; background: rgba(255, 255, 255, 0.5019607843); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: var(--description); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.15);}.search-modal .modal-header .btn-close { width: 48px; height: 48px;}.search-modal__title { margin-bottom: 1rem; font-size: 20px; font-weight: 400; line-height: 30px; color: var(--black);}.search-modal .modal-body .search-results .search-item { display: flex; flex-direction: row; gap: 1rem; width: 100%; height: 100%; padding: 1rem; background: var(--white); border: 1px solid var(--gray-300); border-radius: 1rem; cursor: pointer; transition: border-color 0.2s ease-in-out;}.search-modal .modal-body .search-results .search-item:hover { border-color: var(--gray-400);}.search-modal .modal-body .search-results .search-item__image { position: relative; flex-shrink: 0; width: 92px; height: 92px; background-color: var(--placeholder-bg); border-radius: 1.5rem; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.search-modal .modal-body .search-results .search-item__content { display: flex; flex-direction: column; gap: 0.5rem;}.search-modal .modal-body .search-results .search-item__title { font-size: 12px; font-weight: 400; line-height: 16px; color: var(--heading);}.search-modal .modal-body .search-results .search-item__description { color: var(--description); text-transform: lowercase;}.search-modal .modal-footer { justify-content: start; padding-left: 1.5rem; font-size: 10px; line-height: 14px; color: var(--description);}.cart-empty__container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem; height: 100%; text-align: center;}.cart-empty__container--title { font-size: 20px; font-weight: 400; line-height: 24px; color: var(--heading);}.cart-empty__container--description { color: var(--description);}.cart-empty__container--button { display: inline-flex; align-items: center; color: var(--main-contrast); background: var(--main); border: none; border-radius: 0.8rem; padding: 0.75rem 2rem;}.cart-empty__container--button:hover { background: var(--main-active);}@media (max-width: 767.98px) { .cart-modal .modal-content { height: 100%; }}.cart-modal__list { display: flex; flex-direction: column; justify-content: flex-start; gap: 1rem;}.cart-modal__list-item { display: flex; flex-direction: row; align-items: center; gap: 1rem;}.cart-modal__image { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}.cart-modal__image-wrapper { position: relative; width: 92px; height: 92px; flex-shrink: 0; background: var(--placeholder-bg); border-radius: 1.5rem; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.cart-modal__details { display: flex; flex-direction: column; justify-content: space-between; row-gap: 0.5rem; flex: 1;}.cart-modal__details-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 20px;}.cart-modal__controls { display: flex; flex-direction: row; align-items: center; gap: 0.5rem;}.cart-modal__controls-btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 38px; height: 38px; background: var(--gray-300); border: none; border-radius: 0.6rem; cursor: pointer;}.cart-modal__totals { display: flex; flex-direction: column; gap: 0.5rem; width: 100%;}.cart-modal__totals-item { position: relative; display: flex; justify-content: space-between; width: 100%;}.cart-modal .modal-footer { display: flex; justify-content: flex-start; gap: 1rem;}.cart-modal .modal-footer > * { margin: 0;}.cart-modal__button-checkout { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 44px; padding: 1rem; background: var(--main); border: none; border-radius: 0.8rem; outline: none; color: var(--main-contrast); font-size: 12px; font-weight: 400; line-height: 16px; text-align: center; cursor: pointer;}.cart-modal__button-checkout:hover { background: var(--main-active);}.cookies-modal .modal-content { margin: 0.5rem;}.cookies-modal .modal-body { display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem;}.cookies-modal__text { display: flex; flex-direction: column; gap: 0.5rem;}.cookies-modal__buttons { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 0.5rem;}.cookies-modal__accept, .cookies-modal__decline { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 50px; font-size: 12px; font-weight: 400; line-height: 16px; border: inherit; border-radius: 0.8rem; cursor: pointer; transition: background-color 0.2s ease-in-out;}.cookies-modal__accept { color: var(--main-contrast); background-color: var(--main);}.cookies-modal__accept:hover, .cookies-modal__accept:active, .cookies-modal__accept:focus-visible { background-color: var(--main-active);}.cookies-modal__decline { color: var(--black); background-color: var(--gray-400);}.cookies-modal__decline:hover, .cookies-modal__decline:active, .cookies-modal__decline:focus-visible { background-color: var(--gray-500);}.customer-modal .modal-dialog .modal-body { padding: 0;}.customer-modal__nav { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--gray-400);}.customer-modal__nav-item { display: flex; flex-direction: row; align-items: center; gap: 1rem; color: var(--color); font-size: 12px; font-weight: 400; line-height: 16px; text-decoration: none; transition: color 0.2s ease;}.customer-modal__nav-item:hover { color: var(--main);}.customer-modal__nav-item:hover .catalog-modal__nav-icon { border-color: var(--main);}.customer-modal__nav-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; aspect-ratio: 1/1; border: 1px solid var(--gray-400); border-radius: 0.8rem;}.customer-modal__list { display: flex; flex-direction: column; padding: 1rem; background: var(--gray-100);}.customer-modal__item { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 0.75rem 0; border: none; color: var(--color); background: inherit;}.customer-modal__item:not(.collapsed) .catalog-modal__item-icon { transform: rotate(90deg);}.customer-modal__item-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; aspect-ratio: 1/1; background: var(--placeholder-bg); border-radius: 1rem; overflow: hidden;}.customer-modal__item-content { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem;}.customer-modal__item-title { font-size: 14px; font-weight: 400; line-height: 20px;}.language-modal__list { display: flex; flex-direction: column; align-content: flex-start; gap: 0.5rem;}.language-modal__item { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 1rem; font-weight: 400; color: var(--heading); background: inherit; border: 2px solid var(--gray-400); border-radius: 0.8rem;}.language-modal__item:hover { border-color: var(--gray-500);}.language-modal__item:hover .language-modal__flag { border-color: var(--gray-500);}.language-modal__item--active { border-color: var(--main) !important;}.language-modal__item--active .language-modal__flag { border-color: var(--main) !important;}.language-modal__item img { width: 30px; height: 30px; padding: 0.05rem; border: 2px solid var(--gray-400); border-radius: 50%;}.currency-modal__list { display: flex; flex-direction: column; align-content: flex-start; gap: 0.5rem;}.currency-modal__item { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 1rem; font-weight: 400; color: var(--heading); background: inherit; border: 2px solid var(--gray-400); border-radius: 0.8rem;}.currency-modal__item:hover { border-color: var(--gray-500);}.currency-modal__item:hover .language-modal__flag { border-color: var(--gray-500);}.currency-modal__item--active { border-color: var(--main) !important;}.currency-modal__item--active .language-modal__flag { border-color: var(--main) !important;}.currency-modal__item img { width: 30px; height: 30px; padding: 0.05rem; border: 2px solid var(--gray-400); border-radius: 50%;}.catalog-modal .modal-body { padding: 0;}.catalog-modal__nav { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--gray-400);}.catalog-modal__nav-item { display: flex; flex-direction: row; align-items: center; gap: 1rem; color: var(--color); font-size: 12px; font-weight: 400; line-height: 16px; text-decoration: none; transition: color 0.2s ease;}.catalog-modal__nav-item:hover { color: var(--main);}.catalog-modal__nav-item:hover .catalog-modal__nav-icon { border-color: var(--main);}.catalog-modal__nav-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; aspect-ratio: 1/1; border: 1px solid var(--gray-400); border-radius: 0.8rem;}.catalog-modal__list { display: flex; flex-direction: column; padding: 1rem; background: var(--gray-100);}.catalog-modal__item { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 0.75rem 0; border: none; color: var(--color); background: inherit;}.catalog-modal__item:not(.collapsed) .catalog-modal__item-icon { transform: rotate(90deg);}.catalog-modal__item-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; aspect-ratio: 1/1; background: var(--placeholder-bg); border-radius: 1rem; overflow: hidden;}.catalog-modal__item-content { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem;}.catalog-modal__item-title { font-size: 14px; font-weight: 400; line-height: 20px;}.catalog-modal__item-count { color: var(--description); font-size: 12px; font-weight: 300; line-height: 16px;}.catalog-modal__item-collapse { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-left: auto;}.catalog-modal__item-collapse .catalog-modal__item-icon { transition: transform 0.25s ease-in-out;}.catalog-modal__sublist { padding-left: 4.125rem;}.catalog-modal__subitems { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1rem 0;}.catalog-modal__subitem { display: flex; align-items: center; color: var(--description); font-weight: 400; text-decoration: none;}.product-modal .modal-dialog { width: 100%; max-width: 900px;}.product-modal .modal-content { position: relative; padding: 0.75rem;}@media (max-width: 767.98px) { .product-modal .modal-content { overflow-y: auto; }}.product-modal__container { overflow-y: auto;}.product-modal__layout { display: flex; flex-direction: column; gap: 1rem; width: 100%;}@media (min-width: 768px) { .product-modal__layout { flex-direction: row; align-items: stretch; height: 500px; }}.product-modal__image { flex-shrink: 0; width: 100%; aspect-ratio: 1/1; background: var(--gray-400); border-radius: 0.75rem; overflow: hidden;}@media (min-width: 768px) { .product-modal__image { width: 500px; height: 500px; }}.product-modal__thumb { width: 100%; height: 100%;}.product-modal__thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.product-modal__details { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0;}.product-modal__body { display: flex; flex-direction: column; gap: 1rem; flex: 1 1 auto; padding: 0.5rem; overflow-y: auto;}.product-modal__title { font-size: 18px; font-weight: 400; line-height: 28px;}.product-modal__description { color: var(--description);}.product-modal__options { display: flex; flex-direction: column; gap: 1.5rem;}.product-modal__option-group { display: flex; flex-direction: column; gap: 0.75rem;}.product-modal__option-group--required .product-modal__option-label::after { content: " *"; color: var(--main);}.product-modal__option-label { font-size: 14px; font-weight: 400; line-height: 20px; color: var(--heading);}.product-modal__option-group-card { display: flex; flex-direction: column; overflow: hidden; background: var(--gray-300); border-radius: 1rem;}.product-modal__option-row { position: relative; display: flex; width: 100%;}.product-modal__option-row:not(:last-child) .product-modal__option-box { border-bottom: 1px solid var(--gray-400);}.product-modal__option-control { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}.product-modal__option-control:checked + .product-modal__option-box .product-modal__option-radio { border-color: var(--main);}.product-modal__option-control:checked + .product-modal__option-box .product-modal__option-radio::after { transform: translate(-50%, -50%) scale(1);}.product-modal__option-control:focus-visible + .product-modal__option-box { background-color: rgba(0, 0, 0, 0.03);}.product-modal__option-box { display: flex; align-items: center; gap: 1rem; width: 100%; padding: 0.875rem 1.25rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background-color 0.15s ease-in-out;}.product-modal__option-box:hover { background-color: rgba(0, 0, 0, 0.02);}.product-modal__option-radio { position: relative; flex-shrink: 0; width: 1.25rem; height: 1.25rem; background: transparent; border: 2px solid var(--gray-500); border-radius: 50%; transition: border-color 0.15s ease-in-out;}.product-modal__option-radio::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0.625rem; height: 0.625rem; background: var(--main); border-radius: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);}.product-modal__option-checkbox { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.25rem; height: 1.25rem; background: var(--gray-500); border-radius: 0.5rem; transition: background 0.15s ease-in-out, transform 0.15s ease-in-out;}.product-modal__option-checkbox::after { content: ""; width: 0.625rem; height: 0.625rem; background-color: #fff; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain; transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);}.product-modal__option-control--checkbox:checked + .product-modal__option-box .product-modal__option-checkbox { background-color: var(--main);}.product-modal__option-control--checkbox:checked + .product-modal__option-box .product-modal__option-checkbox::after { transform: scale(1.1);}.product-modal__option-text { font-size: 12px; font-weight: 400; line-height: 16px; color: var(--heading);}.product-modal__option-price { margin-left: auto; font-size: 12px; font-weight: 400; line-height: 16px; color: var(--description);}.product-modal__footer { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 0.75rem; margin-top: auto; background-color: var(--bs-modal-bg, #fff); border-top: 1px solid var(--gray-200, #e9ecef);}@media (max-width: 767.98px) { .product-modal__footer { position: sticky; bottom: 0; z-index: 10; padding-bottom: 0.25rem; }}.product-modal__price { font-size: 1.25rem; font-weight: 700;}@media (max-width: 767px) { .waitlist-modal .modal-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }}.waitlist-modal__product-card { display: flex; flex-direction: row; align-items: center; gap: 1rem;}.waitlist-modal__image-wrapper { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 130px; height: 130px; aspect-ratio: 1/1; background: var(--placeholder-bg); border-radius: 1rem; cursor: pointer; overflow: hidden;}.waitlist-modal__product-content { display: flex; flex-direction: column; flex-grow: 1; gap: 1rem;}.waitlist-modal__product-info { display: flex; flex-direction: column; gap: 0.5rem;}.waitlist-modal__product-title { color: var(--black); font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none;}.waitlist-modal__product-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--description);}.waitlist-modal__product-footer { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}.waitlist-modal__product-offer { display: flex; flex-direction: column; gap: 0.25rem;}.waitlist-modal__product-offer_stock { color: var(--description); font-weight: 400;}.waitlist-modal__product-offer_pricing { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; font-size: 14px; font-weight: 400; line-height: 20px;}.waitlist-modal__message-wrapper { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 2rem; color: var(--description);}.waitlist-modal__message-icon { flex-shrink: 0;}.waitlist-modal__form { display: flex; flex-direction: column; gap: 1rem;}.waitlist-modal__button { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 1rem; background: var(--main); border: none; border-radius: 0.8rem; outline: none; color: var(--main-contrast); font-size: 12px; font-weight: 400; line-height: 16px; text-align: center; cursor: pointer;}.waitlist-modal__button:hover { background: var(--main-active);}.waitlist-modal__terms { padding: 0 2rem; font-size: 10px; font-weight: 300; line-height: 14px; text-align: center; color: var(--description);}.support-modal__location { display: flex; flex-direction: row; align-items: center; gap: 1rem;}.support-modal__location-media { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 100px; height: 100px; aspect-ratio: 1/1; background: var(--placeholder-bg); border-radius: 1rem; cursor: default; overflow: hidden;}.support-modal__location-image { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}.support-modal__location-content { display: flex; flex-direction: column; flex-grow: 1; gap: 0.25rem;}.support-modal__location-name { font-size: 14px; font-weight: 400; line-height: 20px; color: var(--heading); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.support-modal__location-address, .support-modal__location-schedule { font-size: 12px; line-height: 16px; color: var(--description);}.support-modal__location-schedule { display: flex; align-items: center; gap: 0.5rem;}.support-modal__status { font-weight: 500;}.support-modal__status--open { color: #208d4e;}.support-modal__status--closed { color: #d93025;}.support-modal__time { color: var(--description);}.support-modal__time::before { content: "•"; margin-right: 0.5rem; color: var(--description);}.support-modal__message-wrapper { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 2rem; color: var(--description);}.support-modal__message-icon { flex-shrink: 0;}.support-modal__actions { display: flex; flex-direction: column; gap: 0.75rem;}.support-modal__action { display: flex; align-items: center; gap: 1rem; width: 100%; padding: 0.875rem 1rem; color: inherit; text-decoration: none; background-color: rgba(255, 255, 255, 0.5); border: 1px solid rgba(233, 224, 240, 0.6); border-radius: 0.75rem; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: left; cursor: pointer;}.support-modal__action:hover, .support-modal__action:focus-visible { background-color: rgba(255, 255, 255, 0.85); border-color: rgba(214, 173, 245, 0.8); transform: translateY(-1px);}.support-modal__action:active { transform: translateY(0);}.support-modal__action-icon-box { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 0.625rem; background-color: rgba(214, 173, 245, 0.15); color: #6c5ce7;}.support-modal__action-icon-box--telegram { background-color: rgba(42, 171, 238, 0.15); color: #2aabee;}.support-modal__action-content { display: flex; flex-direction: column; min-width: 0;}.support-modal__action-label { font-size: 12px; font-weight: 400; line-height: 16px; color: var(--heading);}.support-modal__action-value { color: var(--description);}.report-modal__message-wrapper { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding: 0 2rem 2rem; color: var(--description);}.report-modal__message-icon { flex-shrink: 0;}.report-modal__form { display: flex; flex-direction: column; gap: 1rem;}.report-modal__input { border-radius: 12px; background: #e5e5e5; border: none; padding: 14px 16px; font-size: 15px;}.report-modal__input::-moz-placeholder { color: #777;}.report-modal__input::placeholder { color: #777;}.report-modal__input:focus { background: #e0e0e0; box-shadow: none;}.report-modal__upload-zone { display: flex; flex-direction: column; gap: 0.5rem;}.report-modal__upload-label { font-size: 14px; font-weight: 400; line-height: 20px; color: var(--heading); display: block;}.report-modal__button { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 1rem; background: var(--main); border: none; border-radius: 0.8rem; outline: none; color: var(--main-contrast); font-size: 12px; font-weight: 400; line-height: 16px; text-align: center; cursor: pointer;}.report-modal__button:hover { background: var(--main-active);}.report-modal__terms { padding: 0 2rem; font-size: 10px; font-weight: 300; line-height: 14px; text-align: center; color: var(--description);}.uploader-slider { width: 100%; overflow: hidden;}.uploader-slide { width: 72px !important; height: 72px; margin-right: 8px;}.dropzone-box { width: 100%; height: 100%; background: var(--gray-400); border-radius: 1rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s;}.dropzone-box svg { fill: var(--gray-600);}.upload-preview { width: 100%; height: 100%; border-radius: 1rem; position: relative; overflow: hidden;}.upload-preview img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.upload-preview__remove { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 12px; line-height: 1;}.upload-preview--empty { background: transparent; border: 1.5px dashed var(--gray-400); cursor: grab;}