:root { --c-ink: #1a1a1a; --c-ink-2: #4a4a4a; --c-muted: #8a8a8a; --c-bg: #f9f9f9; --c-surface: #fff; --c-warm: #f0f0f0; --c-line: #e6e3df; --c-line-2: #d9d4cc; --c-accent: #8b253b; --c-accent-dark: #6e1d30; --c-ochre: #8b253b; --c-red: #8b253b; --font-display: 'Normalidad Text', -apple-system, BlinkMacSystemFont, sans-serif; --font-ui: 'Golos UI', -apple-system, BlinkMacSystemFont, sans-serif; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-pill: 999px; --fs-h2-sec: clamp(28px, 3.2vw, 44px); --fs-h2-hero: clamp(40px, 5.6vw, 88px); --fs-eyebrow: 11px; --fs-body: 14px; --fs-meta: 12px; --ease: cubic-bezier(0.23, 1, 0.32, 1); --ease-bouncy: cubic-bezier(0.32, 0.72, 0, 1); --text-xs: 11px; --text-sm: 12px; --text-base: 13px; --text-md: 14px; --text-lg: 16px; --text-xl: 22px; --text-2xl: 28px; --text-3xl: 40px; --fw-regular: 400; --fw-medium: 500; --fw-bold: 700; --fw-black: 900; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; } .shocx-quick-sizes { display: none; } .shocx-arrow { --shocx-arrow-size: 30px; --shocx-arrow-glyph: 22px; appearance: none; -webkit-appearance: none; box-sizing: border-box; width: var(--shocx-arrow-size); height: var(--shocx-arrow-size); flex: 0 0 auto; padding: 0; margin: 0; border: none; border-radius: 0; background: transparent; box-shadow: none; display: inline-grid; place-items: center; cursor: pointer; color: var(--c-muted, #8a8a8a); line-height: 0; -webkit-tap-highlight-color: transparent; transition: color 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 140ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms ease; } .shocx-arrow svg { width: var(--shocx-arrow-glyph); height: var(--shocx-arrow-glyph); display: block; stroke: currentColor; fill: none; stroke-width: 1.5; } @media (hover: hover) and (pointer: fine) { .shocx-arrow:hover { color: var(--c-ink, #1a1a1a); } } .shocx-arrow:active { transform: scale(0.88); } .shocx-arrow:focus-visible { outline: 2px solid var(--c-ink, #1a1a1a); outline-offset: 2px; } .shocx-arrow[disabled], .shocx-arrow.is-disabled, .shocx-arrow.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; } .shocx-arrow--sm { --shocx-arrow-size: 26px; --shocx-arrow-glyph: 18px; } .shocx-arrow--lg { --shocx-arrow-size: 44px; --shocx-arrow-glyph: 26px; } .shocx-arrow--on-photo { color: #fff; } .shocx-arrow--on-photo svg { filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5)); } @media (hover: hover) and (pointer: fine) { .shocx-arrow--on-photo:hover { color: #fff; opacity: 0.7; } } .galerys-block .owl-carousel .owl-nav button.owl-prev, .galerys-block .owl-carousel .owl-nav button.owl-next, .big-gallery-block .owl-carousel .owl-nav button.owl-prev, .big-gallery-block .owl-carousel .owl-nav button.owl-next { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; width: 30px; height: 30px; padding: 0; color: var(--c-muted, #8a8a8a); display: inline-grid; place-items: center; font-size: 0 !important; transition: color 180ms ease, opacity 180ms ease; } .galerys-block .owl-carousel .owl-nav button.owl-prev > *, .galerys-block .owl-carousel .owl-nav button.owl-next > *, .big-gallery-block .owl-carousel .owl-nav button.owl-prev > *, .big-gallery-block .owl-carousel .owl-nav button.owl-next > * { display: none !important; } .galerys-block .owl-carousel .owl-nav button.owl-prev::after, .galerys-block .owl-carousel .owl-nav button.owl-next::after, .big-gallery-block .owl-carousel .owl-nav button.owl-prev::after, .big-gallery-block .owl-carousel .owl-nav button.owl-next::after { content: ""; width: 22px; height: 22px; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .galerys-block .owl-carousel .owl-nav button.owl-prev::after, .big-gallery-block .owl-carousel .owl-nav button.owl-prev::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 5l-7 7 7 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 5l-7 7 7 7'/%3E%3C/svg%3E"); } .galerys-block .owl-carousel .owl-nav button.owl-next::after, .big-gallery-block .owl-carousel .owl-nav button.owl-next::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E"); } @media (hover: hover) and (pointer: fine) { .galerys-block .owl-carousel .owl-nav button.owl-prev:hover, .galerys-block .owl-carousel .owl-nav button.owl-next:hover, .big-gallery-block .owl-carousel .owl-nav button.owl-prev:hover, .big-gallery-block .owl-carousel .owl-nav button.owl-next:hover { color: var(--c-ink, #1a1a1a); } } :root { --safe-top: env(safe-area-inset-top, 0px); --safe-right: env(safe-area-inset-right, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-left: env(safe-area-inset-left, 0px); --vh-d: 100vh; } @supports (height: 100dvh) { :root { --vh-d: 100dvh; } } * { -webkit-tap-highlight-color: transparent; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } :focus-visible { outline: 2px solid #1a1a1a; outline-offset: 2px; } :focus:not(:focus-visible) { outline: none; } body { overscroll-behavior-y: contain; } @media (max-width: 960px) { html { overflow-x: clip; } .main-content { overflow-x: clip; } } @media (max-width: 960px) { input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="image"]):not([type="color"]), textarea, select { font-size: 16px !important; } } body.no-scroll { overflow: hidden; touch-action: none; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } .shocx-br { opacity: 0; transform: translateY(6px); transition: opacity .20s cubic-bezier(0.23, 1, 0.32, 1), transform .26s cubic-bezier(0.34, 1.56, 0.64, 1); } .shocx-br-in .shocx-br { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .shocx-br { opacity: 1; transform: none; transition: none; } } @font-face { font-family: 'Golos UI'; src: url(../images/ee7bc7d7ace8cb71.woff2) format('woff2'), url(../images/c106b5772ac8ac26.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Golos UI'; src: url(../images/4e4185b06a5aa463.woff2) format('woff2'), url(../images/100202893d04d73b.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Golos UI'; src: url(../images/4e4185b06a5aa463.woff2) format('woff2'), url(../images/100202893d04d73b.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Golos UI'; src: url(../images/922e49aa016d7cf3.woff2) format('woff2'), url(../images/86431729336540a0.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Normalidad Text'; src: url(../images/e1975c68843ce380.bin); src: url(../images/e1975c68843ce380.bin) format('embedded-opentype'), url(../images/31af50408cbb4750.woff2) format('woff2'), url(../images/2f65a48676ae1548.woff) format('woff'), url(../images/7d641145449219c7.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Normalidad Text'; src: url(../images/cabbd359cbdcbee9.bin); src: url(../images/cabbd359cbdcbee9.bin) format('embedded-opentype'), url(../images/442ccc48820a57c7.woff2) format('woff2'), url(../images/a484ef361d8a794c.woff) format('woff'), url(../images/ab1aabe333eb1431.ttf) format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Normalidad Text'; src: url(../images/96f4798783977474.bin); src: url(../images/96f4798783977474.bin) format('embedded-opentype'), url(../images/07e692196caf7aed.woff2) format('woff2'), url(../images/28c20bd1a7a130b3.woff) format('woff'), url(../images/1a46bf8388b280ea.ttf) format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Normalidad Text'; src: url(../images/c411fb6b3a193a67.bin); src: url(../images/c411fb6b3a193a67.bin) format('embedded-opentype'), url(../images/272e528444535292.woff2) format('woff2'), url(../images/899b087f266eb036.woff) format('woff'), url(../images/dfbaff6250f9c329.ttf) format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Normalidad Text'; src: url(../images/a794500a5fae34f5.bin); src: url(../images/a794500a5fae34f5.bin) format('embedded-opentype'), url(../images/aafafe3a7e7e6d0d.woff2) format('woff2'), url(../images/314c54e9c8ca40dc.woff) format('woff'), url(../images/a90cc901d4ea3448.ttf) format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Normalidad Text'; src: url(../images/ee7bc7d7ace8cb71.woff2) format('woff2'), url(../images/c106b5772ac8ac26.woff) format('woff'); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+20BD; } @font-face { font-family: 'Normalidad SemiCondensed'; src: url(../images/ee7bc7d7ace8cb71.woff2) format('woff2'), url(../images/c106b5772ac8ac26.woff) format('woff'); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+20BD; } * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } :root { --ui-font-family-primary: 'Normalidad Text'; --ui-color-primary: #f9f9f9; --shocx-topbar-h: 0px; } body:has(.shocx-topbar) { --shocx-topbar-h: 38px; } body { font-family: var(--ui-font-family-primary), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 1.4; color: #000; background-color: var(--ui-color-primary); } a { text-decoration: none; color: inherit; } ul { list-style: none; } .mobile-only { display: none; } @media (max-width: 960px) { .mobile-only { display: block; } } .blur-body.active_blur { pointer-events: none; } .wrapper.has-sidebar { display: flex; gap: clamp(24px, 3vw, 32px); } .has-sidebar .sidebar { max-width: 306px; } @media screen and (max-width: 960px) { .wrapper.has-sidebar { flex-direction: column; } .has-sidebar .sidebar { max-width: 100%; } } .header { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--ui-color-primary); z-index: 1001; } body:has(#bx-panel) .header { top: 147px; } body:has(#bx-panel.bx-panel-folded) .header { top: 40px; } body.header-panel-scrolled .header { top: 0 !important; } .header__container { width: 95%; margin: 0 auto; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 60px; background: var(--ui-color-primary); } .header__logo { font-size: 24px; font-weight: bold; max-width: 160px; } .header__logo a { display: flex; align-items: center; } .header__logo img { max-width: 100%; } .header__nav { flex: 1; } .header__container .nav-frame .main-nav { display: flex; align-items: center; justify-content: center; list-style: none; } .header__container .nav-frame .main-nav li { margin: 0 1.5vw; font-size: 14px; font-weight: 400; overflow: hidden; text-transform: uppercase; } .header__container .nav-frame .main-nav li.dropdown-item { padding: 16px 0; } .header__container .nav-frame .main-nav a { display: block; padding: 16px 0; } .header__container .nav-frame .main-nav li:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #000000; -webkit-transform: translate3d(-120%, 0, 0); transform: translate3d(-120%, 0, 0); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .header__container .nav-frame .main-nav li:hover:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (max-width: 960px) { .header__container .nav-frame { position: fixed; top: 60px; bottom: 160px; left: 0; right: 0; overflow: auto; width: 100%; padding: 30px 5vw; -webkit-transform: translate3d(120%, 0, 0); transform: translate3d(120%, 0, 0); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .header__container .nav-frame .main-nav { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .header__container .nav-frame .main-nav li { margin: 0 0 20px; padding: 0 0 6px; width: 100%; } .header__container .nav-frame .main-nav li:after { display: none; } .header__container .nav-frame .main-nav li.dropdown-item:before { font-size: 10px; content: ""; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 0; transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); margin-top: -9px; } } @media screen and (min-width: 960px) and (max-width: 1024px) { .header__container .nav-frame .main-nav li { margin: 0 1.1vw; font-size: 11px; } } @media screen and (min-width: 1025px) and (max-width: 1366px) { .header__container .nav-frame .main-nav li { font-size: 12px; margin: 0 1.1vw; } } .header__actions { display: flex; gap: 20px; align-items: center; } .header__actions svg use { fill: #969696; } .header__actions a { transition: opacity 0.3s; } .header__actions a:hover { opacity: 0.7; } .header__burger { display: none; width: 44px; height: 44px; border: 1px solid #e0e0e0; border-radius: 12px; background: #fff; cursor: pointer; padding: 0; align-items: center; justify-content: center; } .header__burger-lines { position: relative; width: 18px; height: 12px; display: block; } .header__burger-lines::before, .header__burger-lines::after, .header__burger-lines { background: transparent; } .header__burger-lines::before, .header__burger-lines::after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #000; border-radius: 2px; } .header__burger-lines::before { top: 0; } .header__burger-lines::after { bottom: 0; } .header__overlay { display: none; } .header__mobile-nav { display: none; } html { scrollbar-gutter: stable; } body.no-scroll, body.shocx-menu-lock { overflow: hidden; touch-action: none; } .auth-popup__close { width: 40px; height: 40px; border: none; background: #fff; cursor: pointer; font-size: 22px; line-height: 38px; } .auth-popup__close span { display: block; position: absolute; width: 26px; border-top: 1px solid #000000; top: 50%; left: 50%; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .auth-popup__close span:nth-child(1) { -webkit-transform: translate3d(-50%, 0, 0) rotateZ(45deg); transform: translate3d(-50%, 0, 0) rotateZ(45deg); } .auth-popup__close span:nth-child(2) { -webkit-transform: translate3d(-50%, 0, 0) rotateZ(45deg); transform: translate3d(-50%, 0, 0) rotateZ(45deg); } .auth-popup__close span:nth-child(3) { width: 13px; -webkit-transform: translate3d(-11px, 5px, 0) rotateZ(-45deg); transform: translate3d(-11px, 5px, 0) rotateZ(-45deg); } .auth-popup__close span:nth-child(4) { width: 13px; -webkit-transform: translate3d(-1px, -5px, 0) rotateZ(-45deg); transform: translate3d(-1px, -5px, 0) rotateZ(-45deg); } @media (max-width: 960px) { #drop_menu_block { z-index: 1002; } .header__container { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; padding: 12px 15px; } .header__burger { display: inline-flex; } .header__nav { display: none; } .header__logo { text-align: center; } .header__actions { gap: 14px; } .header__action--wishlist, .header__action--cart { display: none; } .header__overlay { display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); opacity: 0; pointer-events: none; transition: opacity 0.25s ease; z-index: 1001; } .is-menu-open .header__overlay, .is-mobile-menu-open .header__overlay { opacity: 1; pointer-events: auto; } .is-mobile-menu-open .header__overlay { z-index: 1011; } .header__mobile-nav { display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; background: #fff; transform: translateX(-105%); transition: transform 0.25s ease; z-index: 1001; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); padding: 14px 14px 18px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .is-menu-open .header__mobile-nav { transform: translateX(0); } .header__mobile-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid #efefef; position: sticky; top: 0; background: #fff; z-index: 2; } .header__mobile-head .header__action { display: flex; align-items: center; } .header__mobile-title { font-size: 16px; font-weight: 600; } .header__mobile-close { width: 40px; height: 40px; border: none; background: #fff; cursor: pointer; font-size: 22px; line-height: 38px; } .header__mobile-close span { display: block; position: absolute; width: 26px; border-top: 1px solid #000000; top: 50%; left: 50%; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .header__mobile-close span:nth-child(1) { -webkit-transform: translate3d(-50%, 0, 0) rotateZ(45deg); transform: translate3d(-50%, 0, 0) rotateZ(45deg); } .header__mobile-close span:nth-child(2) { -webkit-transform: translate3d(-50%, 0, 0) rotateZ(45deg); transform: translate3d(-50%, 0, 0) rotateZ(45deg); } .header__mobile-close span:nth-child(3) { width: 13px; -webkit-transform: translate3d(-11px, 5px, 0) rotateZ(-45deg); transform: translate3d(-11px, 5px, 0) rotateZ(-45deg); } .header__mobile-close span:nth-child(4) { width: 13px; -webkit-transform: translate3d(-1px, -5px, 0) rotateZ(-45deg); transform: translate3d(-1px, -5px, 0) rotateZ(-45deg); } .header__mobile-nav .nav-frame .main-nav li.dropdown-item:before { font-size: 10px; content: ""; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 0; transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); margin-top: -9px; } .header__mobile-wrapper { display: flex; flex-direction: column; gap: 20px; height: 100%; padding-top: 8px; } .header__mobile-logo { display: block; width: fit-content; } .header__mobile-logo img { display: block; max-height: 30px; width: auto; } .header__mobile-nav .nav-frame { flex: 1; min-height: 0; } .header__mobile-nav .main-nav { list-style: none; margin: 0; padding: 0; } .header__mobile-bottom.mobile-bottom { position: sticky; width: 100%; bottom: 40px; padding: 16px 0; border-top: 1px solid #efefef; margin-top: auto; font-size: 12px; font-weight: 400; text-transform: uppercase; text-align: center; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; background: #fff; } .header__mobile-bottom .copy { font-size: 12px; color: #888; } .header__mobile-ctrls.menu-ctrls-block { display: flex; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid #efefef; } .header__mobile-ctrls .ctrl-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: none; background: transparent; color: #333; border-radius: 10px; transition: background 0.2s, color 0.2s; } .header__mobile-ctrls .ctrl-btn:hover { background: #f5f5f5; color: #1a1a1a; } .header__mobile-ctrls .ctrl-btn svg { width: 22px; height: 22px; } } .main-content { min-height: calc(100vh - 375px); padding: 40px 0; padding-top: calc(88px + var(--shocx-topbar-h, 0px)); max-width: min(1700px, 95%); margin: auto; } @media (min-width: 961px) { .main-content { max-width: min(1700px, 92.5%); } } #search_popup { position: fixed; top: 110px; left: 0; right: 0; padding: 90px 0; z-index: 1001; background-color: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); border-radius: 0 0 20px 20px; max-height: 100vh; transform: translate3d(0, -120vh, 0); transition: all 0.6s ease 0s; } #search_popup #smart-title-search_preloader_item { top: 7px; right: 20px; } .search-popup__content { width: 900px; max-width: 90%; margin: auto; } #search_popup.is-open, #search_popup.active { transform: translate3d(0, 0, 0); } #search_popup .wrapper { width: 900px; max-width: 90%; margin: 0 auto; } #search_popup .bx-input-group { margin-bottom: 26px; width: 100%; } #search_popup .bx-input-group input { color: #1a1a1a; font-family: var(--font-display); font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: uppercase; height: 66px; border-radius: 33px; border: 1px solid #BDBDBD; background-color: transparent; padding: 0 28px; } #search_popup .bx-input-group input::placeholder { color: #BDBDBD; font-family: var(--font-display); font-weight: 400; letter-spacing: normal; text-transform: uppercase; } #search_popup .bx-input-group button { color: #BDBDBD; border: none; padding: 0; background-color: transparent; position: absolute; top: 50%; right: 32px; font-size: 20px; margin-top: -10px; cursor: pointer; } .title-search-result .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: unset; } .title-search-result .bx_smart_searche.theme-blue .bx_item_block_href:hover .bx_item_block_item_image { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } .title-search-result .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button { display: flex; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; height: 40px; border-radius: 20px; width: 220px; max-width: 100%; white-space: nowrap; box-shadow: 0px 0px 10px rgb(0 0 0 / 7%); background-color: #000000; border: none; } .title-search-result .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #FFFFFF; border: none; color: #000000; } @media screen and (max-width: 960px) { #search_popup { top: 0; padding: 16px 0 40px; overflow: auto; z-index: 1001; } #search_popup .search-popup__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } #search_popup .search-popup__header h2 { font-size: 20px; font-weight: 400; margin: 0; text-transform: uppercase; } #search_popup .search-popup__close { border: none; padding: 0; background-color: transparent; color: #BDBDBD; font-size: 14px; font-weight: 300; cursor: pointer; } #search_popup .bx-input-group input { font-size: 14px; height: 44px; border-radius: 22px; padding: 0 18px; } } .continue-shopping-title { font-weight: 400; font-size: 24px; line-height: 110%; color: #1A1A1A; } .continue-shopping-content { font-weight: 300; font-size: 16px; line-height: 130%; padding: 10px 0; } @media screen and (min-width: 960px) { .continue-shopping-container { max-width: 460px; margin: 0 auto; } .continue-shopping-container input { border: 1px solid #F0F0F0; padding: 0 20px; height: 46px; } .continue-shopping-container input::placeholder { color: #666666; opacity: 1; } .continue-shopping-container p { font-size: 14px; } .continue-shopping-container p a { text-decoration: underline !important; } } .continue-shopping-container input { border: 1px solid #666363; padding: 0 20px; } .continue-shopping-container input::placeholder { color: #666666; opacity: 1; } .continue-shopping-container p { font-size: 14px; } .continue-shopping-container p a { text-decoration: underline !important; } .continue-shopping-container button { cursor: pointer; min-width: 230px; background: #000; color: #fff; border: 0; border-radius: 4px; padding: 12px 12px 12px 12px; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 300; font-size: 16px; line-height: 16px; margin-bottom: 20px; } .subscribe-btn { position: relative; padding-right: 40px; } .subscribe-btn::after { content: ''; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); width: 24px; height: 24px; background: url("data:image/svg+xml;utf8,") no-repeat center; } @media (max-width: 960px) { .continue-shopping-title { font-size: 20px; } } .subscribe-result { margin-top: 10px; font-size: 14px; } .subscribe-success { margin-top: 16px; } .subscribe-success__card { display: flex; gap: 12px; padding: 30px; background: #f5f5f5; border-radius: 12px; border: 1px solid rgba(0, 0, 0, .06); } .subscribe-success__icon { flex: 0 0 var(--success-icon-size); width: var(--success-icon-size); height: var(--success-icon-size); background: url(../images/2f7f7ca2e9743083.png) no-repeat center; background-size: contain; border: 0; align-self: center; } .subscribe-success__icon::after { content: none !important; } .subscribe-success__title { font-size: 20px; font-weight: 400; margin-bottom: 6px; } .subscribe-success__desc { font-size: 14px; color: #333; margin-top: 20px; } .subscribe-success__body { padding-left: 18px; } .continue-shopping-container .subscribe-btn { --btn-inset: 14px; --btn-right: 20px; display: inline-flex; align-items: center; justify-content: center; gap: var(--btn-inset); padding: 12px var(--btn-right) 12px var(--btn-inset); line-height: 1; } .continue-shopping-container .subscribe-btn::after { content: ""; position: static !important; width: 1.15em; height: 1.15em; } .continue-shopping-container .subscribe-btn { --btn-space: 24px; --btn-pad-right: 20px; display: inline-flex; align-items: center; justify-content: center; gap: var(--btn-space); padding: 12px var(--btn-pad-right) 12px var(--btn-space) !important; line-height: 1; } .continue-shopping-container .subscribe-btn::after { content: ""; position: static !important; right: auto !important; top: auto !important; transform: none !important; margin-left: 0 !important; display: inline-block; width: 1.15em; height: 1.15em; } .footer .continue-shopping-container { color: #fff; } .footer .continue-shopping-title { color: #fff; } .footer .continue-shopping-title { font-size: 16px; } .footer .continue-shopping-content { color: #fff; } .footer .continue-shopping-container input { background: #fff; color: #1A1A1A; border-color: #fff; width: 100%; } .footer .continue-shopping-container input::placeholder { color: #666666; opacity: 1; } .footer .continue-shopping-container p { color: #fff; margin: 10px 0 !important; text-transform: none !important; } .footer .continue-shopping-container p a { color: #fff; text-decoration: underline !important; } .footer .continue-shopping-container .subscribe-btn { background: #fff; color: #000; } .footer .continue-shopping-container .subscribe-btn::after { background: url("data:image/svg+xml;utf8,") no-repeat center; } .footer .subscribe-success__card { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .footer .subscribe-success__title { color: #fff; } .footer .subscribe-success__desc { color: rgba(255, 255, 255, 0.9); } .footer .subscribe-success__icon { filter: invert(1) brightness(1.2); } .footer { padding: 50px 0 30px; background-color: #000000; color: #FFFFFF; } .footer .wrapper { width: 95%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.7fr 1.7fr 1fr; grid-column-gap: 2.5vw; grid-row-gap: 28px; grid-template-areas: "a b c d" "a b e ." "f g h i"; } .footer .wrapper .col { text-transform: uppercase; } .footer .wrapper .col:nth-child(1) { grid-area: a; } .footer .wrapper .col:nth-child(2) { grid-area: b; } .footer .wrapper .col:nth-child(n+6) { align-self: end; } .footer .wrapper .col .socials { display: flex; align-self: center; justify-content: flex-start; flex-wrap: wrap; } .footer .wrapper .col .socials .soc { font-size: 36px; margin-right: 18px; margin-bottom: 20px; } .footer .wrapper .col h4 { font-size: 16px; font-weight: 500; margin: 0 0 22px; } .footer .wrapper .col ul { padding: 0; list-style: none; } .footer .wrapper .col p, .footer .wrapper .col li { margin: 0 0 6px; font-size: 14px; font-weight: 300; } .footer .wrapper .col .border-bottom { border-bottom: 1px solid #FFFFFF; } .footer .acc-ico { display: none; } @media screen and (max-width: 960px) { .footer input, .footer textarea, .footer select { height: 50px; width: 100%; border-radius: 4px; padding: 0 20px; } } @media screen and (max-width: 960px) { .footer { padding: 20px 0 70px; border-radius: 10px 10px 0px 0px; margin-top: -10px; } .footer .wrapper { display: flex; flex-wrap: wrap; grid-row-gap: 0; grid-column-gap: 0; } .footer .wrapper .col { text-transform: uppercase; order: 10; width: 100%; } .footer .wrapper .col.socials-block { order: 10; } .footer .wrapper .col.mobile-first { order: 1; } .footer .wrapper .col.copy-col { text-align: center; } .footer .wrapper .col.copy-col p { margin: 0; } .footer .wrapper .col .socials { display: flex; align-self: center; justify-content: center; margin-top: 30px; margin-bottom: 20px; } .footer .wrapper .col .socials .soc { font-size: 36px; margin: 0 5px 10px 5px; } .footer .wrapper .col h4 { font-size: 18px; font-weight: 500; margin: 0 0 22px; } .footer .wrapper .col ul { padding: 0; list-style: none; } .footer .wrapper .col p, .footer .wrapper .col li { margin: 0 0 16px; font-size: 14px; font-weight: 300; } .footer .mobile-acc-block { border-bottom: 1px solid rgba(255, 255, 255, 0.4); order: 1; } .footer .mobile-acc-block .mobile-acc-head { padding: 14px 0; } .footer .mobile-acc-block .mobile-acc-head h4 { margin: 0; font-size: 16px; font-weight: 500; } .footer .mobile-acc-block .mobile-acc-body { padding: 4px 0; } .footer .mobile-only { display: block; } .footer .mobile-cols { column-gap: 20px; } .mobile-acc-block .acc-ico { display: block; height: 22px; width: 22px; transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .mobile-acc-block .mobile-acc-head { display: flex; align-items: center; justify-content: space-between; } .mobile-acc-block .mobile-acc-body { display: none; } .mobile-acc-block.active .acc-ico { transform: rotateZ(0deg); } .mobile-acc-block.active .acc-ico span:nth-child(1) { -webkit-transform: translate3d(-4px, 5px, 0) rotateZ(90deg); transform: translate3d(-4px, 5px, 0) rotateZ(90deg); } .mobile-acc-block.active .acc-ico span:nth-child(2) { -webkit-transform: translate3d(4px, -6px, 0) rotateZ(90deg); transform: translate3d(4px, -6px, 0) rotateZ(90deg); } } .menu-ctrls-block { display: grid; grid-template-columns: repeat(5, auto); grid-column-gap: 1.5vw; justify-content: flex-end; align-items: center; font-size: 0; } .menu-ctrls-block.mobile-ctrls-block { display: none; } .menu-ctrls-block .ctrl-btn { font-size: 20px; } .menu-ctrls-block .cart-btn .count { position: absolute; top: 6px; right: -6px; height: 12px; width: 12px; font-size: 8px; line-height: 11px; text-align: center; border-radius: 50%; background-color: #000000; color: #FFFFFF; margin-top: -4px; margin-right: -2px; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); opacity: 0; visibility: hidden; transform-origin: 50% 50%; } .menu-ctrls-block .cart-btn:before { display: block; transform-origin: 50% 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .menu-ctrls-block .cart-btn:after { content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -3px; border-radius: 50%; background-color: #000000; height: 6px; width: 6px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } .menu-ctrls-block .hot-btn .count { position: absolute; top: 7px; right: -4px; height: 12px; width: 12px; font-size: 8px; line-height: 11px; text-align: center; border-radius: 50%; background-color: #000000; color: #FFFFFF; margin-top: -4px; margin-right: -2px; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); opacity: 0; visibility: hidden; transform-origin: 50% 50%; } .menu-ctrls-block .hot-btn .count:not(:empty) { opacity: 1; visibility: visible; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .menu-ctrls-block .cart-btn.active .count { opacity: 1; visibility: visible; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } @media screen and (max-width: 960px) { .menu-ctrls-block.mobile-ctrls-block { display: flex; } .menu-ctrls-block.bottom-ctrls-block { position: fixed; bottom: 0; left: 0; right: 0; box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05); border-radius: 10px 10px 0px 0px; display: flex; align-items: center; justify-content: space-between; padding: 20px 5vw; z-index: 1001; background-color: #FFFFFF; } .menu-ctrls-block .ctrl-btn { font-size: 20px; } .menu-ctrls-block .hot-btn { order: 2; } .menu-ctrls-block .cart-btn { order: 3; } } .icon-widget { width: 22px; height: 20px; background: url(../images/2548b84197ff77b8.svg) no-repeat; background-size: contain; } .bottom-ctrls-block .icon-profile:before { content: none; } @media (max-width: 960px) { .menu-ctrls-block.bottom-ctrls-block { box-shadow: none !important; border-radius: 0 !important; } } @media screen and (max-width: 960px) { .mobile-acc-block .acc-ico { display: block; height: 22px; width: 22px; transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .mobile-acc-block .acc-ico span { display: block; position: absolute; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .mobile-acc-block .acc-ico span:nth-child(1) { border-left: 1px solid #FFFFFF; top: 0; height: 11px; left: 50%; margin-left: -1px; } .mobile-acc-block .acc-ico span:nth-child(2) { border-left: 1px solid #FFFFFF; bottom: 0; left: 50%; margin-left: -1px; height: 11px; } .mobile-acc-block .acc-ico span:nth-child(3) { border-bottom: 1px solid #FFFFFF; top: 50%; width: 100%; left: 0; margin-top: -1px; } .mobile-acc-block .mobile-acc-head { display: flex; align-items: center; justify-content: space-between; } .mobile-acc-block .mobile-acc-body { display: none; } } .socials .soc { transition: all 0.3s; -webkit-transition: all 0.3s; position: relative; width: 36px; height: 36px; border: 1px solid; border-radius: 8px; background: black; } .socials .soc:hover { opacity: .8; } .socials .soc:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .socials .soc.icon-tel:before { background-image: url(../images/6b6737c4e7c1da38.svg); width: 24px; height: 24px; background-size: contain; } .socials .soc.icon-yt:before { background-image: url(../images/922e5b1ff9970a74.svg); width: 33px; height: 33px; background-size: contain; } .socials .soc.icon-whatsapp:before { background-image: url(../images/e69d5e66178d1ebc.svg); width: 24px; height: 24px; background-size: contain; margin-left: 1px; margin-top: -1px; } @media (max-width: 960px) { .footer .wrapper .col .socials { padding-bottom: 7px; } } .mobile-only { display: none; } @media screen and (max-width: 960px) { .mobile-only { display: block; } .no-mobile { display: none !important; } } @media (max-width: 960px) { .header__container { flex-wrap: wrap; padding: 15px 0; min-height: 50px; } .header__nav { order: 3; width: 100%; } .header__menu { flex-wrap: wrap; gap: 15px; justify-content: flex-start; } .main-content { padding-top: calc(80px + var(--shocx-topbar-h, 0px)); } .footer__container { grid-template-columns: 1fr; gap: 30px; } .footer__bottom { flex-direction: column; text-align: center; } } .notice-surface { position: fixed; z-index: 1003; right: 32px; top: 108px; max-width: calc(100% - 64px); max-height: calc(100vh - 56px); display: flex; flex-direction: row; background-color: transparent; transition: all 0.3s ease; } .notice { min-width: 0; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15); background: var(--ui-color-primary); border-radius: 12px; position: relative; width: 346px; max-width: 100%; transition: transform 0.1s linear; flex-shrink: 0; margin: 4px 0; font-family: 'Normalidad Text', -apple-system, sans-serif; } .notice__title { color: #888; } .notice--hidden { display: none !important; margin: 0; } .notice--link { cursor: pointer; } .notice__closer { width: 38px; height: 38px; position: absolute; top: -1px; right: -1px; display: flex; justify-content: center; align-items: center; z-index: 1; cursor: pointer; } .notice__inner { padding: 20px; } .notice__image { height: 60px; width: 60px; } .notice__image img { max-height: 100%; max-width: 100%; } .notice__info-wrap { display: flex; flex-shrink: 0; align-items: flex-start; margin-left: -10px; margin-right: -10px; } .notice__image-wrap, .notice__text-wrap { padding-left: 10px; padding-right: 10px; } .notice__text-wrap { align-self: center; } .notice .notice__text-wrap .notice__title:first-child { margin-top: -7px; } .notice__title+.notice__detail { margin-top: 4px; } .notice-surface--right .animate--notice-show { -webkit-animation: animate--notice-show--right 0.4s linear; -ms-animation: animate--notice-show--right 0.4s linear; animation: animate--notice-show--right 0.4s linear; right: 0; } @-webkit-keyframes animate--notice-show--right { from { right: calc(-100% - 32px); } 50% { right: 32px; } to { right: 0; } } @-ms-keyframes animate--notice-show--right { from { right: calc(-100% - 32px); } 50% { right: 32px; } to { right: 0; } } @keyframes animate--notice-show--right { from { right: calc(-100% - 32px); } 50% { right: 32px; } to { right: 0; } } .notice-surface--left .animate--notice-show { -webkit-animation: animate--notice-show--left 0.6s linear; -ms-animation: animate--notice-show--left 0.6s linear; animation: animate--notice-show--left 0.6s linear; left: 0; } @-webkit-keyframes animate--notice-show--left { from { left: calc(-100% - 32px); } 50% { left: 32px; } to { left: 0; } } @-ms-keyframes animate--notice-show--left { from { left: calc(-100% - 32px); } 50% { left: 32px; } to { left: 0; } } @keyframes animate--notice-show--left { from { left: calc(-100% - 32px); } 50% { left: 32px; } to { left: 0; } } .animate--notice-hide { opacity: 0 !important; margin: 0 !important; transition: transform 0.1s linear, opacity 0.3s ease-in-out 0.1s, height 0.3s linear 0.4s, margin 0.3s linear 0.4s; } .notice-surface__inner { display: flex; flex-direction: column-reverse; align-items: flex-start; position: relative; max-width: 100%; } .svg { top: 0px; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; min-width: 30px; min-height: 30px; position: relative; background-repeat: no-repeat; background-position: center center; min-width: auto; min-height: auto; } .svg svg { display: block; } @media (max-width: 960px) { body>*:not(.owl-stage):not(.owl-stage *):not(main) { max-width: 100%; } } .no-pointer { pointer-events: none !important; } .svg.right { transform: rotate(90deg); } .svg.left { transform: rotate(-90deg); } #mobilemenu .menu.middle { margin: 0; padding: 0; } #mobilemenu .menu.middle ul { margin: 0; padding: 0; list-style: none; } #mobilemenu .menu.middle li { border-bottom: 1px solid #f2f2f2; border-color: var(--line_bg_black, #f2f2f2); } #mobilemenu .menu.middle a { display: block; position: relative; padding: 19px 20px 20px 57px; font-size: 15px; font-weight: bold; text-decoration: none; background: #fbfbfb; background: var(--light_bg_black, #fbfbfb); color: #333; color: var(--white_text_black, #333); } #mobilemenu .menu.middle a .svg { position: absolute; top: 22px; left: 20px; opacity: 1; } #mobilemenu .menu.middle a .svg-inline-cabinet { width: 16px; min-width: 16px; height: 17px; min-height: 17px; } #mobilemenu .menu.middle a .svg-inline-basket { width: 18px; min-width: 18px; height: 17px; min-height: 17px; left: 19px; top: 50%; transform: translateY(-50%); } #mobilemenu .menu.middle a .svg-phone, #mobilemenu .menu.middle a .svg-inline-phone { width: 9px; min-width: 9px; height: 12px; min-height: 12px; left: 25px; top: 50%; transform: translateY(-50%); } #mobilemenu .menu.middle a:hover .svg-phone { background-color: transparent; } #mobilemenu .menu.middle li.counters>a>span { padding-right: 25px; position: relative; } #mobilemenu .menu.middle li.counters .count { width: 17px; height: 17px; line-height: 17px; white-space: nowrap; font-size: 12px; color: #fff; border-radius: 8px; text-align: center; display: block; position: absolute; right: 0; top: 50%; margin-top: -8px; font-weight: normal; background: #8b253b; } #mobilemenu .contacts .title { font-weight: bold; padding: 19px 20px 6px 19px; } #mobilemenu .contacts .svg:not(.svg-inline-triangle) svg * { fill: #999; } #mobilemenu .contacts a { color: #333; color: var(--white_text_black, #333); text-decoration: none; } #mobilemenu .contacts .email, #mobilemenu .contacts .address, #mobilemenu .contacts .phone { padding: 12px 20px 0 50px; position: relative; line-height: 18px; font-size: 13px; } #mobilemenu .contacts .svg.svg-inline-address, #mobilemenu .contacts .svg.svg-inline-phone { position: absolute; left: 23px; top: 16px; width: 13px; min-width: initial; height: 16px; min-height: initial; } #mobilemenu .contacts .svg-inline-email { position: absolute; left: 23px; top: 17px; width: 16px; height: 16px; min-width: initial; min-height: initial; } #mobilemenu .social-icons { border-bottom: none; padding: 20px 0; } #mobilemenu .social-icons ul { margin: 0; padding: 0 20px 10px; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 10px; list-style: none; } #mobilemenu .social-icons li { margin: 0; padding: 0; } #mobilemenu .social-icons li a { position: relative; display: block; width: 36px; height: 36px; border: 1px solid #000; border-radius: 8px; background: #000; text-indent: -9999px; overflow: hidden; transition: opacity 0.3s ease; } #mobilemenu .social-icons li a::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; } #mobilemenu .social-icons li.telegram a::before { width: 24px; height: 24px; background-image: url(../images/6b6737c4e7c1da38.svg); } #mobilemenu .social-icons li.whats a::before { width: 24px; height: 24px; background-image: url(../images/e69d5e66178d1ebc.svg); margin-left: 1px; margin-top: -1px; } #mobilemenu .social-icons li a:hover { opacity: 0.8; } .shocx-see-all { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; white-space: nowrap; font-family: var(--font-ui, 'Golos UI', sans-serif); font-size: 14px; font-weight: 500; letter-spacing: 0.01em; text-transform: none; color: var(--c-ink, #1a1a1a); text-decoration: none; background: none; border: 0; padding: 0; border-radius: 0; cursor: pointer; transition: color 160ms cubic-bezier(0.23, 1, 0.32, 1); } .shocx-see-all svg { width: 17px; height: 17px; flex-shrink: 0; transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1); } @media (hover: hover) and (pointer: fine) { .shocx-see-all:hover { color: var(--c-ochre, #8b253b); } .shocx-see-all:hover svg { transform: translateX(4px); } } @media (prefers-reduced-motion: reduce) { .shocx-see-all svg { transition: none; } } .search-popup.shocx-meili-on .bx-searchtitle-preloader, .search-popup.shocx-meili-on .title-search-result, .search-popup.shocx-meili-on .bx-searchtitle .bx-searchtitle-result { display: none !important; } #search_popup .search-popup__content { min-height: calc(100vh - 96px); } .shocx-search-results { order: 3; padding: 0; } .shocx-search-results[hidden] { display: none; } .shocx-srs__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; } .shocx-srs__all { font-family: var(--font-ui); font-size: 13px; color: var(--c-ink); text-decoration: none; white-space: nowrap; } .shocx-srs__all:hover { color: var(--c-ochre, #8b253b); } .shocx-srs__card { display: block; text-decoration: none; color: inherit; } .shocx-srs__img { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f8f8f8; margin-bottom: 12px; } .shocx-srs__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease; } .shocx-srs__card:hover .shocx-srs__img img { transform: scale(1.05); } .shocx-srs__info { display: flex; flex-direction: column; } .shocx-srs__brand { font-family: var(--font-display); font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--c-muted); margin-bottom: 2px; } .shocx-srs__name { font-family: var(--font-display); font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 1.2; color: var(--c-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .shocx-srs__price { font-size: 13px; font-weight: 600; color: var(--c-ink); margin-top: 6px; } .shocx-search-results .shocx-search-empty__list li { opacity: 1 !important; transform: none !important; } .shocx-srs__none, .shocx-srs__loading { padding: 48px 0; color: var(--c-muted); font-size: 15px; } @media (max-width: 960px) { #search_popup .search-popup__content { min-height: auto; } } .index-page .shocx-home-looks:has(+ .shocx-home-product-section) { margin-bottom: 54px; } .index-page .shocx-home-brands:has(+ .shocx-promo-section) { margin-bottom: 81px; } .index-page .shocx-promo-section:has(+ .shocx-home-product-section) { margin-bottom: 81px; } .index-page .shocx-home-guarantee:has(+ .shocx-about-numbers) { margin-bottom: 54px; } .index-page .shocx-about-numbers:has(+ .bottom-banner-section) { margin-bottom: 81px; } .index-page .shocx-home-collections:has(+ .shocx-home-looks) { margin-bottom: 81px; } .index-page .bottom-banner-section:has(+ .shocx-home-seo) { margin-bottom: 81px; } .index-page .shocx-home-seo { margin-top: 0; margin-bottom: 0; } .main-content:has(.index-page) { padding-bottom: 0; } .main-content:has(.index-page) + .shocx-footer { margin-top: 81px; } .index-page .shocx-popular-sections:has(+ .shocx-home-product-section) { margin-bottom: 81px; } .index-page .shocx-home-blog:has(+ .shocx-home-guarantee) { margin-bottom: 54px; } body:has(.order-page) { background: #fff; } @media (max-width: 960px) { .index-page .shocx-home-hero:has(+ .shocx-home-product-section) { margin-bottom: 46px; } .index-page .shocx-popular-sections:has(+ .shocx-home-product-section){ margin-bottom: 69px; } .index-page .shocx-home-collections:has(+ .shocx-home-looks) { margin-bottom: 69px; } .index-page .shocx-home-looks:has(+ .shocx-home-product-section) { margin-bottom: 46px; } .index-page .shocx-home-brands:has(+ .shocx-promo-section) { margin-bottom: 69px; } .index-page .shocx-promo-section:has(+ .shocx-home-product-section) { margin-bottom: 69px; } .index-page .shocx-home-blog:has(+ .shocx-home-guarantee) { margin-bottom: 46px; } .index-page .shocx-home-guarantee:has(+ .shocx-about-numbers) { margin-bottom: 46px; } .index-page .shocx-about-numbers:has(+ .bottom-banner-section) { margin-bottom: 69px; } .index-page .bottom-banner-section:has(+ .shocx-home-seo) { margin-bottom: 69px; } .main-content:has(.index-page) + .shocx-footer { margin-top: 69px; } } @font-face { font-family: 'icomoon'; src: url('../images/a4cb511bd187e778.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-exit:before { content: "\e92b"; } .icon-edit:before { content: "\e929"; } .icon-copy:before { content: "\e928"; } .icon-message-tile-fill:before { content: "\e925"; } .icon-video-tile:before { content: "\e926"; } .icon-vk-tile:before { content: "\e927"; } .icon-message-tile:before { content: "\e923"; } .icon-tel-tile:before { content: "\e924"; } .icon-minus:before { content: "\e920"; } .icon-plus:before { content: "\e921"; } .icon-trash:before { content: "\e922"; } .icon-gift:before { content: "\e91f"; } .icon-send:before { content: "\e91e"; } .icon-eye:before { content: "\e91d"; } .icon-car:before { content: "\e918"; } .icon-hot-fill:before { content: "\e919"; } .icon-shield:before { content: "\e91a"; } .icon-star:before { content: "\e91b"; } .icon-tshirt:before { content: "\e91c"; } .icon-chev-bottom:before { content: "\e908"; } .icon-cross-r:before { content: "\e917"; } .icon-arrow-right-thin:before { content: "\e903"; } .icon-arrow-bold:before { content: "\e900"; } .icon-arrow-left:before { content: "\e901"; } .icon-arrow-right:before { content: "\e902"; } .icon-arrow-tr:before { content: "\e904"; } .icon-calendar:before { content: "\e905"; } .icon-cart:before { content: "\e906"; } .icon-check:before { content: "\e907"; } .icon-filter:before { content: "\e909"; } .icon-hot:before { content: "\e90a"; } .icon-lin:before { content: "\e90b"; } .icon-link:before { content: "\e90c"; } .icon-logo:before { content: "\e90d"; } .icon-map-point:before { content: "\e90e"; } .icon-message:before { content: "\e90f"; } .icon-profile:before { content: "\e910"; } .icon-search:before { content: "\e911"; } .icon-tel:before { content: "\e912"; } .icon-tip:before { content: "\e913"; } .icon-video:before { content: "\e914"; } .icon-vk:before { content: "\e915"; } .icon-warning:before { content: "\e916"; } #auth_popup .shocx-auth-popup__code { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 8px !important; max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; } #auth_popup .shocx-auth-popup__code-cell { width: 100% !important; min-width: 0 !important; height: 52px !important; box-sizing: border-box !important; } .shocx-cookie{position:fixed;left:0;right:0;bottom:0;z-index:10000;padding:14px 16px;background:#fff;border-top:1px solid #e3e3e3;box-shadow:0 -6px 24px rgba(0,0,0,.08)} .shocx-cookie[hidden]{display:none} .shocx-cookie__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px} .shocx-cookie__text{margin:0;font-size:13px;line-height:1.5;color:#444;flex:1 1 auto} .shocx-cookie__text a{color:#1a1a1a;text-decoration:underline;text-underline-offset:2px} .shocx-cookie__btn{flex:0 0 auto;background:#1a1a1a;color:#fff;border:0;border-radius:100px;padding:12px 32px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s} .shocx-cookie__btn:hover{background:#8b253b} @media(max-width:600px){.shocx-cookie__inner{flex-direction:column;align-items:stretch;gap:12px}.shocx-cookie__btn{width:100%}} .h-page-popup{opacity:0;visibility:hidden;pointer-events:none} .h-page-popup.active{opacity:1;visibility:visible;pointer-events:auto} .h-page-popup .pop-content{transform:translate3d(110%,0,0)} .h-page-popup.active .pop-content{transform:translate3d(0,0,0)} #mobileheader .basket-link { position: relative; display: inline-block; padding-left: 22px; padding-right: 3px; vertical-align: top; } #mobilemenu { background: #fff; z-index: 11002; overflow: hidden; overflow-y: auto; transition: left 0.4s ease 0s, opacity 0.4s ease 0s; position: fixed; } #mobilemenu::-webkit-scrollbar { width: 8px; } #mobilemenu::-webkit-scrollbar-track { border-radius: 8px; } #mobilemenu::-webkit-scrollbar-thumb { border-radius: 8px; background: #999; border: 2px solid #fff; border-color: #fff; } #mobilemenu.leftside { left: -100%; top: 0; bottom: 0; width: 300px; max-width: 100%; display: none; } #mobilemenu.leftside.show { left: 0; box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.45); display: block; } #mobilemenu>.scroller>.wrap:has(.is-expanded) { transform: translateX(-100%); } #mobilemenu>.scroller>.wrap { width: 100%; transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; } #mobilemenu .header__mobile-submenu { margin: 0; padding: 0; list-style: none; background: #fff; position: absolute; left: 100%; top: 0; width: 100%; height: 100vh; background: #fff; z-index: 999999; } #mobilemenu .header__mobile-submenu-back a { font-size: 15px; line-height: 18px; padding: 22px 20px 23px 19px; cursor: pointer; position: relative; text-decoration: none; color: #333; display: flex !important; align-items: center; gap: 12px; } .header__mobile-submenu-title:has(.mobile-menu-hide):not(.header__mobile-submenu-level-title):not(:has(.mobile-menu-show)) { display: none; } .header__mobile-submenu-title:has(.mobile-menu-hide) { text-transform: capitalize; } .mobile-menu-hide { display: none; } #mobilemenu .header__mobile-submenu-back a:hover { color: #8b253b; } #mobilemenu .header__mobile-submenu-title { padding: 22px 23px 23px 19px; color: #8b253b; font-size: 15px; } #mobilemenu .header__mobile-submenu-level-title { font-size: 15px; line-height: 18px; color: #333; font-weight: bold; padding: 22px 23px 23px 19px; background: #f2f2f2; } #mobilemenu .header__mobile-submenu-level-title { border-bottom: 1px solid #eee; border-color: #eee; } #mobilemenu .header__mobile-submenu>li:not(.header__mobile-submenu-back):not(.header__mobile-submenu-title)>a { display: block; padding: 14px 20px 14px 19px; font-size: 14px; text-decoration: none; color: inherit; } #mobilemenu .header__mobile-menu li.is-expanded>a { background: #f2f2f2; } #mobilemenu .header__mobile-menu li.is-expanded .svg-inline-triangle { transform: rotate(180deg); transition: transform 0.2s ease; } #mobilemenu .header__mobile-menu a:hover .svg { background-color: transparent; } #mobilemenu .header__mobile-menu { padding: 0; margin: 0; display: block; } #mobilemenu .header__mobile-menu>li { list-style: none; display: block; margin: 0; border-bottom: 1px solid #f2f2f2; width: 100%; padding: 0; border-color: #f2f2f2; } #mobilemenu .header__mobile-menu li:before { display: none; } #mobilemenu .header__mobile-menu>li a, #mobilemenu .header__mobile-menu>li .dropdown-link { padding: 19px 20px 20px 19px; display: block; position: relative; text-decoration: none; } #mobilemenu .header__mobile-menu>li.header__mobile-menu_title a { padding: 0px; } #mobilemenu .header__mobile-menu>li .dropdown-link, #mobilemenu .header__mobile-menu>li.has-children>a { padding-right: 46px; } #mobilemenu .header__mobile-menu>li .arrow { position: absolute; z-index: 1; width: 46px; top: 0; right: 0; bottom: 0; cursor: pointer; padding-left: 8px; display: block; } #mobilemenu .header__mobile-menu>li .arrow .svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #mobilemenu .header__mobile-menu>li .arrow .svg-inline-triangle, #mobilemenu .header__mobile-menu>li .arrow svg { color: #999; fill: currentColor; } #mobilemenu .header__mobile-menu>li>a, #mobilemenu .header__mobile-menu>li .dropdown-link { background: #fff; font-size: 15px; font-weight: bold; } #mobilemenu .header__mobile-menu>li:not(.counters) { position: initial; } #mobilemenu .header__mobile-menu>li.counters>a>span { padding-right: 25px; position: relative; } #mobilemenu .header__mobile-menu>li.counters .count { width: 17px; height: 17px; line-height: 17px; white-space: nowrap; font-size: 12px; color: #fff; border-radius: 8px; text-align: center; display: block; position: absolute; right: 0; top: 50%; margin-top: -8px; font-weight: initial; left: auto; } #mobilemenu .header__mobile-menu>li.counters .count.empted { background: #969ba5; } #mobilemenu .header__mobile-menu.middle>ul>li>a { padding-left: 57px; background: #fbfbfb; background: #fafafa; } #mobilemenu .header__mobile-menu.middle a .svg { position: absolute; opacity: 1; } #mobilemenu .header__mobile-menu.middle a .svg:not(.svg-inline-triangle):not(.iconset_icon--svg) * { fill: #999; } #mobilemenu .header__mobile-menu.middle a .svg-inline-cabinet { width: 16px; min-width: 16px; height: 17px; min-height: 17px; left: 20px; top: 22px; } #mobilemenu .header__mobile-menu.middle a .svg-inline-basket { width: 18px; min-width: 18px; height: 17px; min-height: 17px; left: 19px; top: 24px; } #mobilemenu .header__mobile-menu.middle a .svg-phone, #mobilemenu .header__mobile-menu.middle a .svg-inline-phone { width: 9px; min-width: 9px; height: 12px; min-height: 12px; left: 25px; top: 26px; } #mobilemenu .header__mobile-menu.middle a:hover .svg-phone { background-color: transparent; } #mobilemenu .top-mobile-menu .top-mobile-menu__link { display: flex; align-items: center; } .shocx-mobile-categories { padding: 0; max-height: calc(100vh - 185px); overflow: auto; } .shocx-mobile-categories__grid { display: grid; grid-template-columns: 1fr; gap: 0.75rem; padding: 0 14px; } .shocx-mobile-categories__item { display: block; position: relative; border-radius: 12px; overflow: hidden; text-decoration: none; color: inherit; transition: transform 0.2s ease; background: #fff; } .shocx-mobile-categories__item:active { transform: scale(0.98); } .shocx-mobile-categories__image { width: 100%; height: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #f5f5f5; position: relative; } .shocx-mobile-categories__image img { width: 100%; height: 100%; object-fit: cover; } .shocx-mobile-categories__name { position: absolute; top: 1rem; left: 1rem; font-size: 1.125rem; font-weight: 600; line-height: 1.3; color: #1a1a1a; background: rgba(255, 255, 255, 0.95); padding: 0.5rem 0.75rem; border-radius: 4px; backdrop-filter: blur(4px); text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); pointer-events: none; } .shocx-mobile-categories__item:nth-child(1) { grid-column: 1 / -1; } @media (min-width: 360px) { .shocx-mobile-categories__grid { grid-template-columns: 1fr 1fr; padding: 0; gap: 0.75rem; } .shocx-mobile-categories__item:nth-child(1) { grid-column: 1 / -1; } .shocx-mobile-categories__item:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 4; } .shocx-mobile-categories__item:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; } .shocx-mobile-categories__item:nth-child(4) { grid-column: 2 / 3; grid-row: 3 / 4; } .shocx-mobile-categories__item:nth-child(5), .shocx-mobile-categories__item:nth-child(n+6) { grid-column: 1 / -1; } } @media (min-width: 480px) { .shocx-mobile-categories__grid { gap: 1rem; } .shocx-mobile-categories__name { font-size: 1.25rem; padding: 0.625rem 1rem; } } .bx_smart_searche,.bx_smart_searche *,.bx-searchtitle,.bx-searchtitle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:14px}.bx-searchtitle{margin:10px 0 0}.bx-searchtitle-history{margin-top:5px}.bx-searchtitle-history a{color:#222;text-decoration:underline}.bx-searchtitle-history a:hover{text-decoration:none}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#333;background-color:#f8fafc;border:1px solid #d5dadc;border-right:none;border-radius:1px 0 0 1px;outline:none;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-searchtitle .bx-input-group .bx-form-control:focus{background-color:#fff}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0%,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0%,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell;line-height:normal}.bx-searchtitle .bx-input-group-btn button{position:relative;border:none;background:url(../images/e166198ccca9d9a8.png) center center no-repeat #95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:0;border-radius:0 1px 1px 0;color:#fff;font-size:16px;line-height:1.42857143;height:34px;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background-color:#1484CE}div.title-search-result{border:0 none!important;border-top:0 none;display:none;overflow:hidden;z-index:9999;min-width:200px;margin-top:3px;background-color:#FFF;border-radius:2px;box-shadow:0 0 7px -2px #d6d6d6}div.title-search-fader{display:none;background-image:url(../images/aed058d52e075c9e.png);background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_smart_searche{padding-top:8px;border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche .bx_info_wrap{margin-left:85px}.bx_smart_searche .bx_img_element{float:left;padding:5px;width:75px;text-align:center}.bx_smart_searche .bx_item_block{min-height:65px;position:relative}.bx_smart_searche .bx_image{display:inline-block;max-width:100%}.bx_smart_searche .bx_image.empty_image{background-image:}.bx_smart_searche .bx_item_element{padding:8px 0}.bx_smart_searche .bx_item_element_all_result{text-align:center}.bx_smart_searche .bx_item_element hr{margin:0;border:none;border-bottom:1px solid #e5e5e5}.bx_smart_searche .bx_item_element a{margin-top:5px;display:inline-block;color:#333;font-size:14px;text-decoration:none;font-weight:700}.bx_smart_searche .bx_item_element a b{font-weight:700;color:#000}.bx_smart_searche .bx_item_element a:hover,.bx_smart_searche .bx_item_element a:hover b{text-decoration:underline}.bx_smart_searche .bx_item_preview_text{font-size:13px;padding:5px 10px 5px 0}.bx_smart_searche .bx_price{font-weight:700;font-size:15px;margin-top:5px}.bx_smart_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;font-size:12px;vertical-align:middle}.bx_smart_searche .bx_item_block.all_result{min-height:0}.bx_smart_searche .bx_item_block.others_result{min-height:0;line-height:12px;padding:0}.bx_smart_searche .bx_item_block.all_result .all_result_button{display:inline-block;font-size:14px;background-color:#1485CE;border:1px solid;border-color:#1485CE;color:#FFF;padding:0 22px;height:34px;text-decoration:none;border-radius:2px;margin:0 0 8px;line-height:34px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.bx_smart_searche .bx_item_block_href{display:block;text-decoration:none;margin-bottom:5px;padding:8px;line-height:14px}.bx_smart_searche .bx_item_block_href:hover{background-color:#feeed2}.bx_smart_searche .bx_item_block_hrline{border-bottom:1px solid #f5a61c;margin:0 8px 5px}.bx_item_block_item_clear{display:block;clear:both}.bx_smart_searche .bx_item_block_item_info_wrap{display:block}.bx_smart_searche .bx_item_block_item_info_wrap.wpic{padding-left:39px}.bx_smart_searche .bx_item_block_item_info{display:block}.bx_smart_searche .bx_item_block_href_category_title{color:#a2a2a2}.bx_smart_searche .bx_item_block_href_category_name{color:#f5a61c;font-weight:700;text-transform:uppercase}.bx_smart_searche .bx_item_block_item_image{width:34px;height:34px;float:left;margin-right:5px;position:relative}.bx_smart_searche .bx_item_block_item_image img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}.bx_smart_searche .bx_item_block_item_name{color:#333;overflow:hidden;height:34px;display:block;line-height:17px;display:flex}.bx_smart_searche .bx_item_block_item_name_flex_align{margin:auto 0}.bx_smart_searche .bx_item_block_item_simple_name{color:#333;display:block;line-height:17px}.bx_smart_searche .bx_item_block_item_name b,.bx_smart_searche .bx_item_block_item_simple_name b{color:#f5a61c}.bx_smart_searche .bx_item_block_item_price{float:right;text-align:right;color:#333;line-height:17px;padding-left:5px}.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one{line-height:34px}.bx_smart_searche .bx_item_block_item_price .bx_price_new{white-space:nowrap;font-weight:700;display:block}.bx_smart_searche .bx_item_block_item_price .bx_price_old{white-space:nowrap;text-decoration:line-through}.bx_smart_searche .bx_item_block_item_text{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_smart_searche .bx_item_block_item_props{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_item_block_item_prop_item{display:block}.bx_smart_no_result_find{padding:0 8px 8px}.bx-searchtitle .bx-searchtitle-preloader{position:absolute;top:2px;right:110%;width:30px;height:30px;z-index:5;display:none}.bx-searchtitle .bx-searchtitle-preloader.view{background:url(../images/a5f06cf273fbc908.gif) center center no-repeat}.bx-searchtitle.theme-blue .bx-input-group .bx-form-control{border-color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view{background-image:url(../images/def26435c23fcd5f.gif)}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{background-color:#0083d1;border-color:#0083d1}.bx-searchtitle.theme-blue .bx-input-group-btn button{background-color:#0083d1;border-color:#0083d1;color:#FFF}.bx-searchtitle.theme-blue .bx-input-group-btn button:hover,.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover{background-color:#5ca6e4;border-color:#5ca6e4;text-decoration:none}.bx_smart_searche.theme-blue .bx_item_element a b{color:#5ca6e4}.bx_smart_searche.theme-blue .bx_item_block_href:hover{background-color:#b2d9f1}.bx_smart_searche.theme-blue .bx_item_block_href_category_name{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_item_name b,.bx_smart_searche.theme-blue .bx_item_block_item_simple_name b{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_hrline{border-color:#0083d1}.bx-searchtitle.theme-black .bx-input-group .bx-form-control{border-color:#333}.bx-searchtitle.theme-black .bx-searchtitle-preloader.view{background-image:url(../images/e983812e8c83bcd2.gif)}.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{background-color:#333;border-color:#333}.bx-searchtitle.theme-black .bx-input-group-btn button{background-color:#333;border-color:#333;color:#FFF}.bx-searchtitle.theme-black .bx-input-group-btn button:hover,.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover{background-color:#5c5c5c;border-color:#5c5c5c;text-decoration:none}.bx_smart_searche.theme-black .bx_item_element a b{color:#5c5c5c}.bx_smart_searche.theme-black{border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche.theme-black .bx_item_block_href:hover{background-color:#eaeaea}.bx_smart_searche.theme-black .bx_item_block_href_category_name{color:#333}.bx_smart_searche.theme-black .bx_item_block_item_name b,.bx_smart_searche.theme-black .bx_item_block_item_simple_name b{color:#333}.bx_smart_searche.theme-black .bx_item_block_hrline{border-color:#333}.bx-searchtitle.theme-green .bx-input-group .bx-form-control{border-color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-preloader.view{background-image:url(../images/ede28142b6dd0278.gif)}.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{background-color:#159ebb;border-color:#159ebb}.bx-searchtitle.theme-green .bx-input-group-btn button{background-color:#159ebb;border-color:#159ebb;color:#FFF}.bx-searchtitle.theme-green .bx-input-group-btn button:hover,.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover{background-color:#44b1c9;border-color:#44b1c9;text-decoration:none}.bx_smart_searche.theme-green .bx_item_element a b{color:#44b1c9}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#d0ebf1}.bx_smart_searche.theme-green .bx_item_block_href_category_name{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_item_name b,.bx_smart_searche.theme-green .bx_item_block_item_simple_name b{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_hrline{border-color:#159ebb}.bx-searchtitle.theme-red .bx-input-group .bx-form-control{border-color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-preloader.view{background-image:url(../images/6669eb39eb8cfe98.gif)}.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{background-color:#E22B2B;border-color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group-btn button{background-color:#E22B2B;border-color:#E22B2B;color:#FFF}.bx-searchtitle.theme-red .bx-input-group-btn button:hover,.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover{background-color:#e95c5c;border-color:#e95c5c;text-decoration:none}.bx_smart_searche.theme-red .bx_item_element a b{color:#e95c5c}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#f9d4d4}.bx_smart_searche.theme-red .bx_item_block_href_category_name{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_item_name b,.bx_smart_searche.theme-red .bx_item_block_item_simple_name b{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_hrline{border-color:#E22B2B}.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control{border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view{background-image:url(../images/5003f69dd2381ac3.gif)}.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{background-color:#F9A91D;border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group-btn button{background-color:#F9A91D;border-color:#F9A91D;color:#FFF}.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover,.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover{background-color:#faba4a;border-color:#faba4a;text-decoration:none}.bx_smart_searche.theme-yellow .bx_item_element a b{color:#faba4a}.bx_smart_searche.theme-yellow .bx_item_block_href_category_name{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_item_name b,.bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_hrline{border-color:#F9A91D} :root { --shocx-footer-ease: cubic-bezier(0.23, 1, 0.32, 1); } .shocx-footer { background: #1a1a1a; color: rgba(255, 255, 255, 0.7); font-family: 'Normalidad Text', -apple-system, sans-serif; line-height: 1.4; margin-top: 80px; } .shocx-footer__inner { max-width: 1700px; width: 95%; margin: 0 auto; padding: 56px 0 28px; } @media (min-width: 961px) { .shocx-footer__inner { width: 92.5%; } } .shocx-footer__top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.4fr; gap: 48px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .shocx-footer__brand-logo { font-family: 'Normalidad Text', sans-serif; font-weight: 900; font-size: 28px; letter-spacing: 0.05em; color: #fff; display: block; margin-bottom: 16px; text-decoration: none; } .shocx-footer__brand-tagline { font-family: 'Golos UI', sans-serif; font-size: 13px; line-height: 1.55; color: rgba(255, 255, 255, 0.55); max-width: 280px; margin-bottom: 24px; } .shocx-footer__contacts { display: flex; flex-direction: column; gap: 8px; font-family: 'Golos UI', sans-serif; font-size: 13px; } .shocx-footer__contacts-label { font-size: 11px; color: rgba(255, 255, 255, 0.45); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; } .shocx-footer__contacts a { color: #fff; text-decoration: none; font-weight: 500; font-variant-numeric: tabular-nums; transition: opacity 200ms var(--shocx-footer-ease); } .shocx-footer__contacts a:hover { opacity: 0.7; } .shocx-footer__contacts-val { color: #fff; font-weight: 500; } .shocx-footer__requisites { margin-top: 6px; font-size: 11px; line-height: 1.5; color: rgba(255, 255, 255, 0.3); } .shocx-footer__col-heading { font-family: 'Golos UI', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin-bottom: 18px; } .shocx-footer__col ul { list-style: none; padding: 0; margin: 0; } .shocx-footer__col li { margin-bottom: 10px; list-style: none; } .shocx-footer__col a { font-family: 'Normalidad Text', sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.85); text-decoration: none; transition: color 200ms var(--shocx-footer-ease); } .shocx-footer__col a:hover { color: #fff; } .shocx-footer__subscribe-title { font-family: 'Normalidad Text', sans-serif; font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 14px; line-height: 1.3; } .shocx-footer .subscribe-form { margin: 0; padding: 0; } .shocx-footer__subscribe-row { display: flex; gap: 6px; margin-bottom: 12px; } .shocx-footer .subscribe-input { flex: 1; height: 44px; padding: 0 14px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px; color: #fff; font-family: 'Golos UI', sans-serif; font-size: 13px; outline: none; transition: border-color 200ms var(--shocx-footer-ease), background 200ms var(--shocx-footer-ease); } .shocx-footer .subscribe-input::placeholder { color: rgba(255, 255, 255, 0.45); } .shocx-footer .subscribe-input:focus { border-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.12); } .shocx-footer .subscribe-btn { height: 44px; padding: 0 20px; background: #fff; color: #1a1a1a; border: none; border-radius: 6px; font-family: 'Golos UI', sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; transition: background 200ms var(--shocx-footer-ease), color 200ms var(--shocx-footer-ease), transform 140ms var(--shocx-footer-ease); white-space: nowrap; } .shocx-footer .subscribe-btn::after { display: none; } .shocx-footer .subscribe-btn:hover { background: #8b253b; color: #fff; } .shocx-footer .subscribe-btn:active { transform: scale(0.97); } .shocx-footer__subscribe-terms { font-family: 'Golos UI', sans-serif; font-size: 11px; line-height: 1.55; color: rgba(255, 255, 255, 0.4); margin: 0; } .shocx-footer__subscribe-terms a { color: rgba(255, 255, 255, 0.7); text-decoration: underline; text-underline-offset: 2px; transition: color 200ms var(--shocx-footer-ease); } .shocx-footer__subscribe-terms a:hover { color: #fff; } .shocx-footer .subscribe-success__card { display: flex; gap: 12px; padding: 16px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px; margin-top: 12px; } .shocx-footer .subscribe-success__title { font-family: 'Normalidad Text', sans-serif; font-weight: 600; color: #fff; margin-bottom: 4px; } .shocx-footer .subscribe-success__desc { font-family: 'Golos UI', sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; } .shocx-footer__bottom { margin-top: 28px; display: flex; justify-content: space-between; align-items: center; gap: 24px; font-family: 'Golos UI', sans-serif; font-size: 11px; color: rgba(255, 255, 255, 0.4); letter-spacing: 0.04em; flex-wrap: wrap; } .shocx-footer__legal { display: flex; gap: 18px; flex-wrap: wrap; } .shocx-footer__legal a { color: inherit; text-decoration: none; transition: color 200ms var(--shocx-footer-ease); } .shocx-footer__legal a:hover { color: #fff; } .shocx-footer__socials { display: flex; gap: 8px; } .shocx-footer__social { width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.85); text-decoration: none; transition: border-color 200ms var(--shocx-footer-ease), color 200ms var(--shocx-footer-ease), background 200ms var(--shocx-footer-ease); } .shocx-footer__social:hover { border-color: #fff; color: #fff; background: rgba(255, 255, 255, 0.08); } .shocx-footer__social svg { display: block; } @media (max-width: 1024px) { .shocx-footer__top { grid-template-columns: 1fr 1fr; gap: 32px; } } @media (max-width: 640px) { .shocx-footer { margin-top: 60px; } .shocx-footer__inner { padding: 40px 0 24px; } .shocx-footer__top { grid-template-columns: 1fr; gap: 0; } .shocx-footer__subscribe-row { flex-direction: column; gap: 8px; } .shocx-footer .subscribe-input { flex: none; width: 100%; height: 48px; } .shocx-footer .subscribe-btn { width: 100%; height: 48px; } .shocx-footer__bottom { flex-direction: column; align-items: flex-start; gap: 16px; } .shocx-footer__col.is-accordion { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .shocx-footer__col.is-accordion .shocx-footer__col-heading { position: relative; margin: 0; padding: 18px 0; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 44px; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .shocx-footer__col.is-accordion .shocx-footer__col-heading::after { content: ''; flex-shrink: 0; width: 12px; height: 12px; position: relative; } .shocx-footer__col.is-accordion .shocx-footer__col-heading::before { content: ''; position: absolute; right: 5px; top: 50%; width: 12px; height: 1px; background: rgba(255, 255, 255, 0.6); transform: translateY(-50%); transition: background 200ms ease; } .shocx-footer__col.is-accordion .shocx-footer__col-heading::after { position: absolute; right: 10px; top: 50%; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.6); transform: translateY(-50%); transition: transform 240ms cubic-bezier(0.23, 1, 0.32, 1); } .shocx-footer__col.is-accordion.is-open .shocx-footer__col-heading::after { transform: translateY(-50%) rotate(90deg); } .shocx-footer__col.is-accordion ul, .shocx-footer__col.is-accordion .shocx-footer__col-body { display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 280ms cubic-bezier(0.23, 1, 0.32, 1); margin: 0; } .shocx-footer__col.is-accordion.is-open ul, .shocx-footer__col.is-accordion.is-open .shocx-footer__col-body { grid-template-rows: 1fr; padding-bottom: 18px; } .shocx-footer__col.is-accordion ul > *, .shocx-footer__col.is-accordion .shocx-footer__col-body > * { min-height: 0; } .shocx-footer__col.is-accordion ul { display: block; } .shocx-footer__col.is-accordion:not(.is-open) ul, .shocx-footer__col.is-accordion:not(.is-open) .shocx-footer__col-body { display: none; } } @media (prefers-reduced-motion: reduce) { .shocx-footer__col.is-accordion .shocx-footer__col-heading::after, .shocx-footer__col.is-accordion ul, .shocx-footer__col.is-accordion .shocx-footer__col-body { transition: none; } } .shocx-footer__pay { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-family: 'Golos UI', sans-serif; } .shocx-footer__pay-label { font-size: 11px; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.4); } .shocx-footer__pay-cards { height: 26px; width: auto; display: block; background: #fff; border-radius: 6px; padding: 5px 9px; box-sizing: content-box; } @media (max-width: 640px) { .shocx-footer__pay { margin-top: 22px; padding-top: 18px; gap: 10px; } .shocx-footer__pay-cards { height: 23px; padding: 4px 8px; } } .scroll-to-top { position: fixed; right: 24px; bottom: 24px; width: 44px; height: 44px; border-radius: 50%; background-color: #8b253b; color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(calc(100% + 24px)); transition: transform 0.38s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease, visibility 0.38s, background-color 0.2s ease; z-index: 995; text-decoration: none; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); } .scroll-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); } .scroll-to-top:hover { background-color: #8b253b; color: #fff; } .scroll-to-top:focus { outline: none; box-shadow: 0 0 0 2px rgba(139, 37, 59, 0.4); } .scroll-to-top__icon { width: 20px; height: 20px; } @media (max-width: 960px) { .scroll-to-top { display: none; } }