@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --dark: #202021;
    --darker: #040404;
    --border: #C5C5C5;
    --blue: #0071e3;
    --light-blue: #009CE1;
    --green: #1a750e;
    --red: #FF131A;
    --dark-red: #cf1917;
    --grey: #828282;
    --semi-dark: #727272;
    --orange-text: #ff7919;
    --money-green: #3e9c35
}

@font-face {
    font-family:"SF Pro Display";src:local("SF Pro Display Light"),local("SFProDisplay-Light"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Light.woff2)format("woff2"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Light.woff)format("woff");font-weight:200;font-style:normal;font-display:swap
}

@font-face {
    font-family:"SF Pro Display";src:local("SF Pro Display Bold"),local("SFProDisplay-Bold"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Bold.woff2)format("woff2"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap
}

@font-face {
    font-family:"SF Pro Display";src:local("SF Pro Display Medium"),local("SFProDisplay-Medium"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Medium.woff2)format("woff2"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap
}

@font-face {
    font-family:"SF Pro Display";src:local("SF Pro Display Semibold"),local("SFProDisplay-Semibold"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Semibold.woff2)format("woff2"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Semibold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap
}

@font-face {
    font-family:"SF Pro Display";src:local("SF Pro Display Regular"),local("SFProDisplay-Regular"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Regular.woff2)format("woff2"),url(/catalog/view/theme/theme3/fonts/SFPro/subset-SFProDisplay-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap
}

@font-face {
    font-family:"fontello";src:url(/catalog/view/theme/theme3/fonts/fontello-58f66eef/font/fontello.woff2)format("woff2"),url(/catalog/view/theme/theme3/fonts/fontello-58f66eef/font/fontello.woff)format("woff");font-weight:400;font-style:normal;font-display:swap
}

.fa-star-empty:before { content: '\e800'; } /* '' */
.fa-heart:before { content: '\e801'; } /* '' */
.fa-minus-circled:before { content: '\e802'; } /* '' */
.fa-plus-circled:before { content: '\e803'; } /* '' */
.fa-eye-off:before { content: '\e804'; } /* '' */
.fa-share:before { content: '\e805'; } /* '' */
.fa-phone:before { content: '\e806'; } /* '' */
.fa-shopping-cart:before { content: '\e807'; } /* '' */
.fa-bars:before { content: '\e808'; } /* '' */
.fa-star-o:before { content: '\e809'; } /* '' */
.fa-th-list:before { content: '\e80a'; } /* '' */
.fa-th:before { content: '\e80b'; } /* '' */
.fa-check-circle:before { content: '\e80c'; } /* '' */
.fa-refresh:before { content: '\e80d'; } /* '' */
.fa-times-circle:before { content: '\e80e'; } /* '' */
.fa-book:before { content: '\e80f'; } /* '' */
.fa-chevron-right-1:before { content: '\e810'; } /* '' */
.fa-chevron-left-1:before { content: '\e811'; } /* '' */
.fa-heart-o:before { content: '\e812'; } /* '' */
.fa-plus:before { content: '\e813'; } /* '' */
.fa-caret-down-1:before { content: '\e814'; } /* '' */
.fa-exclamation-circled:before { content: '\e815'; } /* '' */
.fa-spin:before { content: '\e816'; } /* '' */
.fa-arrow-up:before { content: '\e817'; } /* '' */
.fa-star:before { content: '\e818'; } /* '' */
.fa-minus:before { content: '\e819'; } /* '' */
.fa-upload:before { content: '\e81a'; } /* '' */
.fa-chevron-up:before { content: '\e81b'; } /* '' */
.fa-chevron-down:before { content: '\e81c'; } /* '' */
.fa-clock:before { content: '\e81d'; } /* '' */
.fa-eye:before { content: '\e81e'; } /* '' */
.fa-info-circle:before { content: '\e81f'; } /* '' */
.fa-home:before { content: '\e820'; } /* '' */
.fa-user:before { content: '\e821'; } /* '' */
.fa-calendar:before { content: '\e822'; } /* '' */
.fa-scale-balanced-solid:before { content: '\e823'; } /* '' */
.fa-heart-regular:before { content: '\e824'; } /* '' */
.fa-heart-3-fill:before { content: '\e825'; } /* '' */
.fa-menu-line:before { content: '\e826'; } /* '' */
.fa-search:before { content: '\e827'; } /* '' */
.fa-shopping-cart-2-line:before { content: '\e828'; } /* '' */
.fa-config:before { content: '\e82d'; } /* '' */
.fa-record-player:before { content: '\e82e'; } /* '' */
.fa-mic:before { content: '\e82f'; } /* '' */
.fa-speacker:before { content: '\e830'; } /* '' */
.fa-briefcase:before { content: '\e831'; } /* '' */
.fa-headphones:before { content: '\e832'; } /* '' */
.fa-icons8-close:before { content: '\e833'; } /* '' */
.fa-information-2-line:before { content: '\e83b'; } /* '' */
.fa-equalizer-2-line:before { content: '\e83c'; } /* '' */
.fa-reload:before { content: '\e841'; } /* '' */
.fa-telegram-plane:before { content: '\e848'; } /* '' */
.fa-key-2-line:before { content: '\e85e'; } /* '' */
.fa-shield-check-line:before { content: '\e85f'; } /* '' */
.fa-article-line:before { content: '\e860'; } /* '' */
.fa-wallet-line:before { content: '\e861'; } /* '' */
.fa-truck-line:before { content: '\e862'; } /* '' */
.fa-percent-2-com:before { content: '\e86c'; } /* '' */
.fa-box-com:before { content: '\e86d'; } /* '' */
.fa-tiktok:before { content: '\e870'; } /* '' */
.fa-shopping-cart-line:before { content: '\e881'; } /* '' */
.fa-search-line:before { content: '\e882'; } /* '' */
.fa-error-warning-line:before { content: '\e883'; } /* '' */
.fa-emusic:before { content: '\e884'; } /* '' */
.fa-cart2:before { content: '\e885'; } /* '' */
.fa-scales-fill:before { content: '\e886'; } /* '' */
.fa-heart-3-line:before { content: '\e887'; } /* '' */
.fa-share-line:before { content: '\e888'; } /* '' */
.fa-home-2:before { content: '\e889'; } /* '' */
.fa-x-twitter-brands-solid:before { content: '\e88e'; } /* '' */
.fa-xmark-solid:before { content: '\e88f'; } /* '' */
.fa-twitter:before { content: '\f099'; } /* '' */
.fa-facebook:before { content: '\f09a'; } /* '' */
.fa-filter:before { content: '\f0b0'; } /* '' */
.fa-youtube-play:before { content: '\f16a'; } /* '' */
.fa-instagram:before { content: '\f16d'; } /* '' */
.fa-user-circle-o:before { content: '\f2be'; } /* '' */

.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas {
    font-family: "fontello";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

[class*=" fa-"]:before,[class^=fa-]:before {
    margin: 0;
    width: unset!important;
    font-size: unset;
    display: inline;
    text-decoration: none;
    text-align: center;
    font-variant: none;
    text-transform: none;
    line-height: unset;
    text-shadow: none
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color, #eee);
    border-radius: var(--fa-border-radius, 0.1em);
    border-style: var(--fa-border-style, solid);
    border-width: var(--fa-border-width, 0.08em);
    padding: var(--fa-border-padding, 0.2em 0.25em 0.15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, 0.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, 0.3em)
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

body {
    font-family: "SF Pro Display",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: var(--dark);
    line-height: 1.63;
    min-width: 375px
}

.input-lg {
    font-size: 16px
}

input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

.float-label label {
    transition: all .2s;
    position: absolute;
    left: 12px;
    font-size: 14px;
    top: 8px;
    visibility: hidden;
    opacity: 0;
    font-weight: 400
}

.float-label .form-control:-webkit-autofill~label,.float-label .form-control:focus~label,.float-label .form-control:not(:placeholder-shown)~label {
    top: -8px;
    left: 10px;
    background-color: #fff;
    padding: 0 5px;
    font-size: 12px;
    visibility: visible;
    opacity: 1;
    border-radius: 2px;
    color: #828282
}

.float-label .form-control:-webkit-autofill::-webkit-input-placeholder,.float-label .form-control:focus::-webkit-input-placeholder,.float-label .form-control:not(:placeholder-shown)::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit
}

.form-group.float-label {
   margin-bottom: 20px 
}

.form-group,.header-info>a {
    position: relative
}

header {
    background-color: var(--darker)
}

.header-info,.main-header {
    display: flex;
    align-items: center
}

.main-header {
    padding: .7rem 0;
    justify-content: space-between
}

.header-info {
    gap: 2.5rem
}

.header-info .fa,.header-info .langs {
    color: #fff
}

.header-info .fa {
    font-size: 16px;
    cursor: pointer
}

.burger .fa-speacker {
    transform: scale(1.2);
}

.header-info .langs {
    text-transform: uppercase;
    font-size: 12px;
    margin-left: 10px;
    white-space: nowrap;
    line-height: 18px;
    position: relative;
}

.header-info .langs .delim {
    margin-inline: 3px
}

.header-info .langs a {
    color: inherit
}

.round-num {
    font-size: 12px;
    color: var(--red);
    position: absolute;
    bottom: -8px;
    right: -7px;
    pointer-events: none
}

.langs img {
    width: 18px;
    margin-left: 7px;
    border-radius: 50%;
}

.langs img.pulsed {
    animation: pulseLight 2s infinite;
}

.langs .user-drop {
    width: 330px;
    right: 45px;
    top: 45px;
    white-space: normal;
    color: #000;
    cursor: pointer;
}

.langs .user-drop .information {
    box-shadow: -3px -1px 20px 5px #4c4c4c47;
    border: none;
    text-transform: none;
    padding: 25px;
}

.langs span {
    cursor: pointer;
    line-height: 1
}

.img-responsive,.langs span,.thumbnail a>img,.thumbnail>img {
    display: inline-block
}

.btn-info,.btn-primary {
    color: #fff;
    background-color: var(--money-green);
    border-color: var(--money-green)
}

.btn-primary-check {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--dark)
}

.btn-info {
    background-color: var(--light-blue);
    border-color: var(--light-blue)
}

.btn-primary-credit {
    color: var(--blue);
    background-color: #fff;
    border-color: var(--blue)
}

.menu-btn:hover i,.nav-tabs>li>a span,a {
    color: var(--dark)
}

a:hover {
    color: var(--red);
    text-decoration: none
}

p {
    margin-bottom: 30px
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 1rem
}

.h1,h1 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 25px
}

.h2,h2 {
    font-size: 38px
}

.h3,h3 {
    font-size: 36px;
    font-weight: 600
}

#tab-review .h3, .h3.box-heading, h3.box-heading {
    margin-bottom: 1.5em
}

.pt-0 {
    padding-top: 0!important
}

.lh-1 {
    line-height: 1
}

:focus {
    outline: 0!important
}

.pointer-none {
    pointer-events: none
}

.tab-content {
    font-size: 24px;
    padding: 50px
}


.prod-sprite {
    background-image: url(../image/spritesheet-prod.png);
    background-repeat: no-repeat;
    display: block;
    max-width: 100%;
}

.prod-sprite-brief {
    width: 43px;
    height: 46px;
    background-position: -5px -5px;
}

.prod-sprite-car {
    width: 43px;
    height: 30px;
    background-position: -58px -5px;
}

.prod-sprite-cur {
    width: 43px;
    height: 41px;
    background-position: -58px -45px;
}

.prod-sprite-post {
    width: 43px;
    height: 39px;
    background-position: -111px -5px;
}

.prod-sprite-prodj {
    width: 43px;
    height: 36px;
    background-position: -111px -54px;
}

.prod-sprite-shield {
    width: 43px;
    height: 38px;
    background-position: -5px -100px;
}

.tab-content ul li:before {
    content: '';
    display: inline-block;
    width: 1em;
    position: absolute;
    height: 1px;
    background: var(--dark);
    margin-left: -1.5em;
    margin-top: 0.8em;
}

.tab-content ol,
.tab-content ul {
    padding-left: 2em;
}

.box-heading, .tab-content .h2, .tab-content .h3, .tab-content h2, .tab-content h3 {
    padding-top: 35px
}

.box-heading:before,.tab-content .h2:before,.tab-content .h3:before,.tab-content h2:before,.tab-content h3:before {
    content: "";
    width: 16px;
    height: 36px;
    display: inline-block;
    background-color: var(--bg-line, #202022);
    position: absolute;
    transform: translate(-48px,1px)
}

.c-medium .box-heading {
    padding-left: 48px
}

.box-heading.h3 a,.box-heading.h3 div {
    font-size: initial;
    font-weight: 400;
    padding-left: 2px;
    display: block;
    margin-bottom: -20px;
    margin-top: .8em
}

.box-heading.h3 a:not(:hover) {
    color: var(--light-blue)
}

.nav.nav-tabs {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 25px
}

.nav-tabs>li>a {
    border-radius: 9px;
    font-size: 23px;
    border-color: var(--border);
    border-width: 1px;
    color: var(--grey);
    line-height: 1.5
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    border-color: var(--blue);
    border-width: 3px;
    font-weight: 600
}

#tab-specification {
    max-width: 1180px;
    margin-inline: auto
}

.attr-da {
    display: flex;
    justify-content: space-between;
    margin: 40px 0
}

.attr-dl {
    border-bottom: 1px solid var(--border);
    width: 100%;
    margin-inline: 20px;
    transform: translateY(-10px)
}

.attr-dn {
    font-weight: 300
}

.attr-dn,.attr-dt {
    white-space: nowrap
}

.rew-wrap {
    display: flex;
    gap: 90px
}

.rew-wrap p {
    line-height: 1.25;
    word-break: break-word;
}

.rew-answer {
    border-top: 1px solid #cdcdcd;
    margin-top: 15px;
    padding-top: 10px;
    margin-left: 10%
}

.rating-wrap+div {
    border-top: 1px solid var(--border);
    margin: 20px 0;
    padding: 15px 10px;
    width: 100%;
    max-width: 1000px
}

.rating-wrap {
    white-space: nowrap
}

.rating {
    font-size: 18px
}

.rating .fa-star {
    color: var(--border)
}

.rating .fa-stack {
    font-size: inherit;
    width: .9em
}

.rating .fa-star+.fa-star {
    color: #ff7a00
}

span.rew-author {
    font-size: 24px;
    margin-right: 15px
}

span.rew-date {
    color: var(--grey);
    font-size: 18px
}

span.rew-role {
    color: var(--orange-text);
    font-size: 24px;
    margin-right: 15px
}

.rew-answer .rew-author {
    opacity: .9
}

.rew-answer .rew-role {
    color: var(--green)
}

span.rew-comment {
    font-size: 18px;
    color: #439bde;
    text-decoration: underline;
    cursor: pointer
}

span.rew-comment:hover {
    text-decoration: none
}

.d1 {
    font-size: 48px;
    font-weight: 600;
    margin: 20px 0
}

.d1+.rating {
    font-size: 24px;
    margin-bottom: 30px;
    display: block
}

.label {
    font-weight: 500;
    color: #fff;
    border-radius: 0;
    display: inline-block;
    padding: .5em .7em
}

.main-thumb .label {
    font-size: 20px;
    min-width: 120px;
    margin-bottom: 12px;
    padding-block: .45em
}

.main-thumb .labels {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 900;
}

.account-success #content p,.modal .formcon-item-wrap {
    margin-bottom: 15px
}

.label-1,.label-special {
    background-color: var(--red)
}

.label-2 {
    background-color: #007600
}

.label-3,.label-4,.set.seth:hover .cell.ao.plus {
    background-color: var(--blue)
}

.label-5 {
    background-color: #3b2366
}

.promo-1 {
    color: var(--green)
}

.promo-2 {
    color: #382864
}

.promo-3 {
    color: var(--green)
}

.promo-custom {
    color: var(--orange-text)
}

/*.thumbnails {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    overflow: auto
}

.thumbnail {
    border-radius: 0;
    border-color: transparent
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color: transparent
}

.thumbnails a.thumbnail {
    border-bottom-color: var(--border);
    filter: grayscale(1);
    opacity: .5;
    padding-inline: 10px
}

.thumbnails a.thumbnail.active,.thumbnails a.thumbnail:focus,.thumbnails a.thumbnail:hover {
    border-bottom-color: var(--dark);
    filter: grayscale(0);
    opacity: 1
}*/
#main-carousel .splide__slide {
    max-width: 100%;
}

#thumbnail-carousel {
    margin-block: 2.5em 4em;
}

#thumbnail-carousel .splide__list {
    justify-content: center;
}

#thumbnail-carousel .splide__slide {
    border: none;
    opacity: .5;
    border-bottom: 1px solid var(--border);
}

#thumbnail-carousel .splide__slide.is-active {
    border-bottom: 1px solid var(--dark);
    opacity: 1
}

.fake-alarm {
    color: var(--red);
    text-align: center;
    font-size: 20px;
    max-width: 700px;
    margin-inline: auto;
    text-wrap: balance
}

/*.row.product-tabs {
    margin-top: 120px
}*/

.product-tabs .tab-content img {
    max-width: 100%;
}

.product-tabs .tab-content img[src*="-simple-black-"] {
    max-width: 32px;
}

.product-info h1 {
    padding-bottom: 8px
}

.short-desc {
    line-height: 1.7
}

.breadcrumb {
    background-color: transparent;
    font-size: 14px;
    color: var(--dark);
    padding: 0;
    margin: 0
}

.breadcrumb>li+li:before {
    content: ">";
}

.breadcrumb a {
    text-decoration: underline
}

.breadcrumb a:hover {
    text-decoration: none
}

.pr-line {
    /*border-bottom: 1px solid var(--border);*/
    padding-block: 24px;
    margin-bottom: 35px
}

.pr-line .row>div {
    display: flex;
    align-items: center;
    font-size: 14px
}

.menu-btn {
    display: inline-block;
    min-width: 120px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: -1px;
    cursor: pointer
}

.menu-btn i {
    transform: scaleX(1.8);
    color: #6a6a6c
}

.wish-compare {
    margin-left: auto;
    font-size: 16px;
    line-height: 1;
    display: flex;
    gap: 1.5rem
}

.wish-compare span,.wlist .btn {
    color: #737374;
    cursor: pointer;
    transition: all .3s ease
}

.breadcrumb a,.wish-compare span:hover,.wlist .btn:hover {
    color: var(--dark);
}

.product-info .in-stock,.product-info .price {
    color: #0071e3;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: flex-end
}

.product-info .price {
    font-weight: 600;
    font-size: 38px;
    border-top: 1px solid #c5c5c5;
    margin-top: 16px;
    padding-top: 8px
}

.product-info .in-stock {
    font-size: 24px;
    margin-bottom: 8px
}

.man-thumb {
    /* margin: 0 0 10px 0; */
}

.btn-xxl,.simplecheckout-button-block #button-confirm,button#button-cart {
    font-size: 36px;
    line-height: 1.7;
    padding-inline: 1.2em
}

.button-cart-hf {
    font-size: 28px!important
}
#button-ukrcredits {
    font-size: 24px;
    line-height: 1.7;
    padding-inline: 1em;
}

.text-b-buttons {
    margin-top: 0.2px;
    font-size: 24px
}

.text-b-buttons--cr{
    padding-inline: 0.1em;
}

.btn-row {
    display: flex;
    gap: 10px; /* відстань між кнопками */
    /*margin-bottom: 15px; */
    margin-bottom: 4px; 
    margin-top: 6px
}

.btn-row button {
    flex: 1 1 50%; /* обидві кнопки займають однакову ширину */
    white-space: nowrap; /* щоб текст не переносився */
    margin: 0!important;
    padding-inline: 10px !important
}

.in-credit {
    color: var(--red);
    cursor: pointer;
    background: 0 0;
    box-shadow: none;
    border: 0;
    padding: 0
}

.in-credit .btn-uc-text {
    border-bottom: 1px dashed;
}

.in-credit:hover .btn-uc-text {
    border-bottom-color: transparent
}

.button-cart-hf:hover,
.button-cart-hf:focus,
.button-cart-hf:active {
    background-color: #168118;
    border-color: #168118;
    color: #fff;  
}

#button-ukrcredits:hover,
#button-ukrcredits:focus,
#button-ukrcredits:active {
    background-color: #BACADA;
    border-color: #286090;
    color: var(--blue);  
}

.btn-primary-check:hover,
.btn-primary-check:focus,
.btn-primary-check:active {
    background-color: #286090;
    border-color: #286090;
    color: #fff;  
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #168118 !important;
    border-color: #168118 !important;
    color: #fff;  
}

.spi-toggler {
    color: var(--blue);
    border-bottom: 1px solid;
    cursor: pointer;
    position: relative;
}

.spi-toggler--mb {
    top: -20px;
}

.spi-toggler .fa {
    position: absolute;
    font-size: 11px;
    bottom: -14px;
    left: calc(50% - 4px)
}

.spi-toggler.active .fa {
    transform: rotate(180deg)
}

.sub-product-info {
    font-size: 20px;
    padding-right: 50px
}

.product-info h1,.sub-product-info>div {
    margin-bottom: 8px
}

.sub-product-info>div>div {
    display: flex;
    align-items: center;
    margin: 20px 0
}

.sub-product-info>div>div>div {
    /* width: 36px; */
    min-height: 36px;
    /* border-radius: 50%; */
    /* background-color: var(--border); */
    /* flex-shrink: 0; */
    margin: 0 50px 0 30px;
}

.spi-accent {
    /*font-weight: 600;*/
    color: var(--green)
}

.spi-accent>div {
    /* background-color: var(--green)!important; */
}

.pr-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    position: relative;
}

.pr-mobile .wish-compare {
    gap: 15px;
    font-size: 15px;
    color: var(--grey)
}

.pr-mobile,.pr-mobile .wish-compare span {
    color: var(--grey)
}

.splide-product-b {
    max-width: 1080px;
    margin-inline: auto
}

.product-thumb {
    width: 328px;
    height: 100%;
    position: relative
}

.product-thumb .inner {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 20px;
    transition: border-color .3s ease-in-out;
    text-align: center;
    background-color: #fff;
    min-height: 100%
}

.product-thumb .inner .image {
    transition: all .3s ease;
}

.product-thumb .inner:hover .image {
    opacity: 0.85;
    transform: scale(1.05, 1.05);
}

.slide-sm .splide-product-b {
    max-width: 980px
}

.slide-sm .product-thumb {
    width: 311px;
    border-radius: 5px
}

.product-thumb .image {
    margin-inline: auto;
    margin-bottom: 10px;
    position: relative
}

.product-thumb:hover .inner {
    border-color: var(--blue)
}

.product-sup {
    font-size: 10px;
    margin-inline: auto;
    border-top: 1px solid #e3d7c5;
    max-width: 260px;
    padding: 5px 0;
    color: var(--green)
}

.product-thumb .rating {
    font-size: 11px
}

.product-name {
    color: var(--dark);
    margin-bottom: 20px;
    letter-spacing: .1rem;
    line-height: 1.2
}

.product-thumb .price {
    text-align: center;
    position: relative;
    font-size: 24px
}

.order-item:hover .btn-circle,.product-thumb:hover .btn-circle,.product-thumb:hover .price,.product-thumb:hover .price-new{
    color: var(--blue)
}

.btn-circle {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 0;
    color: #c4c4c4;
    font-size: 20px;
    transition: all .2s ease;
    background-color: #f0f0f0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.btn-circle:hover {
    background-color: var(--blue);
    color: #fff!important
}

.product-thumb .btn-cart {
    position: absolute;
    right: 0;
    top: calc(50% - 24px)
}

.product-name a {
    color: inherit
}

.product-thumb .get-price {
    font-size: 14px;
    color: var(--blue);
}

.splide.splide-product {
    max-width: 1720px;
    margin-inline: auto
}

.splide.splide-product,.splide.splide-product-b,.splide.splide-sets,.splide.splide-product-in {
    padding-bottom: 40px;
    margin-bottom: 40px
}

.splide__pagination__page.is-active {
    background: var(--red)
}

.article-row.view-2 {
    margin-bottom: 70px;
    max-width: 1260px;
    margin-inline: auto
}

.article-row.view-2 .caption {
    border: 1px solid var(--border);
    padding: 30px;
    border-radius: 10px
}

.article-row.view-2 .img-responsive {
    display: inline-block;
    border-radius: 9px
}

.article-row.view-2 .art-head,.article-row.view-2 .art-thumb {
    margin-bottom: 40px
}

.art-thumb {
    text-align: center
}

.article-row .caption {
    display: flex;
    flex-direction: column
}

.article-row .h3 a:not(:hover) {
    color: var(--dark)
}

.art-tags,.article-row .text-date {
    font-size: 14px;
    color: var(--grey)
}

.art-tags a:not(:hover) {
    color: var(--grey)
}

.article-row.view-3 {
    padding: 0;
    border: 0;
    display: flex;
    gap: 2em
}

.article-row.view-3 .art-helper {
    min-width: 120px;
    padding: 0 25px;
    margin-top: -30px
}

.article-row.view-3 .art-thumb,.article-row.view-3 .btn-art,.only-view-2,.only-view-3,footer .container:after,footer .container:before {
    display: none
}

.article-row.view-3 .art-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 700px
}

.article-row.view-3 .h3 {
    order: -1;
    text-align: left;
    margin: 3px 0
}

.article-row.view-2 .only-view-2,.article-row.view-3 .only-view-3,.btn-art {
    display: inline-block
}

.article-row.view-2 div.only-view-2,.article-row.view-3 div.only-view-3 {
    display: block
}

.article-row.view-3 .art-preview {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.article-row.view-3 .art-tags {
    margin-bottom: 7px
}

.btn-art {
    background-color: #ebebeb;
    padding: 10px 36px;
    border-radius: 22px
}

.social .icon_group a:hover,.view-icon.active span,.view-icon:hover span {
    background-color: var(--red)
}

.article-tags {
    margin: 2em 0;
}

.article-tags a:not(:hover) {
    color: var(--grey);
}

.article-social {
    margin-top: 2em;
}

.newsblog-article #content img {
    max-width: 100%;
    height: auto;
}

.article-social small {
    margin-bottom: .3em;
    display: block;
}

.view-icons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
    padding-block: 4px 3px
}

.view-icon {
    width: 16px;
    height: 15px;
    display: inline-flex;
    cursor: pointer;
    flex-wrap: wrap;
    gap: 2px;
}

.view-icon span {
    display: block;
    background-color: #bfbfbf;
    width: 100%;
}

.view-icon.view-1 div {
    flex-direction: column;
    justify-content: space-between
}

.view-icon.view-1 {
    flex-direction: row;
    flex-wrap: nowrap;
}

.view-icon.view-1 div {
    display: flex
}

.view-icon.view-1 div span {
    height: 3px;
    display: block;
    min-width: 3px
}

.view-icon.view-1 div+div {
    width: 100%
}

.view-icon.view-1 div+div span:first-child {
    height: 9px
}

.view-icon.view-2 span {
    height: 6px
}

.view-icon.view-3 {
    gap: 1px;
}

.view-icon.view-3 span {
    height: 2px
}

.view-icon.view-4 {
    height: 16px;
    flex-wrap: wrap;
}

.view-icon.view-4 span {
    width: 4px;
    height: 4px;
}

.view-icon.view-5 {
    height: 16px;
}

.view-icon.view-5 span {
    height: 4px;
}

.view-icon.view-5 span:first-child {
    width: 70%;
}

.view-icon.view-5 span:last-child {
    width: 50%;
}

footer {
    border-top: 1px solid var(--border);
    padding-top: 35px;
    /*background-color: #fff;*/
    margin-top: 70px;
    background-color: #e7e7e7;
}

footer .container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.2;
    max-width: 1140px
}

footer ul {
    margin-bottom: 30px;
    padding-left: 0
}

footer ul li {
    list-style: none;
    margin-bottom: 10px
}

footer ul li a {
    font-size: 12px
}

footer .heading {
    font-weight: 600;
    margin-bottom: 9px;
    font-size: 13px
}

footer .social {
    display: flex;
    flex-direction: column;
    margin-bottom: 27px
}

.social .icon_group,footer .banks .icon_group {
    display: flex;
    gap: 10px
}

footer .banks .heading,footer .social .heading {
    margin-bottom: 20px;
    font-weight: 600;
    white-space: nowrap
}

.social .icon_group a {
    color: #fff;
    background-color: var(--dark);
    font-size: 18px;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    text-align: center;
    line-height: 32px;
    transition: all .3s ease
}

footer .banks,footer .form {
    display: flex;
    justify-content: space-between
}

footer .banks {
    flex-direction: column;
    max-width: 230px;
    margin-bottom: 42px
}

footer .form {
    align-items: end;
    max-width: 307px
}

footer .column4,footer .input_group {
    display: flex;
    flex-direction: column
}

footer .input_group .heading {
    margin-bottom: 10px
}

footer .input_group input::placeholder {
    font-size: 14px
}

footer .input_group input {
    display: flex;
    padding: 7px;
    border: 1px solid var(--border);
    border-radius: 6px;
    margin-bottom: 10px;
    width: 100%;
}

footer .input_group input + .text-danger {
    position: absolute;
    font-size: 12px;
    margin-top: -14px;
}

footer .column4 .form .input_group {
    flex-grow: 1;
    max-width: 200px
}

footer .column4 .form button {
    background-color: var(--blue);
    border: 0;
    border-radius: 13px;
    height: 26px;
    font-size: 12px;
    color: #fff;
    padding: 0 12px;
    margin: 12px 0 12px 10px
}

.flipdown {
    margin-inline: auto;
    margin-bottom: 2em;
}

.product-thumb .button-group.labels {
    position: absolute;
    left: 0;
    text-align: left;
    line-height: 1;
    top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-grow: 0;
    z-index: 1;
    /*pointer-events: none*/
}

.splide__arrow {
    background: #ebebeb;
    height: 3em;
    width: 3em;
    opacity: 1
}

.splide__arrow svg {
    fill: #838383
}

.splide__arrow:disabled {
    opacity: 1
}

.splide__arrow:disabled svg {
    fill: #fff
}

.splide__arrow--prev {
    left: -1.5em
}

.splide__arrow--next {
    right: -1.5em
}

.slide-sm .splide__arrow--prev {
    left: -5em
}

.slide-sm .splide__arrow--next {
    right: -5em
}

.price .uah {
    font-size: 16px;
}

.price .uah-old {
    font-size: 12px;
    text-decoration: line-through;
}


.product-info .price .uah {
    font-size: 20px
}

.product-info .price .uah-old {
    font-size: clamp(12px, 0.6475rem + 1.1377vw, 18px);
}

.product-info .price-old {
    font-size: clamp(14px, 0.6475rem + 1.1377vw, 22px);
    margin-inline: 0.6em;
}

.price-old {
    color: var(--blue);
    font-size: 13px;
    text-decoration: line-through;
    display: inline-block;
    line-height: 1
}

.price-new {
    display: inline-block;
    color: var(--dark-red);
}

.price-ord {
    display: inline-block;
}

.abc {
    display: flex;
    gap: .2em;
    margin-bottom: 7rem;
    flex-wrap: wrap;
}

.abc span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4em;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    padding-inline: 0.5em;
}

.abc span:hover,.catalog_brand .sorting .button_group .button:hover {
    background-color: var(--light-blue);
    color: #fff
}

.catalog_brand .sorting .button_group {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 2.5em auto;
    gap: 1.5em
}

.catalog_brand .sorting .button_group .button {
    padding: 4px 0;
    border-radius: 19px;
    background-color: #ebebeb;
    color: var(--light-blue);
    min-width: 190px;
    border: 1px solid #e5e5e5;
    padding-inline: 1em;
    text-align: center;
}

.module {
    padding-block: 3rem
}

.module-gray {
    background-color: #f2f2f2
}

.container+.module-gray + .korona_brand {
    margin-top: 5rem;
}

.module-gray + script + footer,
.module-gray + footer {
    margin-top: 0;
}

.wlist {
    position: absolute;
    right: .8em;
    top: .6em;
    z-index: 1
}

.wlist .btn {
    font-size: .833333em;
    padding: 0 .2em
}

.menu {
    text-align: right
}

.menu li {
    margin-bottom: .6rem
}

.abc_block {
    padding-left: 3rem;
    margin-bottom: 4rem
}

.topbrand {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 3rem;
    width: 100%
}

.topbrand .img_block {
    display: flex;
    flex-direction: column;
    flex-basis: 190px;
    color: var(--dark)
}

.topbrand .img_block:hover {
    color: var(--blue)
}

.brand_content .block_inner,.topbrand .img_block .img-wrap {
    display: flex;
    background-color: #fff;
    border: 1px var(--border) solid;
    border-radius: 10px;
    flex-basis: 90px;
    justify-content: center;
    align-items: center;
    padding: 5px
}

.brand_content .block_inner:hover,.technics a:hover img,.topbrand .img_block:hover .img-wrap {
    border-color: var(--blue)
}

.sticky-left #column-left {
    position: sticky;
    top: 1rem;
    margin-bottom: 3rem
}

.korona_brand {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid var(--border);
    margin-bottom: 7rem;
    padding-bottom: 4rem
}

.korona_brand_inner {
    margin-block: 2rem
}

.korona_brand_inner .block_inner {
    margin-block: 4rem;
    padding: 1.2rem 0
}

.korona_brand .heading {
    border-bottom: 1px #c4c4c4 solid;
    max-width: 357px;
    margin: 0 auto;
    padding-inline: 1rem
}

.korona_brand .heading img {
    margin-right: 15px
}

.korona_brand .splide__arrow--next {
    right: -5em
}

.korona_brand .splide__arrow--prev {
    left: -5em
}

.product-wrap {
    display: flex;
    flex-wrap: wrap
}

.product-grid {
    margin-bottom: 30px
}

.product-grid .product-thumb {
    width: 100%;
    position: relative
}

.heading-wrap,.technics a {
    display: flex;
    align-items: center
}

.heading-wrap {
    padding-left: 27ch;
    justify-content: space-between;
    min-height: 45px
}

.heading-wrap select.form-control {
    text-align: right;
    border: 0;
    box-shadow: none;
    color: #828282;
    background: 0 0
}

.mb-0 {
    margin-bottom: 0!important
}

/*.d1-wrap h1,.heading-line {
    border-bottom: 1px solid var(--border)
}*/

.heading-line {
    margin-bottom: 50px
}

.product-thumb .description {
    font-size: 14px;
    margin-top: 1rem;
    display: none;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.d1-wrap,.technics {
    display: flex;
    justify-content: center
}

.technics {
    flex-wrap: wrap;
    gap: 5rem 9.7rem;
    margin-bottom: 12rem
}

.technics a {
    flex-direction: column;
    flex-basis: 220px;
    text-align: center;
    line-height: 1.25
}

.technics img {
    width: 220px;
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: 5px;
    margin-bottom: .5rem;
    transition: border .3s ease
}

.d1-wrap {
    margin-bottom: 7rem
}

.d1-wrap h1 {
    padding-bottom: 1rem;
    margin: 0 auto
}

ul.breadcrumb {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ul.breadcrumb li:first-child a {
     display: inline-block;
    width: 16px;
    height: 14px;
}

.buttons .pull-right {
    margin-bottom: 5rem
}

.container+.module-gray {
    margin-top: 5rem
}

#fc-content-anc {
    order: 98;
    padding-block: 0.5em;
}

#flex-theme {
    display: flex;
    flex-direction: column;
}

.black_block {
    width: 100%;
    background-color: var(--dark);
    padding: 10px 15px;
    color: #fff;
    font-size: 12px;
    /*margin-top: 10px*/
    z-index: 2;
    position: relative;
    order: 99;
}

.black_block p {
    max-width: 600px;
    margin: 0 auto
}

.black_block,.splide_solo .splide__slide {
    text-align: center
}

/*.splide_solo img {
    max-width: 100%
}*/

.korona_brand .text-slogan {
    padding: 1rem;
    margin-top: 1rem;
    display: block
}

.korona_brand .text-slogan:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 1px;
    background-color: var(--border);
    transform: translateY(-1rem)
}

.address {
    justify-content: space-between;
    margin-block: 7rem;
    font-size: 14px;
    font-family: "SF Pro Display",sans-serif;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 2rem
}

.address,.address .addres_content {
    display: flex
}

.address .addres_content .line {
    width: 1px;
    background-color: var(--red);
    height: 95%;
    margin-top: 1%
}

.addres_inner .location {
    color: var(--red);
    margin-bottom: .5rem
}

.addres_inner {
    margin-inline: 15px
}

.addres_inner .location a {
    margin-left: 5px
}

.addres_inner .time {
    color: var(--grey);
    margin-bottom: .5rem
}

.common-home .korona_brand {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border)!important;
    padding-top: 4rem
}

.adresat {
    margin-right: auto;
    margin-left: 4rem;
    font-size: 15px
}

.hdr-adr {
    white-space: nowrap
}

.hdr-adr>a:not(:hover) {
    color: #fff
}

.adresat .user_city {
    color: var(--red);
    margin-left: 2rem;
    cursor: pointer
}

.adresat .user_city .fa {
    font-size: 10px;
    margin-left: 5px
}

footer .column ul:empty,span[data-t5-info-compare-count]:empty+i {
    display: none
}

.search-forms {
    margin-bottom: 3rem
}

.search-forms>div {
    margin-bottom: 1rem
}

#filter_vier .link_fv .checka:before,#filter_vier .link_fv .checkb:before,.burger,.t-categories .container:after,.t-categories .container:before,div#credit-here, div#mono-here {
    display: none
}

.burger.active {
    display: flex
}

.t-categories {
    background: #f5f5f5
}

.t-categories .container {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
    padding-block: 1rem;
    height: 50px;
    padding-right: 7%
}

.t-categories span.menu-btn {
    font-size: 14px
}

.header-info .menu-btn {
    min-width: 100%
}

.header-info .menu-btn i.fa {
    font-size: 14px;
    color: #fff
}

.splide_solo {
/*    margin: 1.5rem;
    margin-bottom: 0*/
    margin: 0;
   /* margin-top: 1em;*/
}

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid var(--border);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite
}

.heading-type-3 {
    max-width: 1220px;
    margin-inline: auto
}

.heading-type-3 .d1 {
    margin-top: 0
}

.compare-tabs {
    border-bottom: 1px solid var(--border);
    display: flex;
    gap: 0 4rem;
    margin-bottom: 2rem;
    width: fit-content;
    flex-wrap: wrap;
}

.compare-tabs span {
    padding: 5px;
    border-bottom: 3px solid transparent;
    color: var(--grey);
    margin-bottom: -2px;
    cursor: pointer
}

.compare-tabs span.active {
    border-bottom-color: var(--red);
    font-weight: 600;
    color: var(--dark)
}

.splide-compare {
    margin-top: 2.5em
}

.splide-compare+hr {
    border-top-color: var(--dark)
}

.splide-compare .product-thumb {
    width: auto;
    padding-top: 12px
}

.splide-compare .splide__arrow {
    width: 30px;
    height: 30px
}

.splide-compare .splide__arrow--next {
    right: 0
}

.splide-compare .splide__arrow--prev {
    left: 0
}

.splide-compare .splide__slide {
    display: flex;
    flex-direction: column
}

.compare-remove {
    position: absolute;
    right: -5px;
    font-size: 30px;
    color: #dedede;
    margin-top: -15px;
    background: #fff;
    line-height: 1;
    border-radius: 50%
}

.compare-reload {
    position: absolute;
    top: 50%;
    right: -35px;
    font-size: 24px;
    color: #dedede;
    margin-top: -20px
}

.product-thumb:hover .compare-remove {
    color: var(--blue)
}

.product-thumb .compare-remove:hover {
    cursor: pointer;
    color: var(--red)
}

.compare-man {
    margin: 1em
}

.ct-inner {
    display: flex;
    flex-direction: column
}

.ct-value {
    text-align: center;
    background: #ebebeb;
    height: 3.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--dark);
    border-bottom: 1px solid transparent;
    line-height: .9;
}

.ct-value.active {
    border-top-color: var(--red);
    border-bottom-color: var(--red)
}

.ct-name {
    height: 2.2em;
    display: flex;
    align-items: end;
    transition: all .3s ease
}

.splide-compare-table .splide__slide:nth-child(even) .ct-value {
    background: #e6e6e6
}

.splide-compare-table .splide__slide:not(.is-active.is-visible) .ct-name {
    visibility: hidden;
    opacity: 0
}

.proposition {
    font-size: 14px
}

.n-thumbnails {
    margin-bottom: 2em
}

.n-thumbnails .splide__slide img,.splide__slide.spl-carousel-img img {
    box-shadow: 0 0 5px 0 rgba(46,36,94,.24);
    border-radius: 25px;
    overflow: hidden;
    margin: 5px;
    transition: all .3s ease;
    max-height: 30vw
}

.n-thumbnails .splide__slide:hover img,.splide__slide.spl-carousel-img:hover img {
    box-shadow: 0 0 1px 0 rgba(46,36,94,.24)
}

.spl-carousel .splide__arrow--next {
    right: 1em
}

.spl-carousel .splide__arrow--prev {
    left: 1em
}

.art-info .date {
    color: #727272
}

.long-text {
    max-width: 1010px;
    margin-inline: auto
}

.prodj-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='20px'%3E%3Cpath fill-rule='evenodd' stroke-width='2px' stroke='rgb(218, 0, 0)' fill-opacity='0' fill='rgb(255, 255, 255)' d='M17.999,9.999 L14.499,15.998 L7.499,15.998 L3.999,9.999 L7.499,4.0 L14.499,4.0 L17.999,9.999 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: -3px 50%;
    padding-left: 25px;
    font-weight: 600;
    margin-bottom: .7em
}

ul {
    list-style: none
}

.long-text ul {
    margin-bottom: 1.5em
}

.long-text.tab-content {
    padding-block: 0;
}

#filter_vier .block_param,.art-wrap {
    border-bottom: 1px solid var(--border)
}

.art-wrap {
    margin-bottom: 2em;
    padding-bottom: 1em
}

.date-author {
    margin-top: 2em
}

#prd-sets {
    max-width: calc(100% - 4em);
    margin-inline: auto
}

.set.seth {
    border: 1px solid var(--border);
    border-radius: 12px;
    transition: all .3s ease;
    height: 100%;
    display: flex;
    flex-direction: column
}

.set_table {
    display: flex;
    flex-grow: 1
}

.set-total-cell {
    border-top: 1px solid var(--border);
    padding: 15px;
    display: flex;
    justify-content: center;
    gap: 2em;
    align-items: center
}

.disc {
    position: absolute;
    right: 0;
    background: var(--red);
    color: #fff;
    padding-inline: 1em
}

.set-product-cell {
    padding: 1.5em;
    text-align: center;
    position: relative
}

.set-product-cell .price-old {
    display: inline-block;
    margin-right: 1em
}

.set-name {
    padding: .5em 1.5em;
    font-weight: 700
}

.cell.ao.plus {
    align-self: center;
    background-color: var(--border);
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.6em;
    font-size: 1.4em;
    color: #fff;
    display: block;
    text-align: center;
    padding: 0;
    flex-shrink: 0
}

.btn-color-on-hov {
    border-radius: 17px
}

.set.seth:hover {
    border-color: var(--blue)
}

.set.seth:hover .btn-color-on-hov {
    color: #fff;
    background-color: var(--blue)
}

#filter_vier a.checka,.set.seth:hover .new_summ {
    color: var(--blue)
}

#ukrcredit-popup,.info-h-wrap,.login_links span {
    position: relative
}

.popup-full-bg {
    opacity: .5;
    visibility: visible;
    background-color: #000;
    position: fixed;
    inset: 0;
    z-index: 1009;
    display: none
}

.popup-full-bg.active {
    display: block;
    cursor: pointer
}

.buttons.clearfix,.login-form-wrapper .buttons .btn-lg {
    margin-top: 15px
}

.points {
    text-align: right;
    margin-top: -.5rem
}

#ukrcredit-popup {
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 750px;
    margin: 20px auto
}

.mfp-zoom-in .mfp-content>div {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.7)
}

.mfp-zoom-in.mfp-ready .mfp-content>div {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-removing .mfp-content>div {
    transform: scale(.7);
    opacity: 0
}

#filter_vier .block_param {
    padding-bottom: 7px
}

.curs_point .strel_hid_fa {
    font-size: 15px
}

.strel_hid_fa i {
    color: #87878c
}

#filter_vier .title_filter:not(.qnp) {
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    line-height: 1.2
}

#filter_vier .row_blok {
    line-height: 1.2;
    font-size: 14px;
    padding-block: 2px
}

.count_prod {
    float: right
}

#head_filter {
    text-align: left!important;
    font-size: 18px!important
}

#head_filter .fa {
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 2px
}

.onli_param:not(.qnp) {
    margin-top: 6px
}

.filter-left aside#column-left {
    border-right: none
}

#block_filter_vier {
    max-width: 240px
}

header .alert-success {
    color: var(--dark);
    background-color: #fff;
    border-color: var(--red)
}

#user-drop-info .information a:not(:hover),header .alert-success a:not(:hover) {
    color: var(--light-blue)
}

form .text-danger {
    font-size: 14px
}

.top-search {
    margin-inline: 30px;
    flex-grow: 1
}

.top-search .input-group {
    width: 100%
}

.top-search [name=search] {
    background-color: #2e2e2e;
    border-radius: 5px!important;
    border: 0;
    box-shadow: none;
    color: #898787;
    z-index: 1010!important
}

.form-rating .form-rating-container input,div#tab-review .not-active .buttons ,div#tab-review .not-active>.form-group~.form-group {
    display: none
}

.top-search .input-group-btn .btn-default {
    background: #2e2e2e;
    border-color: #2e2e2e;
    box-shadow: none;
    color: #fff;
    z-index: 1010;
    margin-left: -2px;
}

.top-search.narrow {
  margin-inline: 2px;
}

div#simplecheckout_comment {
    margin-bottom: 15px;
}

.brand-text.topbrand {
    min-width: 540px;
    margin-top: 4rem
}

.acc-links {
    display: flex;
    gap: 1em;
    margin-bottom: 2em;
    font-size: 18px;
    justify-content: center;
    flex-wrap: wrap
}

.acc-links a {
    font-size: 1em;
    padding: .4em 1.5em;
    border: 1px solid #c5c5c5;
    border-radius: .5em;
    position: relative
}

.acc-links a.active,.acc-links a:hover {
    border: 1px solid #0072e7;
    outline: 2px solid #0072e7;
    color: inherit
}

.acc-links a .fa {
    color: #0072e7;
    font-size: 90%;
    margin-right: 2px
}

.acc-links .round-num {
    font-size: 14px;
    bottom: 0;
    right: 2px
}

.login-form-wrapper {
    max-width: 500px;
    margin-inline: auto
}

.login_links {
    display: flex;
    margin-bottom: 40px;
    justify-content: center;
    gap: 6rem
}

.login_links a:not(:hover) {
    color: #828282
}

.acc-info-text a:not(:hover),.form-link:not(:hover) {
    color: var(--blue)
}

.login-form-wrapper .btn-lg {
    border-radius: 24px;
    margin-block: 30px
}

.btn-rounded.btn-lg {
    border-radius: 24px
}

.login_links span:after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: var(--red);
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 20px)
}

.edit-page {
    display: flex;
    align-items: center
}

.edit-page .login-form-wrapper {
    margin-inline: 0
}

.order-elem-heading {
    display: flex;
    border-bottom: 1px solid var(--border);
    padding-block: 5px
}

.item-total {
    display: flex;
    gap: 25px;
    justify-content: flex-end
}

.order-elem-footer,.order-elem-info {
    margin-left: 165px;
    display: flex;
    border-bottom: 1px solid var(--border)
}

.order-elem-info {
    padding-bottom: 25px;
    gap: 25px;
    justify-content: end
}

.order-elem-footer {
    padding: 20px 0
}

.order-elem {
    margin-bottom: 50px
}

.order-elem-footer>div {
    border-left: 1px solid var(--border);
    padding: 2px 15px
}

.order-elem-footer .fa {
    margin-right: 10px
}

.acc-info-text {
    margin-bottom: 4em;
    border-left: 4px solid #ff7a00;
    padding-left: 3em
}

.blue-link {
    color: var(--blue);
    cursor: pointer
}

.blue-link:hover,.contacts .address a:hover {
    color: var(--red)
}

.order-item .price {
    font-size: 18px
}

.order-cart {
    display: flex;
    margin-block: 25px;
    gap: 25px
}

.order-total {
    width: 27%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-between;
    min-width: 220px
}

.ii-wrap {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid var(--border);
    padding-bottom: 20px;
    gap: 25px
}

.ii-wrap,.ii-wrap .item-info {
    flex-grow: 1
}

.order-cart .item-total {
    display: flex;
    gap: 25px;
    justify-content: space-between;
    align-items: center
}

.order-cart .item-info .text-muted {
    margin-top: auto
}

.item-total .input-group.inc-dec input,.item-total .price,.simplecheckout-cart .input-group.inc-dec input {
    font-size: 18px
}

.item-total .input-group.inc-dec .btn,.simplecheckout-cart .input-group.inc-dec .btn {
    font-size: 18px;
    line-height: 1.1
}

.sum-2 {
    display: flex;
    justify-content: space-between
}

a#logout {
    margin-left: auto;
    padding: 0 15px;
    text-decoration: underline
}

a#logout:hover {
    text-decoration: none
}

.view-toggle {
    position: absolute;
    right: 10px;
    top: 15px;
    opacity: .7;
    cursor: pointer
}

.view-toggle:hover {
    opacity: .9
}

.checkout-cart #accordion .panel {
    box-shadow: none;
    border: 0
}

.checkout-cart #accordion .panel-heading {
    background-color: transparent;
    border: 0;
    padding-right: 0;
    color: var(--blue)
}

.spl-carousel-img {
    padding-bottom: 5em
}

.spl-text {
    position: absolute;
    margin-inline: 25px;
    max-width: 95vw
}

.spl-text .small {
    margin: 5px 0
}

.spl-text a {
    display: block;
    line-height: 1.33
}

#filter_vier .input_slider .text_input {
    font-size: 14px
}

.na-product {
    filter: grayscale(1)
}

.na-product .inner>* {
    opacity: .5
}

#form-review .login-form-wrapper {
    max-width: 990px;
    margin-top: 1.5em
}

div#tab-review .not-active textarea {
    max-height: 50px
}

div#tab-review textarea {
    transition: all .3s ease
}

.form-rating {
    display: flex;
    align-items: center;
    gap: 1em
}

.form-rating .control-label {
    font-size: 16px;
    font-weight: 500
}

.form-rating .form-rating-container label,.form-rating .form-rating-container:hover label {
    float: right;
    cursor: pointer;
    width: 35px
}

.form-rating .form-rating-container label i,.form-rating .form-rating-container:hover label i {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 20px
}

.form-rating .form-rating-container label i.fa-star-o {
    color: #d9d9d9;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1)
}

.form-rating .form-rating-container:hover label i.fa-star-o {
    text-shadow: 1px 1px 1px rgba(0,0,0,.1)
}

.form-rating .form-rating-container label i.fa-star {
    color: #e6e6e6;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2)
}

.form-rating .form-rating-container:hover label i.fa-star {
    text-shadow: 1px 1px 1px rgba(0,0,0,.2)
}

.form-rating .form-rating-container:hover label i.fa-star-o {
    color: #d9d9d9
}

.form-rating .form-rating-container:hover label i.fa-star {
    color: #e6e6e6
}

.form-rating .form-rating-container:hover label:hover i.fa-star-o,.form-rating .form-rating-container:hover label:hover~label i.fa-star-o {
    color: #feb645
}

.form-rating .form-rating-container:hover label:hover i.fa-star,.form-rating .form-rating-container:hover label:hover~label i.fa-star {
    color: gold
}

.form-rating input:checked~label i.fa-star-o {
    color: #fea212
}

.form-rating input:checked~label i.fa-star {
    color: #f0ca00
}

iframe {
    border: none;
}

.c-bc {
    padding-left: calc(27ch - 275px);
}

.c-bc .menu-btn {
    min-width: 220px;
}

.breadcrumb>li+li:before {
    padding: 0 1em;
}

a.card-gift {
    position: absolute;
    bottom: 0;
    /* right: 3px; */
    display: flex;
    z-index: 2;
    max-width: 30%;
    align-items: center;
    font-size: 0.7em;
    gap: .1em;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #c5c5c5;
}

.xdstickers_wrapper a.card-gift {
    position: relative;
    max-width: unset;
    bottom: unset;
    right: unset;
}

a.card-gift img {
    max-width: 100%;
    /* border-radius: 5px; */
    height: auto;
}

/*live search*/
.live-search {
    width: 100%;
    position: absolute;
    z-index: 1010;
    display: none;
    right: 0;
    top: 0;
    margin-top: 35px;
}

.live-search > ul {
    padding: 5px 0 20px;
    background-color: #FFF;
    border: 1px solid #DDD;
    /*box-shadow: 0 2px 2px #DDDDDD;*/
    min-width: 300px;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    border-radius: 5px;

}

.live-search .loading {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.live-search ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.live-search .result-text:empty,
.live-search ul:empty {
    display: none;
}

.live-search ul li {
    cursor: pointer;
    padding: 5px;
    margin: 0px 5px;
    background-color: #FFF;
    /* min-height: 50px; */
    clear: both;
}

.live-search ul li:nth-child(even) {
    background-color: #FAFAFA;
}

.live-search ul li:hover {
    background-color: #F0F7FA;
}

.live-search ul li a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.live-search ul li .product-image {
    float: left;
    margin-right: 5px;
    border-radius: 4px;
    overflow: hidden;
}

.live-search ul li .product-name p {
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    color: #555555;
    margin: 0px;
    padding: 0px;
}

.live-search ul li .product-name {
    font-weight: 500;
}

.live-search ul li .product-add-cart {
    float: right;
    padding: 1px 1px 1px 7px;
}

.live-search ul li .product-price {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    margin-left: auto;
}

.live-search ul li .product-price .price {
    color: #333333;
    display: block;
}

.live-search ul li .product-price .special {
    color: #FF0000;
    text-decoration: line-through;
    display: block;
}

.live-search .product-price > .special {
    margin-top: -5px;
}

.live-search .result-text {
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    color: #555555;
    background-color: #e6ffff;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 5px 5px;
    display: none !important;
}

.live-search .view-all-results:hover {
    color: #23527c;
}

.live-search .view-all-results {
    color: #23a1d1;
}

.live-search .product-image {
    width: auto;
}

.live-search .product-image img {
    width: auto;
}

.row.pag-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination>li>a, .pagination>li>span {
    margin-left: 5px;
    color: var(--dark);
    background-color: #EBEBEB;
    border: 1px solid transparent;
    padding: 0.5em;
    min-width: 2.7em;
    text-align: center;
    border-radius: 4px !important;
    transition: all .3s ease;
}

.pagination>.pseudo-active {
    pointer-events: none;
}

.pagination>.active>a, .pagination>.pseudo-active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #FF1F45;
    border-color: #FF1F45;
    z-index: 1;
    color: #fff;
}

.pagination .next,
.pagination .prev {
    background: transparent;
    color: #C5C5C5;
}

.pagination>li>a:hover {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
    transform: scale(1.2);
}

.btn-show-more {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
}

.btn.btn-show-more:focus {
    color: #333333;
}

.lloading {
    text-align: center
}

.btn-show-more:hover {
    background-color: #DDDDDD;
    color: #333333;
}

#ss_showmore {
    text-align: center;
    margin-bottom: 15px
}

.tab-content a {
    color: var(--blue);
}

.tab-content a:hover {
    color: inherit;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.t-categories > .container > .dropdown {
    padding-block: 7px;
}

.t-categories > .container > .dropdown > a {
    min-width: 70px;
    text-align: center;
    display: inline-block;
}

.t-categories > .container > .dropdown .dropdown-menu {
    margin-top: 0;
    background-color: var(--darker);
}

.t-categories > .container > .dropdown .dropdown-menu a {
    color: #fff;
}

.t-categories > .container > .dropdown .dropdown-menu a:hover {
    background-color: var(--darker);
    color: var(--red);
}

.irs-bar, .irs-line,.irs-slider{
    transform: scaleY(0.5);
}

.tv-5 {
    margin-bottom: 4rem;
}

.tv-5-list li a {
    display: block;
    padding-block: 2px;
}

.fc-right .price-old,
.product-info .price-old {
    color: var(--semi-dark);
    font-weight: 300;
}

.fc-right .price-old + .price-new,
.product-info .price-old + .price-new {
    color: var(--dark-red);
}

body[class^=information] .tab-content img {
    max-width: 100%;
    height: auto;
}

.splide-product-in .product-thumb {
    width: 100% !important;
}

.he-info-top {
    max-height: 548px;
    overflow: auto;
    margin-bottom: 15px;
}

footer .fc-content img {
    max-width: 100%;
    height: auto;
}

.fc-content p,
.he-info-top p {
    margin-bottom: 1em;
}

.he-info-top p:last-of-type {
    margin-bottom: 0;
}

.fc-content ul,
.he-info-top ul {
    padding-left: 40px;
}

.fc-content ul li,
.he-info-top ul li {
    list-style: disc;
}

div#simplecheckout_shipping p {
    margin-bottom: 0;
}

div#simplecheckout_shipping .radio {
    padding-left: 1em;
}

[data-title-code="flat2"] {
    display: none;
}

.avail-footer label.error {
    font-size: 12px;
    color: var(--red);
    font-weight: normal;
}


.footer-cart {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1011;
    background-color: #fff;
    box-shadow: 0 -2px 8px #00000026;
    padding-block: 7px;
}

.header-cart {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1011;
    background-color: var(--darker);
    box-shadow: 0 2px 8px #00000026;
    padding-block: 7px;
}


.header-cart .fa {
    color: #fff;
    font-size: 16px;
}

.fc-right {
    display: flex;
    justify-content: end;
    gap: 1.4em;
    align-items: center;
}

.fc-right .price {
    font-weight: 700;
    font-size: 120%;
    line-height: 1.4;
    color: var(--blue);
}

.fc-right .btn {
    max-height: 40px;
    padding: 7px 16px;
}

.fc-left {
    display: flex;
    gap: 1.4em;
    align-items: center;
}

/*.main-header + .alert {
    position: fixed;
    z-index: 999;
    top: 80px;
    width: 92vw;
    max-width: 1120px;
}*/

.footer-tg {
    position: fixed;
    right: 15px;
    z-index: 999;
    bottom: 70px;
    display: flex;
    align-items: center;
}

#fga {
    position: relative;
}

/*.footer-tg.pr-fix {
    bottom: 85px;
}*/

.pulse {
    box-shadow: 0 0 0 rgba(40,168,233, 0.4);
    animation: pulse 2s infinite;
    border-radius: 50%;
}

.pulse:hover {
    animation: none;
}

.long-text.tab-content .h3,
.long-text.tab-content h3 {
    font-weight: normal;
}

.long-text.tab-content .h4,
.long-text.tab-content h4 {
    font-size: inherit;
    letter-spacing: 0.05em;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(40,168,233, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(40,168,233, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(40,168,233, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(40,168,233, 0.4);
        box-shadow: 0 0 0 0 rgba(40,168,233, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(40,168,233, 0);
        box-shadow: 0 0 0 10px rgba(40,168,233, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(40,168,233, 0);
        box-shadow: 0 0 0 0 rgba(40,168,233, 0);
    }
}

@-webkit-keyframes pulseLight {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(40,168,233, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(40,168,233, 0);
    }
}
@keyframes pulseLight {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(40,168,233, 0);
        box-shadow: 0 0 0 10px rgba(40,168,233, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(40,168,233, 0);
        box-shadow: 0 0 0 0 rgba(40,168,233, 0);
    }
}

@media (min-width:768px) {
    .in-credit span {
        margin-left: 1rem;
    }

    .text-b-buttons {
        text-align: right
    }

    .art-head {
        text-align: center
    }

    .article-row.view-2 .text-date {
        text-align: right;
        margin-right: 10px;
        margin-bottom: 3px
    }

    .article-row.view-3 .only-view-3.art-helper.has-line {
        margin-top: -15px
    }

    .article-row.view-3 .only-view-3.art-helper.has-line~.caption {
        border-top: 1px solid var(--border);
        padding-top: 35px
    }

    .article-row.view-3 .caption {
        display: flex;
        flex-direction: column;
        padding-left: 2em;
        flex-grow: 1;
        max-width: 1000px
    }

    .blog-articles>.container:first-of-type .article-row.view-3 {
        margin-top: 35px
    }

    .product-info {
        border-left: 1px solid var(--border)
    }

    .product-info>* {
        padding-left: 5px
    }

    .splide-compare-table {
        margin-inline: 40px
    }

    .order-elem-heading {
        gap: 20px
    }

    .order-elem-heading div:last-child {
        margin-left: auto
    }

    .order-item {
        display: flex;
        gap: 25px;
        margin-block: 25px
    }

    .order-item>div:last-child {
        margin-left: auto;
        min-width: 180px;
        border-bottom: 1px solid var(--border);
        text-align: right;
        align-self: stretch;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        align-items: end
    }

    .item-info {
        display: flex;
        gap: 12px;
        flex-direction: column
    }

    .type-2 .item-info {
        border-bottom: 1px solid var(--border);
        padding-bottom: 15px;
        flex-grow: 1
    }

    .image-info {
        position: sticky;
        top: 0;
    }

    .footer-cart {
        padding-block: 15px;
    }
    
    .header-cart {
        padding-block: 15px;
    }

    .fc-right .wish-compare {
        margin-left: 0;
    }

    #bottom-menu {
        display: none !important;
    }
}

@media (min-width:992px) {
    aside#column-left {
        width: 27ch;
        border-right: 1px solid var(--border)
    }

    aside#column-left+#content {
        width: calc(100% - 27ch)
    }

    footer .column .heading i.fa {
        display: none
    }

    .product-layout:hover {
        z-index: 2
    }

    .product-thumb:hover .inner.grid-ah {
        height: fit-content!important;
        position: absolute;
        inset: 0
    }

    .product-thumb:hover .inner .description {
        display: -webkit-box
    }

    #content > .featured_inner:first-child .box-heading {
        padding-top: 0;
        margin-top: 0;
    }

    #content > .featured_inner .box-heading {
        padding-left: 33px;
        padding-top: 0;
    }

    #content > .featured_inner {
        padding-top: 0;
    }
}

@media (min-width:1200px) {
    .lh-fix {
        line-height: 1
    }

    .splide-product-b .product-thumb {
        width: 340px
    }

    .h3.centered {
        max-width: 1036px;
        margin-inline: auto
    }

    .slide-sm .product-thumb {
        width: 306px
    }

    .slide-sm .h3.centered {
        max-width: 936px;
        margin-bottom: 1.1em
    }

    .art-info {
        max-width: 1250px;
        margin-inline: auto;
        padding-inline: 10px;
    }
/*    body {
        background-image: url(/catalog/view/theme/theme3/image/bg.png);
        background-size: 100%auto
    }*/

    .proposition {
        font-size: 16px
    }

    .btn-color-on-hov {
        height: 46px;
        font-size: 1em;
        padding-inline: 1.5em;
        border-radius: 24px
    }

    .acc-links .round-num:not(:empty) {
        bottom: 0;
        right: 8px
    }

    #content > .featured_inner .box-heading {
        padding-left: 51px;
    }

}

@media (min-width:1560px) {
    .container {
        width: 1520px
    }

    .container.c-medium {
        width: 1230px
    }

    .article-row.view-3 .h3 {
        font-size: 30px
    }

    #prd-sets,.splide-product-b {
        max-width: 1280px
    }

    .h3.centered {
        max-width: 1187px
    }

    .splide__arrow--prev {
        left: -5em
    }

    .splide__arrow--next {
        right: -5em
    }

    .splide-product-b .product-thumb {
        width: 400px
    }

    .slide-sm .splide-product-b {
        max-width: 1200px
    }

    .slide-sm .splide-product-b .product-thumb {
        width: 373px
    }

    .slide-sm .h3.centered {
        max-width: 1107px
    }

    .image-info {
        width: 55.4%;
        padding-right: 60px
    }

    .product-info {
        width: 44.6%
    }

    .product-info>* {
        padding-left: 7%
    }

    .abc {
        padding-left: 1.1em;
    }


}

@media (max-width:1699px) {
    .korona_brand .container {
        width: calc(100% - 200px)
    }
}

@media (max-width:1559px) {
    .container {
        width: var(--config_container_w, 1037px)
    }

    .container.c-bigger {
        width: var(--config_container_w2, 86.7%)
    }

    .c-bc .menu-btn {
        min-width: 204px;
    }

    .tab-content {
        padding: 25px
    }

    .sub-product-info {
        padding-right: 0
    }

    .sub-product-info>div>div>div {
        margin: 0 30px 0 10px
    }

    .box-heading {
        padding-left: 25px
    }

    body {
        font-size: 16px
    }

    .tab-content {
        font-size: 18px
    }

    .box-heading:before,.tab-content .h3:before,.tab-content h3:before {
        height: 30px
    }

    .nav-tabs>li>a {
        font-size: 20px
    }

    .h1,h1 {
        font-size: 32px
    }

    .h2,h2 {
        font-size: 30px
    }

    .h3,h3 {
        font-size: 28px
    }

    .short-desc {
        font-size: 14px
    }

    .d1 {
        font-size: 36px
    }

    .main-thumb .label {
        font-size: 17px;
        min-width: 100px
    }

    .fake-alarm {
        font-size: 16px
    }

    .menu-btn {
        min-width: 45px
    }

    .product-info .in-stock {
        font-size: 18px;
        margin-bottom: 8px
    }

    .btn-xxl,.simplecheckout-button-block #button-confirm,button#button-cart {
        font-size: 30px
    }

    .button-cart-hf {
        font-size: 22px!important
    }
    
    #button-ukrcredits {
        font-size: 18px
    }
    
    
    .sub-product-info>div>b,.text-b-buttons,span.rew-author,span.rew-role {
        font-size: 18px
    }

    .sub-product-info {
        font-size: 16px;
        margin-top: 20px
    }

    .sub-product-info>div>div {
        margin: 12px 0
    }

    .product-info h1 {
        border-bottom: none;
        margin: 2px 0
    }

    span.rew-comment,span.rew-date {
        font-size: 14px
    }

    .article-row.view-2 {
        margin-bottom: 40px
    }

    .article-row.view-3 {
        margin-bottom: 10px
    }

    .abc {
        margin-bottom: 4rem
    }

    .abc_block {
        padding-left: .8rem
    }

    .topbrand {
        gap: 3rem 1.8rem
    }

    .topbrand .img_block {
        flex-basis: 168px
    }

    .topbrand .img_block .img-wrap {
        flex-basis: 85px
    }

    .korona_brand_inner .block_inner {
        margin-block: 3rem;
        padding: .6rem 0
    }

    .technics {
        gap: 3rem 1rem
    }

    .technics a {
        flex-basis: 19%
    }

    .d1-wrap {
        margin-bottom: 5rem
    }

    .d1-wrap h1 {
        padding-bottom: .5rem
    }

    .acc-links {
        font-size: 16px
    }

    .footer-cart ~ .splide.splide-product,
    .footer-cart ~ .splide.splide-product-b {
        max-width: calc(100% - 50px);
    }
    
    .header-cart ~ .splide.splide-product,
    .header-cart ~ .splide.splide-product-b {
        max-width: calc(100% - 50px);
    }
}

@media (min-width:1199px) and (max-width:1559px) {
    .container.product-container {
        width: var(--config_container_prod, 1037px)
    }

    .container.c-bc,
    .container.category-container {
        width: var(--config_container_list, 1037px)
    }


    .image-info {
        width: 56.2%
    }

    .product-info {
        width: 43.8%
    }

    .c-medium+.slide-sm .h3.centered {
        padding-left: 12px
    }
}

@media (min-width:768px) and (max-width:1559px) {
    .product-info .price {
        margin-top: 16px;
        padding-top: 8px;
        font-size: 30px;
        
    }
    
    .product-info .price-old {
        font-size: 18px;
        margin-inline: 0.6em;
    } 
    
    .product-info .price .uah-old {
    font-size: 16px;
}
}



@media (max-width:1199px) {
    .container,.container.c-bigger {
        width: 100%
    }

    .c-bc .menu-btn {
        min-width: 174px;
    }

    .nav-tabs>li>a,body,span.rew-author,span.rew-role {
        font-size: 14px
    }

    .product-info .price {
        font-size: 26px;
        margin-top: 35px
    }

    .product-info .price-old {
        font-size: 16px;
        margin-inline: 0.6em;
    } 

    .product-info .price .uah-old {
    font-size: 14px;
    }

    .btn-xxl,.product-info .in-stock,.simplecheckout-button-block #button-confirm,.text-b-buttons,button#button-cart {
        font-size: 18px
    }

    .button-cart-hf {
        font-size: 20px!important
    }
    #button-ukrcredits {
        font-size: 16px
    }


    .d1 {
        font-size: 22px;
    }

    .sub-product-info {
        font-size: 12px
    }

    .article-row.view-2 .art-thumb,p {
        margin-bottom: 20px
    }

    .h1,h1 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .h2,h2 {
        font-size: 20px
    }

    .h3,h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .main-thumb .label {
        font-size: 12px;
        min-width: 70px;
        margin-bottom: 4px
    }

    .box-heading,.tab-content .h2,.tab-content .h3,.tab-content h2,.tab-content h3 {
        padding-top: 15px
    }

    .box-heading {
        padding-left: 15px
    }

    .box-heading:before,.tab-content .h2:before,.tab-content .h3:before,.tab-content h2:before,.tab-content h3:before {
        width: 12px;
        height: 23px;
        transform: translate(-32px,-2px)
    }

    .c-medium .box-heading {
        padding-left: 17px
    }

    .tab-content {
        font-size: 14px;
        padding: 15px
    }

/*    .thumbnails img {
        max-width: 70px
    }*/

    .fake-alarm {
        font-size: 14px;
        max-width: 500px
    }

    .sub-product-info>div>div {
        margin: 12px 0
    }

    .rew-wrap {
        gap: 30px
    }

    .rating-wrap+div {
        margin: 17px 0 0
    }

    .d1 {
        margin: 0
    }

    .d1+.rating {
        font-size: 18px;
        margin-bottom: 10px
    }

/*    .row.product-tabs {
        margin-top: 50px
    }*/

    span.menu-btn {
        min-width: 70px
    }

    .attr-da {
        margin: 20px 0
    }

    .pr-line {
        padding-block: 17px;
        margin-bottom: 30px
    }

    .attr-dl {
        transform: translateY(-5px)
    }

    .box-heading.h3 a,.box-heading.h3 div {
        padding-left: 2px;
        margin-top: .5em;
        margin-bottom: 0
    }

/*    .thumbnails {
        margin-bottom: 35px
    }*/

    .pr-line {
        padding-block: 2.1rem
    }

    .wish-compare {
        font-size: 14px;
        gap: 1.8rem
    }

    .man-thumb {
        margin: 0 0 11px 0
    }

    .art-info .d1 {
        text-align: center;
        margin-top: .5em
    }

    .art-wrap {
        margin-bottom: 1.5em;
        border-bottom: none
    }

    .date-author {
        margin-top: 2em;
        display: flex;
        justify-content: space-between;
        max-width: 1010px;
        margin-inline: auto
    }

    .acc-links {
        gap: .5em
    }

    .acc-links a {
        width: 38px;
        height: 38px;
        padding-inline: 0;
        text-align: center
    }

    .acc-links a .fa {
        margin-right: 0
    }

    .footer-cart ~ .splide.splide-product, .footer-cart ~ .splide.splide-product-b {
        max-width: 100%;
    }
    
    .header-cart ~ .splide.splide-product, .header-cart ~ .splide.splide-product-b {
        max-width: 100%;
    }
 }

@media (max-width:991px) {
    .c-bc {
        padding-left: 15px;
    }

    .c-bc .menu-btn {
        min-width: 75px;
    }

    .breadcrumb>li+li:before {
        padding: 0 0.5em;
    }

    #column-left.is-filter {
        display: block!important;
        position: absolute;
        z-index: 1010;
        background: #fff;
        width: 100%;
        top: 128px;
        box-shadow: 0 16px 24px #4c4c4c
    }

    #column-left.is-filter #block_filter_vier {
        padding-bottom: 30px;
        max-width: unset
    }

    #column-left.is-filter #name_filter {
        width: auto;
        background: #f2f2f2;
        padding-inline: 15px;
        margin-inline: -15px;
        margin-bottom: 20px
    }

    #column-left.is-filter #name_filter .fa.fa-icons8-close {
        float: right;
        margin-top: 17px;
        margin-right: 2px
    }

    .sort-w-filter {
        flex-wrap: wrap;
        padding-block: 5px
    }

    .sort-w-filter .d1 {
        width: 100%;
        margin-bottom: 10px
    }

    .sort-w-filter>div {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between
    }

    .sort-w-filter>div .form-control {
        width: 50%
    }

    .sub-product-info>div>div>div {
        margin: 0 10px 0 0;
        transform: scale(0.9);
    }

    footer {
        background-color: #f2f2f2;
        padding-bottom: 0
    }

    footer .container {
        flex-direction: column
    }

    footer .column ul {
        margin-bottom: 17px
    }

    footer .column .heading {
        border-bottom: 1px solid var(--border);
        padding-bottom: 17px;
        padding-inline: 15px
    }

    footer .column .heading i.fa {
        float: right;
        color: #838383
    }

    footer .column ul li:not(.heading) {
        display: none;
        padding-inline: 15px
    }

    footer .column ul .heading.active~li {
        display: block
    }

    footer .column4 {
        margin: 10px -15px 0;
        padding: 20px 15px;
        background: #ebebeb
    }

    .pr-line {
        padding-block: 11px
    }

    .heading-wrap {
        padding-left: 0
    }

    .main-header {
        flex-wrap: wrap
    }

    .adresat {
        margin-left: 0;
        font-size: 14px
    }

    .adresat .user_city {
        margin-left: 1rem
    }

    .logo-line {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.5rem
    }

    .logo-line img {
        max-width: 170px
    }

    .header-info {
        flex-direction: row-reverse;
        gap: .75rem;
        min-width: 54px
    }

    .logo-line .header-info {
        gap: 1.45rem
    }

    .langs img {
        transform: translateY(-2px)
    }

    .tv-5 #content > .module:nth-child(odd) {
        background: #F2F2F2;
        box-shadow: 0 0 0 100vmax #F2F2F2;
        clip-path: inset(0 -100vmax);
    }

    .tv-5-list li a {
        padding-block: 5px;
        border-bottom: 1px solid var(--border);
    }

    .header-info .fa {
        font-size: 17px;
    }
}

@media (max-width:767px) {
    .points {
        text-align: center
    }

    .pr-line {
        margin-bottom: .5em
    }

    .nav.nav-tabs {
        gap: 5px
    }

    .nav>li>a {
        padding: 7px 10px
    }

    .main-thumb .labels {
        left: 0;
        pointer-events: none
    }

    .man-thumb {
        margin: 0 0 15px
    }

/*    .man-thumb img {
        max-height: 26px
    }*/

    .man-thumb,.product-info .in-stock,.product-info .price,.product-info h1 {
        text-align: center
    }

    .nav.nav-tabs {
        margin-bottom: 5px
    }

    .desktop-wrap:has(.price-old) .in-stock {
        /* top: calc(58% - 0.9em);   */
        top: calc(28% - 0.9em); 
    }

    .nav.nav-tabs:after,.nav.nav-tabs:before {
        display: none
    }

    .rating {
        font-size: 14px
    }

    .rating-wrap+div {
        border-top: none;
        border-bottom: 1px solid #cdcdcd;
        padding: 0 0 17px;
        margin: 5px 0 10px
    }

    .product-info h1 {
        border-bottom: none;
        margin-bottom: 4px
    }

    .box-heading,.tab-content .h3,.tab-content h3 {
        margin-top: 5px
    }

    .rew-wrap {
        gap: 0;
        flex-direction: column
    }

    .d1+.rating {
        font-size: 14px
    }

    .row.product-tabs {
        /* margin-top: 30px */
       margin-top: 6px 
    }

    .product-info .price {
        margin-block: 10px;
        padding-top: 30px;
        
        justify-content: center;   /* центрування по горизонталі */
        align-items: baseline;     /* гарне вирівнювання цифр */
    }

    .btn-row {
      /*  flex-direction: column;*/
    }


    .attr-da {
        margin: 20px 0
    }

    .text-b-buttons {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        margin-bottom: 25px
    }
    
    .text-b-buttons--mb{
        margin-bottom: 2px!important;
        text-align: right
    }

    .sub-product-info>div>b {
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #c5c5c5;
        padding-bottom: 5px
    }

    .product-thumb,.slide-sm .product-thumb {
        width: 220px
    }

    .product-thumb .inner,.slide-sm .product-thumb.inner {
        padding: 15px
    }

    .product-thumb .price {
        font-size: 18px
    }

    .btn-circle {
        width: 34px;
        height: 34px;
        font-size: 14px
    }

    .product-thumb .btn-cart {
        top: calc(50% - 17px)
    }

    .product-thumb .btn-cart span {
        background-size: 70%
    }

    .def-view.row {
        margin-right: -8px;
        margin-left: -8px
    }

    .def-view .product-grid {
        margin-bottom: 10px
    }

    .def-view .product-thumb .inner {
        padding-inline: 7px
    }

    .def-view .col-xs-6 {
        padding-right: 4px;
        padding-left: 4px
    }

    .heading-line {
        border-bottom: none;
        margin-bottom: 2rem;
        background-color: #f2f2f2;
        box-shadow: 0 6px 6px 0#d1cdcd
    }

    .heading-line.hl-v-5 {
        background-color: transparent;
        box-shadow: none;
        text-align: center;
        margin-bottom: 0;
        margin-top: 2px;
    }

    .article-row.view-2 .caption {
        border: 0;
        padding: 0
    }

    .article-row.view-2 {
        border-bottom: 1px solid var(--border);
        padding-bottom: 40px;
        padding-inline: 15px
    }

    .article-row.view-2 .art-thumb {
        max-width: calc(100% + 30px);
        margin-inline: -15px
    }

    .article-row.view-2 .h3.art-head {
        order: -1;
        margin: 5px 0 10px
    }

    .article-row.view-2 .art-tags {
        margin-bottom: 17px
    }

    .art-tags,.article-row.view-2 .text-date {
        font-size: 12px
    }

    .article-row.view-3 {
        flex-direction: column
    }

    .article-row.view-3 .art-helper {
        padding: 0;
        margin-top: 0;
        border-bottom: 1px solid var(--border);
        font-weight: 700
    }

    .article-row.view-3 .caption {
        padding: 0 15px
    }

    .abc {
        gap: 0
    }

    .abc_block {
        padding-left: 0
    }

    .catalog_brand .sorting .button_group {
        margin: 2em auto;
        gap: .6em;
        flex-direction: column;
        align-items: center
    }

    .catalog_brand .sorting .button_group button {
        flex-basis: auto;
        width: 190px
    }

    .topbrand {
        gap: 2rem 3.5%
    }

    .topbrand .img_block {
        flex-basis: 31%;
        font-size: 10px
    }

    .topbrand .img_block .img-wrap {
        flex-basis: auto
    }

    .topbrand .img_block .img-wrap img {
        max-width: 70%;
        height: auto
    }

    .korona_brand {
        margin-bottom: 1rem;
        padding-bottom: 3rem
    }

    .korona_brand .container {
        width: 100%
    }

    .korona_brand_inner .block_inner {
        margin-block: 1rem;
        padding: 1rem
    }

    .korona_brand_inner .splide__pagination {
        bottom: -2rem
    }

    .korona_brand_inner .splide__slide img {
        max-width: 70%
    }

    .technics a {
        flex-basis: 150px
    }

    .technics {
        justify-content: center
    }

    .d1-wrap {
        margin-bottom: 3rem
    }

    .korona_brand .text-slogan {
        padding-bottom: 0
    }

    .common-home .korona_brand {
        background-color: #f2f2f2;
        border: 0!important
    }

    .splide-compare {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-top: 1.5em
    }

    .compare-reload {
        position: absolute;
        right: -20px;
        font-size: 16px;
        margin-top: -13px
    }

    .splide__slide.spl-carousel-img img {
        max-height: 80vw;
        border-radius: 12px
    }

    .n-thumbnails .splide__slide img {
        max-height: 50vw;
        border-radius: 12px
    }

    .set.seth {
        max-width: 500px
    }

    .set-total-cell {
        gap: .5em;
        justify-content: space-between
    }

    .set-name,.set-product-cell {
        padding: .5em
    }

    #prd-sets {
        max-width: calc(100% - 30px)
    }

    .order-elem-heading {
        flex-direction: column;
        background: #efefef;
        padding: 10px 15px
    }

    .order-item {
        text-align: center;
        margin: 20px 0
    }

    .order-elem-footer {
        flex-direction: column
    }

    .order-elem-footer>div {
        padding: 7px 15px
    }

    .order-elem-footer,.order-elem-info {
        margin-left: 0
    }

    .type-2 .order-item>div:last-child {
        flex-direction: column;
        gap: 10px
    }

    .type-2 .order-item>div:last-child .btn-circle {
        position: relative;
        right: auto
    }

    .type-2 .order-item {
        margin-bottom: 3em
    }

    .order-elem-info {
        justify-content: space-between;
        padding-bottom: 15px
    }

    .item-info {
        margin-bottom: 15px
    }

    .item-total {
        gap: 10px
    }

    .order-item>div:last-child {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .order-item>div:last-child .btn-circle {
        position: absolute;
        right: 20px
    }

    .order-cart {
        gap: 15px
    }

    .order-cart a>img {
        max-width: 50px
    }

    .ii-wrap {
        flex-direction: column;
        gap: 0
    }

    .order-total {
        width: auto;
        flex-direction: column-reverse;
        gap: 10px
    }

    .sum-2 {
        align-items: center
    }

    a#logout {
        padding-right: 0
    }

    .input-lg {
        font-size: 14px
    }

    a.card-gift {
        max-width: 25%;
    }

    .xdstickers_wrapper a.card-gift {
        max-width: 40px;
    }

    #main-carousel .man-thumb {
        position: absolute;
        z-index: 9;
        right: 0;
        top: 0;
    }

    .man-thumb {
        background-color: var(--config_mobman_bg, transparent);
        margin-top: var(--config_mobman_mtop, 0);
    }

    .image-info {
        padding-top: var(--config_mobman_image_pt, 0);
    }

    .black_block {
        padding-bottom: 52px;
    }
}

@media (max-width:620px) {

    footer .fc-content iframe,
    .tab-content iframe {
        max-width: 100%;
        height: calc(65vw - 60px);
    }

    .pagination > li > a, .pagination > li > span {
        min-width: 2.2em;
    }
}

@media (min-width:470px) {
    .common-home .module.slide-sm {
        min-height: 700px;
    }

}

@media (max-width:469px) {
    .product-thumb,.slide-sm .product-thumb {
        width: auto
    }

    .common-home .module.slide-sm {
        height: 540px;
    }
}

/*on demanad*/
.language {
    display: flex;
    justify-content: center;
    background-color: var(--dark);
    border-radius: 15px;
    font-size: 12px;
    padding: 7rem;
    gap: 25%;
    border: 1px solid var(--orange-text)
}

.language a:not(:hover) {
    color: #fff
}

.language .language_inner,.language .text_bg {
    display: flex;
    justify-content: center;
    align-items: center
}

.language .text_bg {
    width: 110px;
    height: 110px;
    border-radius: 55px;
    background-repeat: no-repeat;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 7px;
    text-shadow: 3px 5px 6px #000;
    text-transform: uppercase
}

.language .language_inner {
    flex-direction: column
}

.language .language_inner .text {
    margin-bottom: 5px
}

#langModal .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: 0
}

.contacts {
    position: absolute;
    width: 100%;
    max-width: 375px;
    background-color: #000;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.75);
    z-index: 1010;
    background-image: url(/catalog/view/theme/theme3/image/design/bgr.png);
    background-repeat: repeat-x;
    margin-top: 1.4rem
}

.contacts .address {
    padding: 10px 20px;
    margin-block: 1rem;
    flex-direction: column
}

.contacts .address .addres_content {
    margin-bottom: 10px;
    padding-bottom: 1.7rem;
    padding-top: 1rem
}

.burger .icons_link a.active,.burger .icons_link a:hover,.contacts,.contacts .address a,.icons_link .menu-btn i {
    color: #fff
}

.contacts .contacts_icon {
    padding: 10px;
    display: flex;
    justify-content: space-between
}

.contacts_icon div {
    display: flex;
    align-items: end;
    max-width: 85px;
    line-height: 10px
}

.contacts_icon>div>* {
    display: inline-block;
    font-size: 10px;
    color: #fff;
    cursor: pointer
}

.contacts_icon>div>:hover {
    color: var(--red)
}

.contacts_icon>div>* img {
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem
}

.contacts_icon>div>* span {
    display: inline-block;
    text-align: center;
    letter-spacing: 1px
}

.contacts .addres_content {
    border-bottom: 1px solid #5b5959
}

.contacts .addres_content:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.contacts .points {
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
    border-bottom: 1px solid #5b5959;
    padding-bottom: 1.5rem
}

.contacts .points div {
    display: inline-flex;
    width: 4px;
    height: 4px;
    margin: 0 4px;
    background-color: #7e7d7d;
    border-radius: 2px
}

.burger {
    background-color: #fff;
    position: absolute;
    z-index: 1010
}

.burger .icons_link {
    display: flex;
    justify-content: center;
    background-color: var(--dark);
    padding: 1rem;
    min-height: 707px
}

.burger .icons_link .icon {
    display: block;
    font-size: 28px
}

.burger .icons_link a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--red)
}

.burger .icons_link .text {
    text-align: center;
    font-size: 14px
}

.burger .icons_link ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0
}

.burger .icons_link ul li {
    list-style: none;
    margin-bottom: 1rem
}

.burger .img_container {
    display: flex;
    padding: 10px
}

.img_container .img_block {
    width: 50%;
}

.img_container .img_block-articles {
    width: 25%;
    max-width: 318px;
}

.img_container .img_inner {
    height: 33.3%;
    display: flex;
    padding: 9px
}

.img_container .img_block-articles .img_inner {
    height: 50%;
}

.img_container .img_inner > a {
    display: block;
}

.img_container .img_inner img {
    object-fit: cover;
    height: 100%;
    max-height: 300px;
    transition: all .3s ease;
    width: 100%;
}

.img_container .img_inner img:hover {
    box-shadow: 8px 14px 20px #4c4c4c
}

.icons_link .menu-btn {
    margin: 0;
    min-width: unset;
    text-align: center;
    width: 100%;
    font-size: 14px
}

.b-categories {
    background: #f5f5f5;
    padding: 1rem;
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    height: 50px;
    align-items: center
}

.b-categories a {
    color: #cfcfcf
}

.b-categories a.active,.b-categories a:hover {
    color: var(--dark)
}

.burger-menu-content {
    width: 1390px;
    height: calc(100% - 50px)
}

.burger-menu-wrap {
    width: 100%
}

.cross-btn {
    cursor: pointer
}

.cross-btn:hover,.icons_link .menu-btn:hover i,.list-submenu li a.active {
    color: var(--red)
}

.list-submenu {
    padding: 1rem 3.25rem;
    height: 100%;
    background: #f5f5f5;
    width: 25%;
    display: flex;
    flex-direction: column
}

.list-submenu li {
    padding-block: .15rem;
    line-height: 1.2
}

.list-submenu li a {
    display: inline-block;
    width: 100%;
    padding-top: .33rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-submenu li+li {
    border-top: 1px solid var(--border)
}

.load-here {
    width: 75%;
    padding: 3rem
}

.he-info {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    height: 100%
}

.he-heading {
    font-size: 200%;
    margin-bottom: 1.25rem;
    line-height: 1.25
}

.load-here>.row,.load-here>.row>div {
    display: flex;
    height: 100%
}

.load-here>.row>div {
    align-items: center
}

.he-info-top + a {
    margin-top: 1rem;
    display: inline-block
}

.he-info-top + a:not(:hover) {
    color: var(--blue)
}

.he-info-bottom a:not(:hover) {
    color: var(--border)
}

.load-here .loader {
    margin: 25% calc(50% - 30px)
}

.load-here.loaded .loader {
    display: none
}

.user-drop {
    position: absolute;
    z-index: 1010;
    width: 330px;
    right: 8px;
    top: 50px
}

.user-drop .information {
    background-color: #fff;
    box-shadow: 0 16px 24px #4c4c4c;
    padding: 35px 25px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    font-size: 15px;
    border: 1px solid #97bce0
}

#user-drop-info .information div {
    border-top: 1px solid var(--border);
    padding: 10px 0 10px 35px;
    position: relative
}

#user-drop-info .information .fa {
    color: #0052a8;
    position: absolute;
    left: 0;
    top: 13px;
    cursor: default
}

.information .triangle {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 30px solid #fff;
    position: absolute;
    top: -20px;
    right: 0
}

.user-drop .social .icon_group {
    justify-content: center
}

.user-drop .social .icon_group a {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.user-drop .social .icon_group a:not(:hover) {
    color: #000;
    background-color: rgba(255,255,255,.8)
}

.user-drop .social .icon_group a .fa {
    color: inherit;
    font-size: 20px;
    line-height: 2
}

#user-drop-cart {
    width: 350px
}

.pcr-content a,.product-cart-row small {
    line-height: 1.2;
    display: block
}

.product-cart-row {
    display: flex;
    gap: 15px
}

.pcr-image {
    flex-shrink: 0;
    padding-top: 10px;
    position: relative;
}

.pcr-image .card-gift {
    max-width: 40px;
}

.pcr-image .card-gift i {
    color: #000;
    font-size: 10px;
}

#user-drop-cart .information {
    padding: 15px
}

.input-group.inc-dec .btn {
    border: transparent;
    padding: 1px;
    background: 0 0!important;
    box-shadow: none!important
}

.input-group.inc-dec input {
    text-align: center;
    padding: 0;
    border: 0;
    box-shadow: none;
    height: 20px
}

 
.input-group.inc-dec .btn .fa {
   color: #c7c5c5
}

.input-group.inc-dec .btn:hover .fa,.pcr-pre>div .fa,.pcr-price {
    color: var(--blue)
}


.pcr-price {
    font-style: italic
}

.pcr-price span {
    color: var(--dark);
    font-size: 85%
}

.input-group.inc-dec {
    max-width: 70px;
    margin-left: auto
}

.pcr-content {
    flex-grow: 1;
    padding-block: 10px;
    border-bottom: 1px solid var(--border)
}

.pcr-content .old-price {
    font-size: 85%;
    text-decoration: line-through;
    margin-bottom: -2px
}

.pcr-main {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px
}

.product-cart-row .pcr-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.pcr-totals {
    padding: 15px;
    margin: -1px -15px;
    border-top: 1px solid var(--border);
    z-index: 2;
    position: relative
}

.pcr-footer,.pcr-totals {
    text-align: right
}

.pcr-total span {
    font-size: 20px;
    color: var(--blue);
    font-style: italic
}

.pcr-total span span {
    font-size: 16px
}

.pcr-pre {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--border);
    color: #7e7d7d;
    padding: 10px 0 20px
}

.pcr-pre>div {
    width: 38px;
    height: 38px;
    background-color: #efeff1;
    border-radius: 50%;
    text-align: center;
    line-height: 38px
}

.pcr-pre>div .fa {
    font-size: 16px;
    cursor: default
}

.pc-rows {
    max-height: 230px;
    overflow: auto;
    margin-right: -15px;
    padding-right: 15px
}

.has-all-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 20px;
}

footer .black_block + .container {
    padding-top: 3rem;
}

@media (max-width:1559px) {
    .burger {
        inset-inline: 0
    }

    .burger-menu-content {
        width: unset
    }
}

@media (max-width:991px) {
    #user-drop-cart {
        width: 350px;
        max-width: calc(100vw - 30px);
        right: -20px;
        top: 0
    }

    .contacts {
        margin-top: .7rem;
        left: 0
    }

    .burger {
        box-shadow: none;
        flex-direction: column;
        margin-top: -3.5rem
    }

    .burger .icons_link {
        justify-content: start;
        background-color: #040404;
        width: 100%;
        min-height: unset
    }

    .burger .icons_link .icon {
        width: 60px;
        font-size: 18px;
        text-align: center;
        margin-right: 10px
    }

    .burger .icons_link a {
        flex-direction: row;
        justify-content: start;
        color: #fff
    }

    .burger .icons_link a:hover {
        color: var(--red);
    }

    .burger .icons_link .text {
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #807f7f70;
        padding-block: 1.5rem;
        margin-inline: .5rem
    }

    .burger .icons_link ul {
        width: 100%
    }

    .burger .icons_link ul li {
        margin-bottom: 0
    }

    .burger .icons_link ul li:last-child .text {
        border-bottom: none
    }

    .search-wrapper {
        padding-inline: 1rem;
        background: #040404;
        z-index: 1010;
        padding-bottom: 8px;
    }

    .search-wrapper--pb4 {
        padding-bottom: 8px;
    }

    .search-wrapper .input-group .form-control {
        z-index: 1010!important
    }

    .search-wrapper--pb4 .input-group .form-control {
        z-index: 1000!important
    }


    .search-wrapper .btn-default,.search-wrapper .form-control {
        background: #2e2e2e;
        border-color: #2e2e2e;
        box-shadow: none;
        color: #fff
    }

    .brand-text.topbrand {
        min-width: unset
    }

    .langs .user-drop {
        display: none !important;
    }

}

@media (max-width:767px) {
    .contacts {
        inset-inline: 0;
        max-width: unset
    }
}

div#bottom-menu {
    position: fixed;
    bottom: 0;
    z-index: 1010;
    background: #fff;
    display: flex;
    width: 100%;
    box-shadow: 0 -2px 8px #00000026;
    padding-block: 4px;
}

div#bottom-menu > * {
    flex-grow: 1;
    text-align: center;
    font-size: 16px;
    padding: 7px;
    color: #737374;
    display: block;
}

div#bottom-menu > div > span {
    position: relative;
}

.burger.active-bottom.active {
    position: fixed;
    bottom: 44px;
}

.burger.active-bottom.active .search-wrapper{
    padding: 15px 15px 0;
}

.product-icons {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

.pi-heading {
    font-weight: 700;
    font-size: 120%;
    margin-bottom: .5em;
}

.pi-shipping {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.pi-shipping div {
    flex: 0 1 calc(50% - 0.5em);
    display: flex;
    align-items: center;
    gap: .2em;
}

.pi-shipping img,
.pi-payment img {
    max-width: 3em;
    margin-inline: .5em;
}

.pi-part {
    margin-bottom: 1.2em;
}

.pi-payment {
    display: flex;
    margin-bottom: 1em;
    gap: 1em;
}

.pi-payment div {
    display: flex;
    align-items: center;
    gap: .2em;
}

.pi-payment > div:first-child {
    min-width: 8.5em;
}

.pi-payment > div + div {
    width: 100%;
}

div.pip-images {
    overflow: hidden;
}

div.pip-images img {
    margin-right: 0;
}

.pi-warranty > div {
    display: flex;
    gap: .2em;
    align-items: center;
    margin-bottom: 1em;
}
.pi-warranty img {
    max-width: 1.8em;
    margin-inline: 1em;
}

@media (max-width: 991px) {
    .product-icons {
        font-size: 12px;
    }
}

@media (min-width: 1560px) {
    .product-icons {
        font-size: 18px;
    }
}

/*
.desktop-wrap {
    position: relative;
    padding-bottom: 1.2em;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: space-between;
}

.desktop-wrap .in-stock {
    top: calc(50% - .7em);
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
*/

.desktop-wrap {
    position: relative;
   /* padding-bottom: 1.2em;*/
}

.desktop-wrap .in-stock {
    position: absolute;
    top: calc(50% - 0.7em);
}

.desktop-wrap:has(.price-old) .in-stock {
     top: calc(58% - 0.9em);  
   /*top: calc(28% - 0.9em);  */
}

.man-dt {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

#main-carousel a.card-gift {
    padding: 5px 10px;
    border: 1px solid #c5c5c5;
    max-width: 25%;
    /* bottom: auto; */
    font-size: 1.5em;
    /* right: 0; */
}

@media (max-width: 991px) {
    #main-carousel a.card-gift {
        padding: 5px;
        border: none;
        bottom: 0;
        font-size: 1em;
        right: auto;
    }

    #main-carousel a.card-gift img {
        max-width: 45px;
    }
}

.man-thumb .rating {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}

.checkout-simplecheckout #bottom-menu,
.checkout-simplecheckout .footer-tg {
    display: none !important;
}

.stock-id-ok {
    color: rgba(25, 116, 14, 1) !important;
}

.stock-id-5 {
    color: red !important;
}

.pr-mobile .in-stock {
    font-size: 14px;
    margin-bottom: 0;
}

.model-info {
    position: absolute;
   /* bottom: -35px;*/
    bottom: -5px;
}

.in-stock-info{
    position: absolute;
    bottom: -35px;
    display: flex;
    width: 100%;
}

@media (max-width:1559px) {
    #main-carousel a.card-gift img {
        width: 65px !important;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .man-thumb {
        margin-bottom: 0;
    }

    .man-thumb img {
        max-height: 55px;
    }

    #main-carousel a.card-gift {
        font-size: 1em;
    }

    #main-carousel a.card-gift img {
        width: 40px !important;
    }
}

#head_filter {
    cursor: default !important;
}

.product-colors {
    display: flex;
    gap: .6em;
}

.color_option {
    min-width: 2.2em;
    height: 2.2em;
    border: 1px solid #bbb;
    border-radius: 1.1em;
    padding: .2em;
    overflow: hidden;
    background-color: #fff;
}

.product-colors + .pr-mobile,
.product-colors + .short-desc:not(:empty) {
    margin-top: 1em;
}

.color_option a,
.color_option .color_block {
    display: block;
    height: 100%;
    border-radius: 50%;
}

.color_option.active {
    border: 2px solid #ca1920;
}

.color_name:not(:empty) {
    padding-inline: .4em;
}

@media (max-width: 767px) {
    .product-colors {
        justify-content: center;
    }
}

.sticker_bg.xdsticker_5 {
    width: 7.5em;
    height: 7.5em;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 50%;
    background-size: cover;
    background-image: url('/catalog/view/theme/theme3/image/og.png');
}

html[lang="ru"] .sticker_bg.xdsticker_5 {
    background-image: url('/catalog/view/theme/theme3/image/og_ru.png');
}

.sticker_bg.xdsticker_8 {
    width: 7.5em;
    height: 7.5em;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 50%;
    background-size: cover;
    background-image: url('/catalog/view/theme/theme3/image/wrnt21.png');
}

.sticker_bg.xdsticker_9 {
    width: 7.5em;
    height: 7.5em;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 50%;
    background-size: cover;
    background-image: url('/catalog/view/theme/theme3/image/wrnt51.png');
}

.sticker_bg.xdsticker_10 {
    width: 7.5em;
    height: 7.5em;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 50%;
    background-size: cover;
    background-image: url('/catalog/view/theme/theme3/image/wrnt10.png');
}

    .sticker_bg.xdsticker_shipping {
    width: 7.5em;
    height: 5.3em;
    display: block;
    position: absolute;
    bottom: 10px;
    z-index: 2;
    border-radius: 0%;
    background-size: cover;
    background-image: url('/catalog/view/theme/theme3/image/delivery-ua.png');
}

    html[lang="ru"] .sticker_bg.xdsticker_shipping {
        background-image: url('/catalog/view/theme/theme3/image/delivery-ru.png');
    }


#modal-agree.modal-sticker p:has(img),
#modal-agree.modal-sticker .article-social {
    display: none !important;
}

#modal-agree.modal-sticker h2 {
    margin-top: 0;
    padding-top: 0;
}

#modal-agree.modal-sticker p {
    font-size: 14px;
}

#main-carousel .splide__video__play {
    width: 4.5em;
    height: 4.5em;
}

.price .btn-circle {
    color: #4fad2d;
}

#kuki-alert {
    position:fixed;
    left:3px;
    right: 3px;
    bottom:3px;
    z-index: 1200;
    padding: 10px;
    background-color: #9a9a9a;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
    line-height: 1.2;
    justify-content: center;
}

.free-delivery {
    margin-bottom: 10px;
    text-align: right;
    color: #19740E;
    font-size: 23px;
} 

@media (min-width:768px) and (max-width:1559px) {
    .free-delivery {
        font-size: 17px;
    }
}

@media (max-width:767px) {
    .free-delivery {
        font-size: 14px;
        margin-bottom:0px;
        margin-left: auto;
        
    }
}

.custom-button-block {
    display: grid;
    justify-content: space-around;
    grid-template-columns: repeat(2, 1fr); 
    gap: 10px;
}


/*.product-button-credit-active,*/
button-ukrcredits.product-button-credit:hover {
	background-color: #17294d;
        color: #fff;
}

.vat-payment-notice {
  display: none; 
  color: rgb(122, 119, 119);
  font-size: 12px; 
}