/**** font ****/
/* fira-sans-300 - cyrillic-ext_latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/fira-sans-300.woff2') format('woff2');
}
/* fira-sans-regular - cyrillic-ext_latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/fira-sans-regular.woff2') format('woff2');
}
/* fira-sans-500 - cyrillic-ext_latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/fira-sans-500.woff2') format('woff2');
}
/* fira-sans-700 - cyrillic-ext_latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/fira-sans-700.woff2') format('woff2');
}



/* Ubuntu */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    font-stretch: normal;
    src: url(fonts/Ubuntu-Light.woff) format('woff');
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-stretch: normal;
    src: url(fonts/Ubuntu-Regular.woff) format('woff');
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    font-stretch: normal;
    src: url(fonts/Ubuntu-Medium.woff) format('woff');
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    font-stretch: normal;
    src: url(fonts/Ubuntu-Bold.woff) format('woff');
    unicode-range: U+0-10FFFF;
}



/**** variable ****/
:root {
    --blue-60: #3461fc;
    --blue-50: #4298bd;
    --white: #fff;
    --grey-10: #020817;
    --dark-blue---10: #041822;
    --grey-20: #1e293b;
    --blue-98: #f4f5ff;
    --blue-100: #f9f9ff;
}

:root {
    --font-family: "Inter", sans-serif;
    --second-family: "Fira Sans", sans-serif;
    --third-family: "Ubuntu", sans-serif;
}




/********* all *********/
.ocf-theme-light-block .ocf-search-btn-static, .ocf-theme-light-block .ocf-search-btn-popover, .ocf-theme-light-block .ocf-search-btn-static.ocf-disabled, .ocf-theme-light-block .ocf-search-btn-popover.ocf-disabled, .ocf-noUi-connect:before, .ocf-noUi-handle {
    background-color:var(--blue-60) !important;
}
:root {
    --ds-primary-color: var(--blue-60);
}
:root {
    --ds-body-bg-light-color: var(--blue-60);
}
:root {
    --ds-links-color: var(--blue-60);
}
.light-theme .ds-header {
    background: rgb(255, 255, 255);
}
.ds-dropdown-links .blue-link, .ds-switcher button {
    color: var(--blue-60);
}
.ds-dropdown-links .blue-link:hover {
    color: var(--blue-60);
}

:root {
    --ds-footer-bg-light-color: rgb(255, 255, 255);
}
.light-theme .ds-footer-subscribe-text, .light-theme .ds-footer-item .secondary-text, .light-theme .ds-footer-socials .secondary-text {
    color: rgb(0, 52, 89);
}
.ds-footer .blue-link {
    color: rgb(66, 152, 189);
}
.ds-footer .blue-link:hover {
    color: rgb(66, 152, 189);
}
.light-theme .ds-footer-links li a, .light-theme ul.ds-footer-item li a {
    color: rgb(0, 52, 89);
}
.ds-footer-links li a:hover, ul.ds-footer-item li a:hover {
    color: rgb(66, 152, 189);
}
.light-theme .ds-footer-item-title {
    color: rgb(0, 23, 31);
}
.light-theme .ds-footer-item-title svg path {
    fill: rgb(0, 23, 31);
}
:root {
    --ds-interactive-color: rgb(82, 187, 56);
}
.ds-price-new.red-text {
    color: rgb(213, 56, 61);
}




/******** main css ********/
body {
    background-color: var(--white);
}
.dark-theme body {
    background-color: var(--grey-10);
}
.button.button-primary {
    background-color: var(--blue-60);
    border-color: var(--blue-60);
    border-radius: 8px !important;

    font-family: var(--third-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    padding: 12px 32px;
    color: var(--white);
}





/**** top ****/
.head-top {
    background: var(--white);
    position: relative;
    padding: 16px 0 10px;
}
.dark-theme .head-top {
    background: var(--dark-blue---10);
}

.head-top-inner {
    display: flex;
    align-items: center;
}
.head-top-item {
    font-weight: 400;
    font-size: 13px;
    line-height: 154%;
    color: var(--grey-10);
}
.dark-theme .head-top-item {
    color: var(--white);
}
.head-top-tel span {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-offset: 2px;
}
.head-top-tel svg,
.head-top-open svg {
    margin-right: 2px;
    position: relative;
    top: -2px;
}
.head-top-open svg {
    top: 3px;
    margin-right: 5px;
}
.head-top-open {
    display: flex;
    align-items: flex-start;
    margin-left: 20px;
}
.head-top-open ul {
    display: flex;
}
.head-top-open ul li {
    white-space: nowrap;
}
.head-top-open ul li:before {
    content: ", "
}
.head-top-open ul li:first-of-type:before {
    display: none;
}
.head-top-open ul li:last-of-type {
    display: none;
}

.head-top-open-text {
    margin-right: 5px;
}

.head-top-socials {
    margin-left: auto;
}

.ds-socials a,
.ds-footer-socials li a {
    border: none !important;
    box-shadow: none !important;
    margin: 0 2px;
    background: none !important;
    position: relative;
}
.ds-socials a i,
.ds-footer-socials li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--ds-secondary-text-color) !important;
}

.ds-socials a:nth-of-type(1),
.ds-footer-socials li:nth-of-type(1) a,
.ds-socials a:nth-of-type(2),
.ds-footer-socials li:nth-of-type(2) a {
    background: url(/catalog/view/theme/oct_deals/custom/icons/instagram.svg) no-repeat center !important;
}

.ds-socials a:nth-of-type(1) i,
.ds-footer-socials li:nth-of-type(1) a i,
.ds-socials a:nth-of-type(2) i,
.ds-footer-socials li:nth-of-type(2) a i {
    display: none;
}

.dark-theme .ds-socials a,
.dark-theme .ds-footer-socials li a {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2665%) hue-rotate(95deg) brightness(118%) contrast(100%);
}
.ds-socials a:nth-of-type(1),
.ds-footer-socials li:nth-of-type(1) a {
    background-image: url(/catalog/view/theme/oct_deals/custom/icons/instagram.svg) !important;
}
.ds-socials a:nth-of-type(2),
.ds-footer-socials li:nth-of-type(2) a {
    background-image: url(/catalog/view/theme/oct_deals/custom/icons/facebook.svg) !important;
}
/*.ds-socials a:nth-of-type(3),*/
/*.ds-footer-socials li:nth-of-type(3) a {*/
/*    background-image: url(/catalog/view/theme/oct_deals/custom/icons/youtube.svg) !important;*/
/*}*/
/*.ds-socials a:nth-of-type(4),*/
/*.ds-footer-socials li:nth-of-type(4) a {*/
/*    background-image: url(/catalog/view/theme/oct_deals/custom/icons/telegram.svg) !important;*/
/*}*/





.head-top .ds-theme-switcher,
header .ds-theme-switcher {
    background: none;
}
.head-top .ds-theme-switcher-btn,
header .ds-theme-switcher-btn {
    border-radius: 4px;
    width: 44px;
    height: 44px;
    background: var(--blue-50) !important;
    margin-left: 30px;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.head-top .ds-theme-switcher-btn.light svg path,
header .ds-theme-switcher-btn.light svg path {
    fill: #fff;
}
.head-top .ds-theme-switcher-btn.active,
header .ds-theme-switcher-btn.active {
    display: none !important;
}





/**** header ****/
.header-menu {
    display: flex;
}
.header-menu-search {
    max-width: 315px;
    margin-left: auto;
}
.header-menu .ds-header-search-toggle-button {
    flex: none;
}
.light-theme .ds-header {
    box-shadow: 0 7px 7px 0 rgba(4, 24, 34, 0.1), 1px 4px 4px 0 rgba(4, 24, 34, 0.04);
}

header .ds-menu-maincategories-desktop-box ul {
    border: none !important;
}


.header-menu-search #search {
    padding: 0 !important;
}
.header-menu-search #searchInput {
    border: 1px solid var(--grey-10);
    border-radius: 8px;
    width: 315px;
    height: 48px;
    padding-left: 40px;

    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px !important;
    line-height: 150%;
    color: var(--grey-10);
    background: #fff;
}

.header-menu-search #searchInput::placeholder {
    font-size: 16px !important;
    color: var(--grey-10);
}
.header-menu-search #ds-search-button {
    right: unset;
    left: 15px;
}


.header-menu .ds-header-left {
    margin-right: 22px;
}
.header-menu .ds-menu-maincategories-desktop-box {
    margin-right: 25px;
}
.header-menu .ds-menu-maincategories-item {
    padding-left: 14px !important;
    padding-right: 14px !important;
}


.header-menu .ds-header-phone-button button {
    border: 1px solid var(--blue-60);
    border-radius: 8px !important;
    padding: 12px 32px;
    width: 197px;
    height: 48px;
    background: var(--blue-60) !important;

    font-family: var(--third-family);
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: var(--white);
    margin-bottom: 0 !important;
}

.ds-header-wishlist-button-inner,
.ds-header-cart-button-inner {
    position: relative;
}


.header-icons {
    display: flex;
    border-left: 1px solid var(--blue-50);
    border-right: 1px solid var(--blue-50);
    margin: 0 24px;
}
.header-icons > * {
    padding: 0 15px !important;
    margin: 0 !important;
}
.header-icons .ds-header-user-button > .ds-dropdown-toggle {
    margin: 0 !important;
}
header.ds-header {
    padding: 16px 0 16px !important;
}

.ds-header-wishlist-button .badge,
.ds-header-cart-button .badge {
    top: -8px;
    right: -8px;

    font-family: var(--second-family);
    font-weight: 500;
    font-size: 10px;
    line-height: 150%;
    text-align: center;
    color: var(--white);
    border-radius: 5px !important;
    padding: 0px 4px;
    width: 14px;
    height: 15px;
    background: var(--blue-60) !important;
}

#logo,
#logo-dark {
    max-width: 80px;
    block-size: auto;
}


.head-logo-dark {
    display: none;
}
.dark-theme .head-logo-light {
    display: none;
}
.dark-theme .head-logo-dark {
    display: block;
}




.ds-menu-maincategories-item:hover > span > img,
.ds-menu-maincategories-item.is-hover > span > img {
    filter: brightness(0) saturate(100%) invert(59%) sepia(13%) saturate(1890%) hue-rotate(153deg) brightness(90%) contrast(86%);
}
.ds-menu-maincategories-item:hover .ds-menu-maincategories-item-title,
.ds-menu-maincategories-item.is-hover .ds-menu-maincategories-item-title {
    color: var(--blue-50);
    text-decoration: none;
}


.dark-theme .ds-header {
    box-shadow: 0 6px 14px 0 rgba(4, 24, 34, 0.04), 0 25px 25px 0 rgba(4, 24, 34, 0.04), 0 57px 34px 0 rgba(4, 24, 34, 0.02), 0 101px 40px 0 rgba(4, 24, 34, 0.01), 0 158px 44px 0 rgba(4, 24, 34, 0);
    background: var(--dark-blue---10);
}
.dark-theme .header-menu-search #searchInput {
    background: var(--dark-blue---10) !important;
    color: #f2f2f2;
    border-color: #f2f2f2;
}
.dark-theme .header-menu-search #searchInput::placeholder {
    color: #f2f2f2;
}

.dark-theme .ds-menu-maincategories-desktop-box .ds-menu-maincategories-dropdown {
    background: var(--grey-10);
}


.dark-theme .ds-menu-catalog-items {
    background: var(--grey-10);
}
.dark-theme .ds-menu-maincategories-desktop-box .ds-menu-maincategories-dropdown-narrow li:hover {
    background: var(--grey-10);
}



/**** home ****/
.home-banner-top {
    height: calc(100vh - 150px);
    background-size: cover;
    background-position: center bottom;
    position: relative;
}
.home-banner-top img {
    display: none;
}
.home-banner-top-info {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}
.home-banner-top-info-inner {
    max-width: 600px;
    font-family: var(--second-family);
    color: #eee;
}
.home-banner-top-title {
    font-weight: 700;
    font-size: 60px;
    line-height: 120%;
    color: #eee;
}
.home-banner-top-text {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}





.home-banners-logo {
    margin: 50px 0;
}
.hbl-items {
    padding: 0 50px;
}
.hbl-items .swiper-wrapper {
    align-items: center;
}
.hbl-item {
    height: 100%;
}
.hbl-item-inner {
    text-align: center;
}
.hbl-item img {
    max-height: 50px;
}
.light-theme .hbl-item .img-dark {
    display: none;
}
.dark-theme .hbl-item .img-light {
    display: none;
}





.home-category-wall {
    padding: 90px 0;
    background: var(--blue-98);
}
.home-block-1 {
    padding: 90px 0;
}

.product-page .home-products.home-block-1 {
    padding: 90px 0;
}
.product-page .home-products.home-block-1.home-products-45 {
    padding-top: 0;
}


.home-block-1.blue {
    background: var(--blue-98);
}

.dark-theme .home-category-wall,
.dark-theme .home-block-1.blue {
    background: var(--dark-blue---10);
}
.home-category-wall .ds-category-wall-item img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}
.home-category-wall .ds-category-wall-item .content-block {
    display: block !important;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background: none;
}
.home-category-wall .ds-category-wall-title {
    display: block !important;
    padding: 0 !important;
    text-align: center;

    font-family: var(--second-family);
    font-weight: 700 !important;
    font-size: 21px !important;
    line-height: 120%;
    color: var(--grey-10);
    text-decoration: none;
    margin-top: 12px;
}

.dark-theme .home-category-wall .ds-category-wall-title {
    color: #eee;
}

.home-category-wall .hcw-title,
.home-block-1 .hcw-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: var(--second-family);
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 120%;
    color: var(--grey-10);
}
.dark-theme .home-category-wall .hcw-title,
.dark-theme .home-block-1 .hcw-title {
    color: #eee;
}



.hcw-title-wrap {
    position: relative;
    padding-bottom: 50px !important;
}
.custom-swiper-nav {
    position: absolute;
    right: 0;
    top: 20px;
    display: flex;
}
.custom-swiper-nav .custom-swiper-nav-item {
    position: static;
    flex: none;
    border-radius: 4px;
    background: var(--blue-60);
    width: 46px;
    height: 46px;
}
.custom-swiper-nav .custom-swiper-nav-item svg  {
    width: auto;
    height: auto;
}
.custom-swiper-nav .custom-swiper-nav-item svg path  {
    fill: var(--white);
}
.custom-swiper-nav .swiper-button-prev {
    margin-right: 10px;
}



.hcw-btn-more {
    text-align: center;
    margin-top: 50px;
}





/**** module catalog ****/
.ds-module-item .content-block {
    box-shadow: 0 3px 15px 0 rgba(4, 24, 34, 0.1), 1px 4px 4px 0 rgba(4, 24, 34, 0.04);
    background: var(--blue-100);
    border-radius: 8px;
    padding: 0;
}
.dark-theme .ds-module-item .content-block {
    background: var(--grey-20);
}

.ds-module-item .ds-module-img {
    padding: 10px;
    background: #fff;
}
.ds-module-item .ds-module-img .ds-module-stickers {
    left: 10px;
    top: 10px;
}
.ds-module-item .ds-module-img img {
    border-radius: 0;
}
.ds-module-item .ds-module-caption {
    padding: 20px;
    margin-top: 0 !important
}
.ds-module-item .ds-module-stock,
.ds-module-item .ds-module-code,
.ds-module-item .ds-module-stickers.ds-module-sticker-images,
.ds-module-item .ds-module-quantity,
.ds-module-item .ds-module-img .ds-module-buttons {
    display: none !important;
}
.ds-module-item .ds-module-title {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    color: var(--grey-10) !important;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 24px;
    height: calc(24px * 3);
}
.dark-theme .ds-module-item .ds-module-title {
    color: #f8fafc !important;
}

.ds-module-item .ds-module-rating {
    margin-top: 3px;
}


.ds-module-item .ds-module-cart {
    width: 100%;
    display: flex !important;
    margin-top: 18px;
}
.ds-module-item .ds-module-button-wishlist {
    background: none;
    width: 47px;
    border-radius: 4px;
    cursor: pointer;
}
.dark-theme .ds-module-item .ds-module-button-wishlist {
    background: rgba(255, 255, 255, 0.1);
}
.dark-theme .ds-module-item .ds-module-button-wishlist path {
    stroke: var(--white);
}
.ds-module-item .ds-module-button-wishlist.added path,
.dark-theme .ds-module-item .ds-module-button-wishlist.added path {
    stroke: var(--ds-interactive-color);
}


.ds-module-item .ds-module-price {
    padding-top: 12px;
}
.ds-module-item .ds-module-price .ds-price-new  {
    font-size: 20px !important;
}

.ds-module-item .ds-module-cart-btn {
    position: static !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    background: var(--blue-60) !important;

    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px !important;
    line-height: 150%;
    text-align: center;
    color: var(--white);
    margin-left: 0;
    border: none;
}
.ds-module-item .ds-module-cart-btn svg {
    margin-right: 10px !important;
}
.ds-module-item .ds-module-cart-btn svg path {
    fill: var(--white);
}

.ds-module-item .ds-module-cart .button-outline .button-text {
    display: block;
}



.ds-module-item .ds-module-button-wishlist.added svg {
    opacity: 0;
}
.ds-module-item .ds-module-button-wishlist.added {
    position: relative;
}
.ds-module-item .ds-module-button-wishlist.added:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/catalog/view/theme/oct_deals/custom/icons/wishlist-added.svg) no-repeat center;
    width: 20px;
    height: 20px;
}



.ds-module-item .ds-module-cart-btn.added {
    background: var(--blue-50) !important;
}
.ds-module-item .ds-module-cart-btn.added svg {
    opacity: 0;
}
.ds-module-item .ds-module-cart-btn.added .button-text {
    position: relative;
}
.ds-module-item .ds-module-cart-btn.added .button-text:before {
    content: "";
    position: absolute;
    left: calc(-18px - 8px);
    top: 50%;
    transform: translateY(-50%);
    background: url(/catalog/view/theme/oct_deals/custom/icons/cart-added.svg) no-repeat center;
    width: 20px;
    height: 20px;
}




.home-advantages .ds-advantages {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
}
.home-advantages .ds-advantages-item {
    width: calc(100%/3);
}
.home-advantages .ds-advantages-item .content-block {
    padding: 20px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 3px 15px 0 rgba(4, 24, 34, 0.1), 1px 4px 4px 0 rgba(4, 24, 34, 0.04);
    background: var(--white);
}
.dark-theme .home-advantages .ds-advantages-item .content-block {
    background: var(--grey-20);
}

.home-advantages .ds-advantages-item .ha-img-wrap {
    box-shadow: 0 0 0 4px rgba(13, 162, 231, 0.4), 0 0 0 2px rgba(13, 162, 231, 0.4);
    background: rgba(13, 162, 231, 0.1);
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.home-advantages .ds-advantages-item .ha-img-wrap img {
    flex: none;
}

.home-advantages .ds-advantages-item-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 22px !important;
    line-height: 120%;
    text-align: center;
    color: var(--grey-10);
    margin-bottom: 0 !important;
    margin-top: 15px !important;
}
.home-advantages .ds-advantages-item-text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px !important;
    line-height: 150%;
    text-align: center;
    color: var(--grey-10);
    margin-top: 5px;
}
.dark-theme .home-advantages .ds-advantages-item-text {
    color: #f8fafc !important;
}
.dark-theme .home-advantages .ds-advantages-item-text {
    color: #94a3b8 !important;
}




#common-home,
.home-about {
    overflow: hidden;
}


.home-about-list {
    --bs-gutter-x: 100px;
    margin-top: -10px;
}
.home-about-list-item {
    width: calc(100%/2);

    font-family: var(--second-family);
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: var(--grey-10);
}
.dark-theme .home-about-list-item {
    color: #eee;
}
.home-about-list-item ul {
    padding-left: 15px;
}
.home-about-list-item li::marker {
    color: var(--blue-50);
}
.home-about-list-item span {
    font-weight: 700;
    color: var(--blue-50);
}


.home-about-items {
    margin-top: 50px;
    --bs-gutter-x: 30px;
}
.home-about-item {
    width: calc(100%/4);
}
.home-about-item-content {
    border-radius: 8px;
    padding: 35px 20px;
    background: var(--blue-100);
    box-shadow: 0 3px 15px 0 rgba(4, 24, 34, 0.1), 1px 4px 4px 0 rgba(4, 24, 34, 0.04);
    display: flex;
    justify-content: center;
    height: 100%;
    text-align: center;
    flex-flow: wrap;
}
.dark-theme .home-about-item-content {
    background: var(--grey-20);
}
.home-about-item-text-1,
.home-about-item-text-2 {
    width: 100%;
    font-family: var(--second-family);
}
.home-about-item-text-1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: var(--blue-50);
}
.home-about-item-text-2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--grey-10);
    margin-top: 5px;
}
.dark-theme .home-about-item-text-2 {
    color: #94a3b8;
}






.home-map {
    margin-top: 50px;
    position: relative;
}
.home-map-iframe iframe {
    width: 100%;
    height: 514px;
    filter: grayscale(50%);
    border-radius: 8px;
}
.dark-theme .home-map-iframe iframe {
    /*filter: grayscale(100%);*/
    filter: invert(90%) grayscale(0.1) brightness(80%) contrast(100%);
}
.home-map-contact {
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 6px 14px 0 rgba(4, 24, 34, 0.04), 0 25px 25px 0 rgba(4, 24, 34, 0.04), 0 57px 34px 0 rgba(4, 24, 34, 0.02), 0 101px 40px 0 rgba(4, 24, 34, 0.01), 0 158px 44px 0 rgba(4, 24, 34, 0);
    background: var(--white);
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--second-family);
    color: var(--grey-10);
}
.dark-theme .home-map-contact {
    box-shadow: 0 38px 40px -2px rgba(41, 41, 41, 0.65);
    background: var(--grey-10);
    color: #eee;
}






.home-map-contact-title-main {
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
}
.home-map-contact-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 120%;
}
.home-map-contact-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-top: 8px;
}

.dark-theme .home-map-contact-title,
.dark-theme .home-map-contact-text {
    color: var(--white);
}

.home-map-contact-tel a {
    font-weight: 700;
}
.home-map-contact-mail a {
    text-decoration: underline;
}
.home-map-contact-mail a:hover {
    text-decoration: none;
}

.home-map-contact-item {
    position: relative;
    padding-left: 60px;
    margin-top: 15px;
}
.home-map-contact-icon {
    position: absolute;
    border-radius: 50%;
    background: rgba(13, 162, 231, 0.1);
    box-shadow: 0 0 0 2px rgba(13, 162, 231, 0.4), 0 0 0 1px rgba(13, 162, 231, 0.4);
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}





.home-products .ds-module {
    padding: 8px;
    margin: -8px;
}
.home-products .swiper-wrapper {
    align-items: stretch !important;
}

.home-products .ds-module-item {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}
.home-products .content-block {
    box-shadow: 0 3px 8px 0 rgba(4, 24, 34, 0.1), 1px 4px 4px 0 rgba(4, 24, 34, 0.04);
    overflow: hidden;
}




.home-blog .ds-last-news-item-date svg {
    display: none;
}
.home-blog .content-block {
    border: none;
    border-radius: 10px;
    box-shadow: 0 3px 15px 0 rgba(4, 24, 34, 0.1), 1px 4px 4px 0 rgba(4, 24, 34, 0.04);
    background: var(--blue-100);
    padding: 0 !important;
}
.dark-theme .home-blog .content-block {
    background: var(--grey-20);
}

.home-blog .ds-last-news-item-info {
    margin: 0 !important;
    padding: 20px 30px 30px;
}
.home-blog .ds-last-news-item-title {
    font-family: var(--third-family);
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 140%;
    color: var(--grey-10) !important;
}
.dark-theme .home-blog .ds-last-news-item-title {
    color: var(--white) !important;
}

.home-blog .ds-last-news-item img {
    aspect-ratio: 4/3;
    border-radius: 10px;
    border: none;
}

.home-blog .ds-last-news-item-category a,
.home-blog .ds-last-news-item-date {
    font-family: var(--third-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: var(--blue-50);
}






.home-review .swiper {
    padding: 16px;
    margin: -16px;
}
.home-review .content-block {
    border: none;
    box-shadow: none;
    padding: 0 !important;
    margin: 0 !important;
}
.home-review .ds-product-reviews-content {
    align-items: stretch;
}
.home-review .ds-product-reviews-item-box {
    padding-top: 0 !important;
    margin-top: 0 !important;
    height: auto !important;
}
.home-review .ds-product-reviews-item {
    height: 100%;
    box-shadow: 0 3px 15px 0 rgba(4, 24, 34, 0.1), 1px 4px 4px 0 rgba(4, 24, 34, 0.04);
    background: var(--blue-100);
    border-radius: 8px !important;
    padding: 30px !important;
}
.home-review .dark-text .light-text {
    color: var(--ds-dark-text-color);
}

.home-review .ds-review-collapsed {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--grey-10);

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-height: 22px;
    height: calc(22px * 6);
}

.home-review .ds-review-more-btn {
    margin-top: 10px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--blue-60);
    cursor: pointer;
    display: inline-flex;
}
.home-review .ds-review-more-btn:hover {
    text-decoration: none;
}


.home-review-btn {
    text-align: center;
    margin-top: 50px;
}

.btn.btn-primary.button-2 {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.03em;
    color: var(--blue-60);
    background: var(--white);
    padding: 5px 25px;
    border: 2px solid var(--blue-60);
    height: 48px;
}
.dark-theme .btn.btn-primary.button-2 {
    background: var(--grey-10);
    color: var(--white);
}


.dark-theme .home-review .ds-product-reviews-item {
    background: var(--grey-20);
}
.dark-theme .home-review .ds-product-reviews-item .light-text {
    color: var(--white);
}
.dark-theme .home-review .ds-review-collapsed {
    color: var(--white);
}
.home-review .content-block {
    background: none;
}








.ds-footer {
    background: var(--dark-blue---10);
}
.light-theme .ds-footer-subscribe-text,
.light-theme .ds-footer-item .secondary-text,
.light-theme .ds-footer-socials .secondary-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 173%;
    color: #94a3b8;
}

.ds-footer .blue-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 173%;
    color: #94a3b8;
}
.ds-footer .blue-link:hover {
    color: #94a3b8;
}
.light-theme .ds-footer-links li a,
.light-theme ul.ds-footer-item li a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 173%;
    color: #94a3b8;
}
.ds-footer-links li a:hover,
ul.ds-footer-item li a:hover {
    color: #94a3b8;
}
.light-theme .ds-footer-item-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 173%;
    color: #94a3b8;
}
.light-theme .ds-footer-item-title svg path {
    fill: #94a3b8;
}




.ds-menu-maincategories-item:hover > span a,
.ds-menu-maincategories-item.is-hover > span a,

.ds-menu-maincategories-item:hover > span .ds-menu-catalog-item-title,
.ds-menu-maincategories-item.is-hover > span .ds-menu-catalog-item-title {
    color: var(--ds-links-color);
    text-decoration: underline;
}


@media (min-width: 1200px) {
    .ds-menu-maincategories-item:hover > .ds-menu-maincategories-dropdown,
    .ds-menu-maincategories-item.is-hover > .ds-menu-maincategories-dropdown {
        opacity: 1;
        visibility: visible;
        top: calc(100% + 16px);
    }
    .ds-menu-maincategories-item:hover > .ds-menu-maincategories-dropdown:before,
    .ds-menu-maincategories-item.is-hover > .ds-menu-maincategories-dropdown:before {
        position: absolute;
        content: "";
        left: 0;
        top: calc(-20px - 2px);
        width: 100%;
        height: calc(20px + 2px);
    }
}


.ds-menu-maincategories-item:hover > svg,
.ds-menu-maincategories-item.is-hover > svg {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.ds-menu-maincategories-item:hover > svg path,
.ds-menu-maincategories-item.is-hover > svg path {
    fill: var(--ds-links-color)
}




body .ds-footer {
    padding: 70px 0 !important;
}
.foot-logo-text {
    margin-top: 25px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 173%;
    color: #94a3b8;
}
.foot-col {
    width: 22%
}
.foot-col-1 {
    width: calc(100% - 22%*3);
    padding-right: 120px;
}
footer .head-top-socials {
    margin-top: 20px;
    margin-left: -8px;
}
footer .head-top-socials a {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(107deg) brightness(108%) contrast(101%);
}
.ds-footer-copyrights {
    margin-top: 30px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 154%;
    color: #94a3b8;
    display: flex;
    justify-content: space-between;
}
.foot-col-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 155%;
    color: #f8fafc;
}

.foot-col-items {
    margin-top: 15px;
}
.foot-col-items ul {
    list-style-type: none;
}
.foot-col-items ul li {
    margin-bottom: 4px;
}
.foot-col-items a,
.foot-col-4 .foot-col-items span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 154%;
    color: #94a3b8;
}
.foot-col-items a:hover {
    color: #fff;
}
.foot-col-4 .foot-col-items svg {
    margin-right: 8px;
}


body {
    padding-bottom: 0 !important;
}



body #ds_fixed_contact_button {
    background: var(--blue-60);
}
body .ds-fixed-contact-pulsation {
    background: var(--blue-50);
}



#back-top .back-top-icon svg {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#back-top .back-top-icon svg path {
    fill: var(--blue-60) !important;
}




/*************** category ***************/
.ds-breadcrumb-item:first-child,
.ds-breadcrumb-item:first-child>* {
    width: auto;
    height: auto;
}

.ds-breadcrumb {
    padding: 30px 0;
}
.ds-breadcrumb .ds-breadcrumb-item,
.ds-breadcrumb .ds-breadcrumb-item a {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--grey-20);
    text-decoration: none;
}
.dark-theme .ds-breadcrumb .ds-breadcrumb-item,
.dark-theme .ds-breadcrumb .ds-breadcrumb-item a {
    color: var(--white);
}
.ds-breadcrumb .ds-breadcrumb-item:first-of-type {
    opacity: .6;
}

.ds-breadcrumb-item + .ds-breadcrumb-item::before {
    background: url(/catalog/view/theme/oct_deals/custom/icons/breadcrumb.svg) 0 0 / contain no-repeat;
    width: 16px;
    height: 8px;
    padding-right: 8px;
    margin-right: 8px;
    filter: brightness(0) saturate(100%) invert(12%) sepia(43%) saturate(627%) hue-rotate(177deg) brightness(93%) contrast(90%);
}
.dark-theme .ds-breadcrumb-item + .ds-breadcrumb-item::before {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1695%) hue-rotate(165deg) brightness(115%) contrast(100%);
}


.catalog-bread-wrap {
    display: flex;
    align-items: center;
}
.catalog-bread-filter-sort {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.catalog-bread-filter {
    margin-right: 35px;
}
.catalog-bread-filter-btn {
    position: relative;
    padding-left: 20px;
    background: none !important;

    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--grey-20);
}
.dark-theme .catalog-bread-filter-btn {
    color: var(--white);
}

.catalog-bread-filter-btn:before {
    content: "";
    position: absolute;
    background: url(/catalog/view/theme/oct_deals/custom/icons/sound-module-line.svg) 0 0 / contain no-repeat;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    filter: brightness(0) saturate(100%) invert(12%) sepia(43%) saturate(627%) hue-rotate(177deg) brightness(93%) contrast(90%);
}
.dark-theme .catalog-bread-filter-btn:before {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1695%) hue-rotate(165deg) brightness(115%) contrast(100%);
}

.catalog-bread-sort .form-select {
    background-color: var(--blue-98) !important;
    background-image: url(/catalog/view/theme/oct_deals/custom/icons/select-angle-down-black.svg);
    background-size: initial;
    background-position: center right 20px;
    border-radius: 5px !important;
    padding: 10px 25px !important;
    padding-right: 45px !important;
    height: 44px;

    font-family: var(--second-family);
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 150%;
    color: var(--grey-10);
}
.dark-theme .catalog-bread-sort .form-select {
    background-color: var(--grey-20) !important;
    background-image: url(/catalog/view/theme/oct_deals/custom/icons/select-angle-down-white.svg);
    color: var(--white);
}




.ds-category {
    padding-bottom: 70px;
}

.pagination li a,
.pagination li span {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: var(--grey-20) !important;
}
.dark-theme .pagination li a,
.dark-theme .pagination li span {
    color: rgba(244, 245, 255, 0.5) !important;
}

.pagination li span,
.pagination li a:hover {
    color: var(--white) !important;
}
.dark-theme .pagination li span,
.dark-theme .pagination li a:hover {
    color: var(--white) !important;
}

.ds-category .oct-load-more {
    margin-top: 20px;
}
.dark-theme .ds-category .oct-load-more svg {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1695%) hue-rotate(165deg) brightness(115%) contrast(100%);
}

ul.pagination {
    margin-top: 20px !important;
    position: relative;
}
ul.pagination .pag-prev,
ul.pagination .pag-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
ul.pagination .pag-prev {
    left: 0;
}
ul.pagination .pag-next {
    right: 0;
}

ul.pagination .pag-prev a,
ul.pagination .pag-next a {
    background: none !important;
}

ul.pagination .pag-prev i {
    margin-left: 8px;
    position: relative;
    top: 1px;
}
ul.pagination .pag-next i {
    margin-right: 8px;
    position: relative;
    top: 1px;
}
ul.pagination .pag-prev i:after,
ul.pagination .pag-next i:after {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: var(--blue-50);
    font-style: normal;
}

ul.pagination .pag-prev a svg path,
ul.pagination .pag-next a svg path,
ul.pagination .pag-prev a i:after,
ul.pagination .pag-next a i:after {
    transition: .3s;
}

ul.pagination .pag-prev a:hover svg path,
ul.pagination .pag-next a:hover svg path {
    stroke: var(--blue-60);
}
ul.pagination .pag-prev a:hover i:after,
ul.pagination .pag-next a:hover i:after {
    color: var(--blue-60);
}



.cat-col-left-inner {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: var(--blue-98);
    padding: 25px 20px;
}


.cat-title-row {
    margin-top: 10px;
    margin-bottom: 10px;
}
.cat-title-row .ds-page-title {
    display: flex;
    align-items: center;
}


.ds-column-categories-item .ds-column-categories-children {
    max-height: 3000px;
    transition: none;
    padding: 0;
    display: none;
}
.ds-column-categories-item .ds-column-categories-children.active {
    display: block;
}
.cat-sidebar-all {
    display: none;
}





.ds-column-categories-item>span>.ds-column-categories-toggle svg path {
    fill: none !important;
}

.ds-column-categories-list > .ds-column-categories-item > span.d-flex,
.cat-sidebar-all-btn {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--grey-20);

    display: flex;
    align-items: center;
    padding: 5px 0;
    cursor: pointer;
}
.ds-column-categories-list > .ds-column-categories-item {
    padding: 0;
    background: none;
    box-shadow: none;
    border: none;
}
.ds-column-categories-list > .ds-column-categories-item > span.d-flex button,
.cat-sidebar-all-btn button {
    background: none;
    border-radius: 0;
}


.ds-column-categories-children.ds-categories-2 {
    padding-top: 5px;
    padding-bottom: 15px;
}
.ds-column-categories-children.ds-categories-2 li {
    padding: 3px 0;
    margin: 4px 0;
}
.ds-column-categories-children.ds-categories-2 a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: var(--grey-20) !important;
}


.cat-sidebar-2.clicked .cat-sidebar-all-btn button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.cat-sidebar-2 {
    position: relative;
    padding-bottom: 18px;
}
.cat-sidebar-2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid var(--grey-10);
    opacity: 0.5;
}




.ocf-container {
    padding-top: 25px;
}
.ocf-container .ocf-header {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--grey-20);
    text-transform: uppercase;
    margin-bottom: 20px;
}
.ocf-container .ocf-header i {
    /*display: none;*/
}


.ds-column-categories > .ds-column-categories-title {
    display: none;
}




.ds-subcategories-mobile {
    margin-top: 6px;
    --bs-gutter-x: 6px;
    --bs-gutter-y: 6px;
}







/********** product page ************/
.pr-line {
    backdrop-filter: blur(4px);
    background: rgba(4, 24, 34, 0.5);
    height: 1px;
    opacity: .3;
}
.product-page #content {
    padding-top: 35px;
}


.product-page .product-main {
    border: none;
    padding-left: 0 !important;
}
.product-main-left {
    border: none;
}
.product-main-right {
    padding-top: 0 !Important;
}


.ds-product-images-additional-item img {
    max-width: 100%;
    height: auto;
}
.product-image-additional img {
    border-radius: 6px;
}
.product-image-additional .ds-product-images-additional-swiper {
    padding: 15px 0 0;
}
.product-image-additional {
    padding: 0 !important;
}
.product-image-wrap {
    padding-bottom: 0 !important;
}


.pr-model,
.pr-brand {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: var(--grey-10);
}
.pr-model .light-text,
.pr-brand a {
    color: var(--grey-10) !important;
}

.pr-brand {
    margin-top: 12px;
}
.product-main-right .ds-page-title h1 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    margin-top: 12px;
}

.pr-rating {
    margin-top: 15px;
}
.pr-rating .blue-link {
    color: var(--grey-10) !important;
}

.pr-line-2,
.pr-line-3 {
    margin: 24px 0;
}
.pr-line-3 {
    margin-top: 30px;
}



.product-main-right .ds-module-quantity {
    display: none !important;
}
.product-main-right .ds-product-main-actions {
    background: none;
    border-radius: 0 !important;
    border: none;
    padding: 0 !important;
}
.product-main-right .ds-product-main-buttons {
    flex-flow: nowrap !important;
}
.product-main-right .ds-product-main-buttons > * {
    width: auto;
    margin: 0;
}
.product-main-right .ds-product-main-buttons > .ds-product-main-cart {
    width: 100%;
}

.product-main-right #button-cart {
    height: 48px;
    font-size: 16px !important
}
.product-main-right .ds-product-fast-order-button {
    height: 48px;
    padding-left: 35px;
    padding-right: 35px;
    flex: none;
    margin-left: 10px;
    font-size: 16px !important
}


.pr-price {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 70px;
}
.pr-price .ds-product-wishlist {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    padding: 0;
    background: var(--ds-light-bg-color) !important;
}
.pr-price .ds-product-wishlist.added {
    background: var(--ds-interactive-color) !important;
}

.pr-price .ds-product-wishlist svg {
    margin: 0;
}
.pr-price .ds-product-wishlist svg path {
    fill: none !important;
    /*stroke: var(--ds-white-color) !important;*/
    stroke: #020817 !important;
}
.pr-price .ds-product-wishlist.added svg path {
    stroke: var(--ds-white-color) !important;
}
.pr-price .ds-product-wishlist.added svg path {
    fill: var(--ds-white-color) !important;
}

.pr-price .ds-product-main-stock {
    margin-left: 25px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    padding: 3px 11px;
    border-radius: 20px !important;
}
.pr-price .ds-price-new {
    font-family: var(--second-family);
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 120%;
}
.pr-price .ds-product-found-cheaper {
    color: var(--grey-10) !important;
}

.product-main-right .ds-product-main-stock svg {
    margin-right: 4px;
}
.product-main-right .ds-product-main-stock svg path {
    stroke-width: 1px;
    stroke: var(--ds-light-text-color);
}
.product-main-right .ds-product-main-stock.green-text svg path {
    stroke: var(--ds-green-color);
}
.product-main-right .ds-product-main-stock.red-text svg path {
    stroke: var(--ds-red-color);
}

.pr-description-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 25px;
    line-height: 120%;
    margin-bottom: 10px;
}
.pr-description-inner {
    font-family: var(--second-family);
    font-size: 16px;
    line-height: 150%;
    color: var(--grey-10);
}


.product-page .ds-product-reviews-content .fw-500.fsz-16.mb-5,
.product-page .ds-product-faq-content .fw-500.fsz-16.mb-5 {
    margin-bottom: 12px !important;
}
.product-page .ds-empty-reviews {
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}
.product-page .ds-empty-reviews svg {
    max-width: 65px;
    height: auto;
}


.product-page .ds-product-advantages {
    background: var(--blue-98);
    border: none;
    margin-top: 30px;
    padding: 5px 20px !important;
}
.product-page .ds-product-advantages .dark-text.fw-500.fsz-16 {
    font-family: var(--second-family);
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 150%;
    margin-bottom: 6px;
}
.product-page #productImages .sticky-md-top {
    padding-top: 0 !important;
}

.product-page .ds-product-advantages .fw-300.secondary-text.fsz-12,
.product-page .ds-product-advantages .dark-text.text-end.fsz-10 {
    font-family: var(--second-family);
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150%;
}
.product-page .ds-product-advantages .dark-text.text-end.fsz-10 {
    font-size: 12px !important;
}
.product-page .ds-product-advantages-item-text-price .button {
    background: none;
}

.product-page .ds-product-advantages-item-text.align-items-center {
    padding: 10px 0 !important;
}

.pr-row-bottom {
    margin-top: 40px;
}



.product-main-right #button-cart.added {
    background: var(--blue-50) !important;
    border-color: var(--blue-50) !important;
    color: var(--white) !important;
}
.product-main-right #button-cart.added svg {
    display: none;
}
.product-main-right #button-cart.added .button-text {
    position: relative;
}
.product-main-right #button-cart.added .button-text:before {
    content: "";
    position: absolute;
    left: calc(-18px - 8px);
    top: 50%;
    transform: translateY(-50%);
    background: url(/catalog/view/theme/oct_deals/custom/icons/cart-added.svg) no-repeat center;
    width: 20px;
    height: 20px;
}


.dark-theme .product-page-wrapper {
    background: var(--grey-10);
}
.dark-theme .product-page .content-block {
    background: var(--grey-10);
}
.dark-theme .product-page .pr-line {
    backdrop-filter: blur(4px);
    background: #2e2e2e;
}
.dark-theme .pr-model,
.dark-theme .pr-brand {
    color: var(--blue-98)
}
.dark-theme .pr-model .light-text,
.dark-theme .pr-brand a {
    color: var(--blue-98) !important;
}
.dark-theme .pr-rating .blue-link,
.dark-theme .pr-price .ds-product-found-cheaper {
    color: #fafafa !important;
}

.dark-theme .pr-price .ds-product-wishlist svg path {
    stroke: #fafafa !important;
}
.dark-theme .pr-price .ds-product-wishlist.added svg path {
    stroke: var(--grey-10) !important;
}
/*.dark-theme .pr-price .ds-product-wishlist.added {*/
/*    background: var(--ds-light-bg-color) !important;*/
/*}*/

.dark-theme .pr-description-inner {
    color: #999;
}



/*.dark-theme .cat-col-left-inner {*/
/*    background: var(--grey-20);*/
/*}*/
/*.ds-column-categories-list > .ds-column-categories-item > span.d-flex, .cat-sidebar-all-btn {*/
/*    color: var(--ds-dark-text-color) !important;*/
/*}*/

.dark-theme .ocf-container .ocf-header {
    color: var(--grey-20) !important;
}




@media (min-width: 768px) {
    body .ds-livesearch {
        left: 0;
        width: calc(100% + 180px);
    }
}



@media (min-width: 1200px) {
    .ds-module-sticker {
        font-size: 0.725rem;
    }

    .ds-menu-catalog-items > .ds-menu-catalog-item {
        padding: 0;
        width: 100%;
    }
    .ds-menu-catalog-items > .ds-menu-catalog-item > a {
        padding: .75rem 1rem;
        display: block;
        width: 100%;
    }
}



.oct-checkout-block.payment-method .form-check-item:has(:checked),
.oct-checkout-block.shipping-method .form-check-item:has(:checked) {
    background-color: rgb(248, 251, 253);
}



@media (min-width: 1200px) {
    .ds-blog-category .ds-last-news-item {
        width: 25%;
    }

    .ds-blog-post #content > .content-block,
    .ds-information.content-block,
    .content-block.ds-contacts-item {
        padding: 1.5rem;
    }
}