@charset "utf-8";
@import "../node_modules/slick-carousel/slick/slick.css";
@import "../node_modules/magnific-popup/dist/magnific-popup.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "typography.css";

/* Класс для увеличения картинки */

.zoom-img {}


/* Класс для галлереи */

#autocomplete_address {
    margin-bottom: 20px;
}

.gallery {}

.successAssessment .starsBlock svg {
    cursor: default;
}

.place-order.btnStyle1.disabled {
    pointer-events: none;
    opacity: 0.7;
}

:focus,
a:focus {
    outline: none;
}

#form-login-username input {
    padding-left: 15px;
    width: 300px;
}

body .alert-success {
    background: var(--icon-icon-accent, #01B5CC);
    color: #fff;
}

.alert-success .close {
    display: none;
}

.raitStarsWrap .stars {
    position: relative;
}

.stars #marks {
    opacity: 0;
    position: absolute;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
}

#modalRev .starsBlock {
    display: flex;
    flex-direction: row-reverse;
}

#modalRev .starsBlock:not(.activeStars) svg {
    cursor: default;
}

#modalRev .starsBlock:not(.activeStars) svg * {
    fill: #C3D3DD;
}

#modalRev .starsBlock:not(.activeStars)>svg.active~svg * {
    fill: #FFD400;
}

#modalRev .starsBlock:not(.activeStars) svg.active * {
    fill: #FFD400;
}

.hiddenPC {
    display: none;
}

#saleBanner img {
    max-width: 100%;
}

.favorite-link-js {
    line-height: 0;
}


/* Класс для формы */

.form-submit-toggle {}


/* Класс для кнопки заказать звонок */

.callback-toggle {
    cursor: pointer;
}

.wrapFormMobile {
    display: none;
}

.imgBtn,
.imgW,
.imgF {
    line-height: 0;
}

body .chzn-container-single {
    margin-bottom: 24px;
}

body .chzn-container-single .chzn-single {
    height: auto;
    overflow: visible;
    border: none;
    background: none;
    box-shadow: none;
    padding: 0;
}

body .chzn-container-single .chzn-single>div {
    display: none;
}

#list_region_chzn {
    min-width: 322px;
}

body .chzn-container-single .chzn-single span {
    height: 56px;
    padding: 8px 16px;
    border-radius: 8px;
    background: url(/images/arrSelect.svg) no-repeat calc(100% - 16px) center, var(--background-light-bg-tertiary, #F2F5F7);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    width: 320px;
    max-width: 320px;
}

.stars .rating-cancel {
    display: none !important;
}


/******** Magnific-Popup *********/

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

html.activeMain {
    overflow: hidden;
}

.nucMobileMain.active svg * {
    fill: var(--button-accent-default, #01B5CC);
}


/*  */

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Light.ttf) format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Regular.ttf) format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Medium.ttf) format('truetype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url(../fonts/Inter-Bold.ttf) format('truetype');
    font-weight: 700;
    font-display: swap;
}

:root {
    --text-on-dark: rgba(255, 255, 255, 0.60);
    --text-dark-text: #073551;
    --icon-favorite-active: #DF125E;
    --background-light-bg-tertiary: #F2F5F7;
    --button-secondary-default: #F2F5F7;
    --text-dark-text-secondary: #4B6D82;
    --icon-icon-accent: #01B5CC;
    --back-on-card: rgba(7, 53, 81, 0.40);
}

ul {
    padding-left: 0;
}

ol {
    padding-left: 20px;
}

body {
    color: var(--text-dark-text);
    font-size: 16px;
    font-family: "Inter";
    font-weight: 400;
    line-height: 1.5;
}

body p {
    margin-top: 0;
    margin-bottom: 10px;
}

.h1,
h1 {
    color: var(--text-dark-text, #073551);
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.64px;
    margin: 0 0 24px;
}

.h1 span,
h1 span {
    color: var(--icon-favorite-active, #DF125E);
}

.titleLine {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titleLine .h1,
.titleLine h1 {
    margin-bottom: 0;
}

.wrapper {
    max-width: 1920px;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
    overflow: clip;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrapLabel {
    position: relative;
    margin-bottom: 0;
}

.wrapLabel span {
    font-weight: 200;
    padding-left: 25px;
    font-size: 13px;
    display: block;
    position: relative;
}

.wrapLabel span a {
    color: #ef5e07;
}

.wrapLabel span:before {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    content: '';
    background: #fff;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
}

.wrapLabel span:after {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 4px;
    top: calc(50% - 4px);
    content: '';
    background: #dd6a1c;
    border-radius: 2px;
    opacity: 0;
}

.wrapLabel input:checked+span:after {
    opacity: 1;
}

.wrapLabel input {
    width: 10px !important;
    height: 10px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}

.flexSA {
    display: flex;
    justify-content: space-around;
}

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

.flexCenter {
    display: flex;
    justify-content: center;
}

.flexAI {
    display: flex;
    align-items: center;
}

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

.flexColumn {
    display: flex;
    flex-direction: column;
}

.flexStart {
    display: flex;
    justify-content: flex-start;
}

.flexEnd {
    display: flex;
    justify-content: flex-end;
}

.imgF {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnStyle1 {
    border-radius: 80px;
    background: var(--button-accent-default, #01B5CC);
    display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--text-light-text, #FFF);
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: All 0.4s;
}

.btnStyle1:hover {
    background: var(--primary-colors-dark-blue, #073551);
    color: #fff;
    text-decoration: none;
}

.btnStyle2 {
    display: flex;
    padding: 6px 12px 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 80px;
    background: var(--button-secondary-default, #F2F5F7);
    font-weight: 600;
    color: var(--text-dark-text, #073551);
    cursor: pointer;
}

.btnStyle2:hover {
    color: var(--text-dark-text, #073551);
}


/*mobMain*/

.mobileMainWrap {
    display: none;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid var(--main, #E6ECEF);
    background: var(--background-light-bg, #FFF);
    z-index: 55;
}

.mobileMainWrap .nucMobileMain {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    flex: 1;
    position: relative;
}

.mobileMainWrap .wishBtn .countWish {
    top: 5px;
    right: 5px;
    font-size: 10px;
    width: 18px;
    height: 18px;
}

.mobileMainWrap .counting {
    display: flex;
    background: var(--icon-favorite-active, #DF125E);
    top: 5px;
    right: 5px;
    font-size: 10px;
    width: 18px;
    height: 18px;
    color: var(--text-light-text, #FFF);
    text-align: center;
    font-weight: 500;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    white-space: nowrap;
}


/*--*/

.headMainMobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 56px;
    background: var(--background-light-bg, #FFF);
    display: none;
    flex-direction: column;
    justify-content: space-between;
    z-index: 55;
    overflow: auto;
}

.orderListMini {
    padding-block: 16px;
    padding-left: 16px;
    background: var(--Background-light-bg-tertiary, #F2F5F7);
}

.nucOrderMain {
    display: flex;
    width: 220px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    background: var(--Background-light-bg, #FFF);
}

.nucOrderMain .name {
    color: var(--Text-dark-text, #073551);
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.nucOrderMain .txt {
    color: var(--Text-dark-text-secondary, #4B6D82);
    font-size: 12px;
    line-height: 16px;
}

.headMainMobile.active {
    display: flex;
}

.headMainMobile .userMain .image-title {
    flex: 1;
}

.headMainMobile .titleLine,
.catalogMobMobile .titleLine {
    margin-bottom: 0;
}

.headMainMobile .titleLine svg,
.catalogMobMobile .titleLine svg {
    line-height: 0;
    width: 20px;
    height: auto;
}

.headMainMobile .titleLine svg *,
.catalogMobMobile .titleLine svg * {
    fill: rgba(75, 109, 130, 1);
}

.headMainMobile .titleLine .phone,
.headMainMobile .titleLine .btnClose,
.catalogMobMobile .titleLine .btnBack,
.catalogMobMobile .titleLine .btnClose {
    height: 56px;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headMainMobile .sityLine {
    display: flex;
    justify-content: space-between;
    padding: 4px 16px 4px 8px;
    align-items: center;
    border-top: 1px solid var(--border-light-border, #E6ECEF);
    border-bottom: 1px solid var(--border-light-border, #E6ECEF);
    background: #fff;
}

.headMainMobile .btnChangeSity {
    color: var(--icon-icon-accent, #01B5CC);
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.headMainMobile .regionActive {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    padding-left: 22px;
    background: url(../images/iconRegion.svg) no-repeat left center/14px;
    cursor: pointer;
}

.headMainMobile .wrapBtn {
    display: flex;
    justify-content: center;
    padding: 15px;
    align-items: center;
}

.headMainMobile .wrapBtn .btnStyle1 {
    width: 100%;
}

.headMainMobile .botMainMobile {
    background: var(--background-light-bg-tertiary, #F2F5F7);
}

.headMainMobile .partnersBlock {
    color: var(--text-dark-text, #073551);
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 80px;
    background: var(--background-light-bg, #FFF);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    width: 100%;
}

.headMainMobile .topMainList li {
    padding: 0px 16px;
    align-items: center;
}

.headMainMobile .topMainList a {
    padding: 16px 0px;
    border-bottom: 1px solid var(--border-light-border, #E6ECEF);
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;
}

.headMainMobile .nameUser {
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    border-bottom: 1px solid var(--border-light-border, #E6ECEF);
}

.headMainMobile .userMain li {
    padding: 0 16px;
}

.headMainMobile .userMain a {
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    display: flex;
    padding: 16px 0px;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-light-border, #E6ECEF);
    position: relative;
}

.headMainMobile .userMain .txt {
    flex: 1;
}

.headMainMobile .userMain li:last-child a {
    border-bottom: none;
}

.headMainMobile .userMain li:last-child a:after {
    display: none;
}

.headMainMobile .userMain a:after {
    content: '';
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(../images/chevron-right.svg);
    -webkit-mask-image: url(../images/chevron-right.svg);
    background-color: rgba(163, 189, 204, 1);
    display: inline-block;
}

.catalogMobMobile .titleLine,
.catalogMobMobile .formSearchHeadWrap {
    display: none;
}


/*End mobMain*/


/*header*/

.topLineHeader {
    background: var(--background-light-bg-tertiary, #F2F5F7);
    padding: 8px 0;
}

.wrapTLH .leftBlock {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wrapTLH .regionActive {
    cursor: pointer;
}

.wrapTLH .regionActive,
.wrapTLH .region {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    padding-left: 24px;
    background: url(../images/iconRegion.svg) no-repeat left center;
}

.wrapTLH .topMainList {
    padding-left: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wrapTLH .topMainList li {
    margin-right: 24px;
}

.wrapTLH .topMainList a {
    font-size: 14px;
    color: var(--text-dark-text, #073551);
    font-weight: 500;
    line-height: 1.4;
}

.wrapTLH .infoHeader {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wrapTLH .infoHeader a {
    font-size: 14px;
    color: var(--text-dark-text, #073551);
    font-weight: 500;
    line-height: 1.4;
    margin-left: 24px;
}

header {
    border-bottom: 1px solid var(--border-light-border, #E6ECEF);
    margin-bottom: 24px;
    position: relative;
    z-index: 50;
}

.wrapHeader {
    padding: 16px 0;
}

.wrapHeader .headerMain {
    display: flex;
    justify-content: center;
    align-items: center;
}

.headerMain li {
    margin: 0 2px;
}

.headerMain li a {
    display: flex;
}

.navHead .secondaryMain {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #dde9eb;
    padding: 40px 0;
    z-index: 2;
}

.navHead .wrapMenu {
    max-height: 50vh;
    scrollbar-width: thin;
    scrollbar-color: var(--button-accent-default, #01B5CC);
    overflow: auto;
    padding-right: 4px;
}

.navHead .wrapMenu::-webkit-scrollbar {
    width: 1px;
    background: transparent;
}

.navHead .secondaryMain .separator {
    color: var(--text-dark-text, #073551);
    font-weight: 500;
    line-height: 150%;
    padding-block: 8px;
    border-bottom: 1px solid var(--border-light-border, #E6ECEF);
    margin-bottom: 16px;
    display: block;
}

.navHead .secondaryMain ul ul {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    grid-gap: 0 24px;
}

.navHead .secondaryMain ul a {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
    position: relative;
    display: inline-block;
    left: -8px;
    border-radius: 8px;
    border-radius: 8px;
}

.navHead .wrapMenu {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.navHead .wrapMenu>ul {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}

.wrapHeader .navHead>li>a,
.wrapHeader .navHead>li>.nav-header,
.topFooter .navHead>li>a,
.topFooter .navHead>li>.nav-header {
    font-weight: 500;
    color: var(--text-dark-text, #073551);
    border-radius: 80px;
    display: grid;
    grid-template-columns: 24px auto;
    grid-gap: 8px;
    padding: 12px 16px 12px 12px;
    align-items: center;
    cursor: pointer;
}

.shopIcons {
    display: flex;
    align-items: center;
    gap: 4px;
}

.shopIcons .btnShop {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    cursor: pointer;
    border-radius: 50%;
}

.wishBtn .countWish {
    color: var(--text-light-text, #FFF);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    white-space: nowrap;
    font-style: normal;
    display: none;
}

.wishBtn .countWish.active {
    display: flex;
    background: var(--icon-favorite-active, #DF125E);
}

.shopIcons .btnShop.active,
.shopIcons .btnShop.active:hover {
    background: var(--icon-icon-accent);
}

.shopIcons .btnShop svg * {
    tansition: all 0.4s;
}

.shopIcons .btnShop.active svg *,
.shopIcons .btnShop.active:hover svg * {
    fill: #fff;
}

.shopIcons .basketBtn {
    position: relative;
    font-weight: 500;
    letter-spacing: -0.128px;
    color: var(--text-dark-text, #073551);
    display: flex;
    padding: 11px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 80px;
    border: 1px solid var(--border-light-border, #E6ECEF);
}

.shopIcons .basketBtn .counting {
    color: var(--text-light-text, #FFF);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    right: -4px;
    top: -4px;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background: var(--icon-favorite-active, #DF125E);
    white-space: nowrap;
    font-style: normal;
}

.shopIcons .customh-basket {
    position: relative;
}

.searchBlock {
    position: relative;
}

header .formSearchHeadWrap {
    position: absolute;
    right: 75px;
    width: 762px;
    overflow: hidden;
    display: none;
    top: 0;
}

.formSearchHead {
    width: 100%;
    display: flex;
    position: relative;
}

.formSearchHead input[type='submit'] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 0;
    background: url(../images/arrow-rightWhite.svg) no-repeat center, #01B5CC;
    border: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}


/*.formSearchHead input[type='submit'] {
    width: 20px;
    height: 20px;
    font-size: 0;
    background: url(../images/searchBtnForm.svg) no-repeat center;
    border: none;
}*/

.formSearchHead input[type='text'] {
    flex: 1;
    background: none;
    border: none;
    color: var(--text-dark-text-secondary, #4B6D82);
    padding: 12px 64px 12px 52px;
    border-radius: 8px;
    background: url(../images/searchBtnForm.svg) no-repeat 16px center, var(--background-light-bg-tertiary, #F2F5F7);
}


/*End header*/


/*  cartPage  */

.shippingfree {
    display: none;
}

.wrapCartColumns {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 80px;
}

.jshop-basket .basket-footer {
    position: sticky;
    top: 10px;
}

.leftColCart {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 24px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    width: calc(100% - 461px);
}

.jshop-basket .cart {
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.jshop-basket .basket-footer {
    display: flex;
    width: 437px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 24px;
    border: 1px solid var(--border-light-border, #E6ECEF);
}

.jshop-basket .jshop_subtotal {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    color: var(--text-dark-text, #073551);
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
}

.jshop-basket .basket-footer .cart_buttons {
    width: 100%;
}

.basket-footer .btnStyle1 {
    width: 100%;
}

.attributes .cart-attribute-name,
.attributes .cart-attribute-description {
    display: none;
}

.attributes select {
    border-radius: 8px;
    background: url(/images/arrSelect.svg) no-repeat calc(100% - 16px) center, var(--background-light-bg-tertiary, #F2F5F7);
    display: flex;
    width: 320px;
    padding: 12px 44px 12px 16px;
    align-items: center;
    gap: 8px;
    border: none;
    color: var(--text-dark-text, #073551);
    text-overflow: ellipsis;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.cart-line {
    display: grid;
    grid-template-columns: 148px auto 260px;
    width: 100%;
    padding: 24px;
    gap: 24px;
    border-bottom: 1px solid var(--border-light-border, #E6ECEF);
}

.cart-line .additional-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.cart-line .total_price {
    color: #073551;
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
    white-space: nowrap;
    width: 115px;
    text-align: right;
}

.cart-line .raitLine {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 8px;
    line-height: 1;
}

.cart-line .product_name a {
    color: var(--text-dark-text, #073551);
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    margin-bottom: 16px;
}

.cart-line .quantity {
    width: 140px;
}

.quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 40px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
}

.quantity-input {
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    width: 44px;
    text-align: center;
    height: 100%;
    border: none;
    background: none;
    -moz-appearance: textfield;
}

.quantity-change {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border-radius: 50%;
}

.cart-product-image {
    height: 174px;
    border-radius: 16px;
    overflow: hidden;
}

.cart-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-line .leftInfo,
.cart-line .rightInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cart-line .leftInfo .prod_attr_img {
    display: none;
}

.iconsCart {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.iconsCart .icon {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    background: var(--button-secondary-default, #F2F5F7);
    cursor: pointer;
}

.prod_attr_img {
    display: none;
}

.clearCart {
    display: inline-flex;
    padding: 12px 32px 12px 28px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--text-dark-text-secondary, #4B6D82);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.like_link {
    margin-bottom: 16px;
    display: inline-block;
}

.cross-sell-body {
    display: none;
}

.wrapHeadersCS {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.cross-sell {
    padding: 24px;
}

.wrapHeadersCS .cross-sell-header {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    color: var(--text-dark-text, #073551);
    cursor: pointer;
    font-weight: 500;
    border-radius: 12px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
}

.nameBlockCS {
    color: var(--text-dark-text, #073551);
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
    margin-bottom: 24px;
}

.cs-product {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 160px;
}

.cs-product-name {
    text-align: center;
}

.cs-product .topItemCS {
    border-radius: 12px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    padding: 16px 12px 8px;
}

.cs-product .cs-product-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    height: 150px;
}

.cs-product img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cs-product .cs-product-add {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cross-sell-wrap {
    padding-top: 24px;
}

.cs-product .cs-product-price {
    font-weight: 500;
}

.cs-product .cs-product-addbtn {
    background: var(--button-accent-default, #01B5CC);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: none;
    line-height: 0;
}

.csp-description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.csp-description .btnStyle1 {
    padding: 12px 32px;
}

.wrapNameAndTA {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 590px;
}

.wrapNameAndTA textarea {
    border-radius: 12px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    border: none;
    padding: 12px 16px;
    width: 100%;
    height: 120px;
}

.wrapNameAndTA .name {
    color: var(--text-dark-text, #073551);
    font-weight: 500;
    line-height: 150%;
}

.wrapNameAndTA .csp-fields {
    width: 100%;
}

.wrapNameAndTA .csp-attribute {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.wrapNameAndTA .charNum {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}


/*End cartPage*/


/*customh-basket*/

.customh-basket .h-basket__cart {
    position: absolute;
    border-radius: 16px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    background: #FFF;
    width: 450px;
    right: 0;
    top: calc(100% + 8px);
    padding: 24px;
    display: none;
}

.customh-basket .h-basket__cart:before {
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
    content: '';
    height: 10px;
}

.h-basket__cart .cross-sell {
    display: none !important;
}

.h-basket__cart .cart-line {
    padding: 16px 0;
    grid-template-columns: 80px 1fr;
    grid-gap: 16px;
    position: relative;
}

.h-basket__cart .cart-line .rightInfo {
    grid-column-start: span 2;
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-gap: 16px;
}

.h-basket__cart .basket-list {
    overflow: auto;
    max-height: 50vh;
    scrollbar-width: thin;
    scrollbar-color: var(--button-accent-default, #01B5CC);
    padding-right: 4px;
}

.h-basket__cart .basket-list::-webkit-scrollbar {
    width: 1px;
    background: transparent;
}

.h-basket__cart .cart-line:last-child {
    border-top: none;
}

.h-basket__cart .cart-line .cart-product-image {
    height: 112px;
    border-radius: 8px;
    overflow: hidden;
    flex: none;
}

.h-basket__cart .cart-line .additional-block {
    justify-content: space-between;
}

.h-basket__cart .cart-line .product_name a {
    font-size: 14px;
}

.h-basket__cart .cart-line .total_price {
    font-size: 16px;
    font-weight: 500;
}

.h-basket__cart .cart-line .quantity-change {
    padding: 8px;
}

.h-basket__cart .quantity-change svg {
    width: 16px;
    height: 16px;
}

.h-basket__cart .iconsCart .icon {
    width: 32px;
    height: 32px;
}

.h-basket__cart .cart-line .quantity {
    width: 100px;
}

.h-basket__cart .iconsCart .icon svg {
    width: 16px;
}

.h-basket__cart .cart-line .quantity-input {
    font-weight: 500;
    width: 36px;
}

.h-basket__cart .iconsCart {
    justify-content: flex-start;
}

.h-basket__cart .jshop_subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}

.h-basket__cart .jshop_subtotal .name {
    color: var(--text-dark-text-secondary, #4B6D82);
}

.h-basket__cart .jshop_subtotal .value {
    color: var(--text-dark-text, #073551);
    font-size: 18px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.144px;
}

.h-basket__cart .go-to-basket {
    display: none !important;
}

.h-basket__cart .basket-footer .btnStyle1 {
    width: 100%;
    margin-bottom: 8px;
    padding-block: 12px;
}

.h-basket__cart .raitLine .txt {
    font-size: 12px;
    color: var(--text-dark-text-secondary, #4B6D82);
}

.txtPolit {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 12px;
    line-height: 16px;
}

.txtPolit a {
    color: var(--text-accent, #01B5CC);
}

.h-basket__cart .txtPolit {
    text-align: center;
}

.h-basket__cart .nameModalBasket {
    color: var(--text-dark-text, #073551);
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}


/*End customh-basket*/


/*topBannerBlock*/

.topBannerBlock {}

.wrapTB {
    display: grid;
    grid-template-columns: auto 322px;
    grid-gap: 24px;
}

.wrapTB .tbBlock {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 24px;
    background: linear-gradient(98deg, #007988 0%, #01B5CC 100%);
    overflow: hidden;
    padding-right: 75px;
    padding-top: 15px;
    position: relative;
    z-index: 1;
}

.wrapTB .tbBlock:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    content: '';
    background: url(../images/decTB.svg) no-repeat center right/contain;
    z-index: -1;
}

.wrapTB .txtBlock {
    max-width: 470px;
    padding: 25px 0 45px 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.tbBlock .name {
    color: #FBFCFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin-bottom: 15px;
}

.tbBlock .txt {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    color: var(--text-light-text, #FFF);
    margin-bottom: 16px;
}

.tbBlock .smallTxt {
    font-size: 14px;
    color: var(--text-light-text, #FFF);
    font-weight: 400;
    line-height: 1.4;
}

.wrapTB .mobileAppTB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: linear-gradient(104deg, #D41159 0%, #FB4A8B 100%);
    padding: 20px;
}

.mobileAppTB .txt {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    color: var(--text-light-text, #FFF);
    text-align: center;
    margin-bottom: 40px;
}


/*End topBannerBlock*/


/*quickLinksBlock*/

.quickLinksBlock {
    padding: 24px 0 40px;
}

.wrapQL {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(4, 1fr);
}

.nucQL {
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 12px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    background: var(--background-light-bg, #FFF);
    color: var(--text-dark-text, #073551);
    font-weight: 500;
}

.nucQL .imgF {
    display: flex;
    justify-content: center;
    al;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 40px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
}


/*End quickLinksBlock*/

.titleLine .mobileLink {
    display: none;
}


/*newFlowersBlock*/

.newFlowersBlock {
    padding: 0 0 40px;
}

.sortBlock select {
    padding-right: 20px;
    cursor: pointer;
    background: url(../images/swap.svg) no-repeat right center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0 20px;
}

.sortBlock select option {
    background: #fff;
    border-radius: 0;
    padding: 5px;
}

.btnAfterList {
    display: flex;
    padding: 16px 28px 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    border-radius: 80px;
    background: var(--button-secondary-default, #F2F5F7);
    cursor: pointer;
    border: none;
    color: var(--text-dark-text);
    position: relative;
    z-index: 4;
}

.block_sorting_count_to_page {
    margin-bottom: 24px;
    display: flex;
    justify-content: flex-end;
}


/*End newFlowersBlock*/


/*inexpensiveBlock*/

.inexpensiveBlock {
    padding: 40px 0;
}


/*End inexpensiveBlock*/


/*hitsBlock*/

.hitsBlock {
    padding: 40px 0;
}


/*End hitsBlock*/


/*otherLinksBlock*/

.otherLinksBlock {
    padding: 40px 0;
}

.wrapOL {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
}

.wrapOL .nucOL {
    border-radius: 24px;
    overflow: hidden;
    height: 380px;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.wrapOL .nucOL:nth-child(1) {
    background: linear-gradient(108deg, #D41159 0%, #FB4A8B 100%);
}

.wrapOL .nucOL:nth-child(2) {
    background: linear-gradient(98deg, #007988 0%, #01B5CC 100%);
}

.wrapOL .nucOL:nth-child(3) {
    background: var(--background-light-bg-tertiary, #F2F5F7);
}

.wrapOL .nucOL>img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.wrapOL .nucOL:not(.fullWidth) {
    color: var(--text-light-text, #FFF);
}

.nucOL:not(.fullWidth) .txtBlock {
    max-width: 360px;
    display: block;
}

.wrapOL .name {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 24px;
    display: block;
    line-height: 120%;
}

.wrapOL .name span {
    color: var(--icon-favorite-active, #DF125E);
}

.wrapOL .txt {
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.wrapOL .fullWidth {
    grid-column-start: span 2;
}

.wrapOL .btnCat {
    margin-top: 55px;
}

.wrapOL .arrow {
    position: absolute;
    left: 40px;
    bottom: 40px;
    border-radius: 50%;
    background: rgba(7, 53, 81, 0.10);
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapOL .fullWidth .name {
    max-width: 780px;
}

.wrapOL .fullWidth .txt {
    max-width: 530px;
    font-size: 16px;
}


/*End otherLinksBlock*/


/*aboutCompanyBlock*/

.aboutCompanyBlock {
    padding-block: 40px;
}

.wrapAC {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.wrapAC .imgW {
    border-radius: 16px;
    width: 437px;
    overflow: hidden;
    position: sticky;
    top: 10px;
    flex: none;
}

.wrapAC .txtBlockAC {
    width: 670px;
}

.wrapAC .txtBlock {
    margin-bottom: 70px;
}

.wrapAC .txtBlock:last-child {
    margin-bottom: 0;
}

.wrapAC strong {
    font-weight: 600;
}


/*End aboutCompanyBlock*/


/*preBlock*/

.preBlock {
    padding-block: 40px;
}

.wrapPre {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}

.nucPre {
    padding: 24px;
    border-radius: 16px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.nucPre .imgF {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(108deg, #01A0B4 0%, #01B5CC 100%);
    margin-bottom: 24px;
}

.nucPre img {
    max-width: 100%;
    max-height: 100%;
}

.nucPre .name {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.144px;
}

.nucPre .txt {
    color: var(--text-dark-text-secondary, #4B6D82);
}


/*End preBlock*/


/*reviewsBlock*/

.reviewsBlock {
    padding-block: 40px;
}

.reviewsBlock .h1 {
    padding-right: 120px;
}

.revSlide {
    padding-right: 1px;
}

.nucRev {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 16px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    flex: 1 0 0;
}

.nucRev .revElement {
    width: 100%;
}

.nucRev .topRev {
    margin-bottom: 8px;
}

.nucRev .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.144px;
}

.nucRev .date {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
}

.nucRev .starsBlock img {
    margin-right: 2px;
    width: 20px;
}

.sliderRev {
    position: relative;
}

.sliderRev .owl-nav {
    position: absolute;
    top: -68px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    right: 0;
}

.sliderRev.owl-carousel .owl-nav button {
    background: var(--button-secondary-default, #F2F5F7);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.sliderRev .owl-nav span {
    display: none;
}

.sliderRev .owl-nav button::before {
    content: '';
    width: 24px;
    height: 24px;
}

.sliderRev .owl-nav .owl-prev::before {
    background: url(../images/arrLeftSlider.svg) no-repeat center;
}

.sliderRev .owl-nav .owl-next::before {
    background: url(../images/arrRightSlider.svg) no-repeat center;
}


/*End reviewsBlock*/

#map2 {
    margin-top: 80px;
}


/*orederFlowersBlock*/

.orederFlowersBlock {
    padding: 40px 0 0px;
}

.wrapOF {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    justify-content: flex-start;
}

.wrapOF .h1 {
    width: 555px;
}

.wrapOF .infoBlock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.wrapOF .phone {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    color: var(--icon-favorite-active, #DF125E);
}

.wrapOF p {
    margin-bottom: 0;
}


/*End orederFlowersBlock*/


/*footer*/

footer {
    padding: 40px 0 0;
    background: #073551;
}

.topFooter {
    border-radius: 16px;
    background: #FFF;
    display: flex;
    padding: 16px 40px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 40px;
}

.mobileAppF .qrCode {
    flex: none;
}

.mobileAppF .qrCode,
.mobileAppF .qrCode svg {
    line-height: 0;
}

.mobileAppF .qrCode svg {
    width: 100%;
    height: auto;
}

.topFooter .headerMain {
    display: flex;
    align-items: center;
    gap: 16px;
}

.topFooter .headerMain>li>span {
    display: none !important;
}

.botFooter {
    display: grid;
    grid-template-columns: 450px auto 440px;
    grid-gap: 10px;
    padding-bottom: 46px;
}

.botFooter .infoBlock {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.linksInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.botFooter .phone {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    color: var(--white-white-100, #FFF);
    margin-bottom: 8px;
}

.botFooter .mail {
    color: var(--text-on-dark, rgba(255, 255, 255, 0.60));
}

.botFooter .socBlock {
    display: flex;
    align-items: center;
    gap: 16px;
}

.botFooter .socBlock a {
    border-radius: 50%;
    background: rgba(251, 252, 255, 0.10);
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.botFooter .dopMain a {
    color: var(--text-light-text, #FFF);
    margin-bottom: 16px;
    display: inline-block;
}

.botFooter .mobileAppF {
    border-radius: 24px;
    border: 1px solid var(--line-on-dark, rgba(255, 255, 255, 0.08));
    overflow: hidden;
    display: flex;
    padding-right: 24px;
    align-items: center;
    gap: 24px;
}

.mobileAppF .name {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.48px;
    color: #fff;
    margin-bottom: 8px;
}

.mobileAppF .txt {
    color: var(--text-on-dark, rgba(255, 255, 255, 0.60));
    font-size: 14px;
}

.linksFooter {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-block: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.linksFooter * {
    font-size: 14px;
    color: var(--text-on-dark, rgba(255, 255, 255, 0.60));
}

.linksFooter .rightLinks {
    display: inline-flex;
    align-items: flex-start;
    gap: 40px;
}


/*End footer*/


/*item*/

.itemsTile {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px 0px;
    padding-bottom: 72px;
}

.item {
    border-radius: 24px;
    padding: 12px;
    margin-bottom: -72px;
}

.item .topItem {
    height: 422px;
    position: relative;
    display: block;
    border-radius: 16px;
    overflow: hidden;
}

.item .wrapSostav {
    display: flex;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 16px;
    background: var(--White-FFFFFF, #FFF);
    z-index: 2;
    opacity: 0;
}

.item .jshop_prod_attributes {
    display: none;
}

.item .wrapSostav span {
    color: var(--Turquoise-01B5CC, #01B5CC);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.item .wrapSostav ol {
    list-style-type: none;
    color: var(--Black-1B1E2B, #1B1E2B);
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding-left: 0;
    margin-bottom: 0;
}

.item .topItem>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item .wishItem {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 16px;
    top: 16px;
    background: var(--back-on-card, rgba(7, 53, 81, 0.40));
}

.favorite-link-js {
    cursor: pointer;
}

.favorite-link-js.active svg * {
    transition: all 0.4s;
}

.favorite-link-js.active svg * {
    fill: rgba(223, 18, 94, 1);
    stroke: rgba(223, 18, 94, 1);
}

.item .coutFlower {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--text-light-text, #FFF);
    position: absolute;
    right: 16px;
    bottom: 16px;
    background: var(--back-on-card, rgba(7, 53, 81, 0.40));
    border-radius: 20px;
}

.item .botItem {
    padding-top: 8px;
}

.productfull .wrapBuy {
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.productfull .wrapBuy span {
    font-size: 15px;
}

.wrapItem {
    position: relative;
    z-index: 0;
}

.item .wrapBuy {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding-top: 16px;
    opacity: 0;
}

.item .wrapBuy img {
    max-width: 20px;
}

.wrapBuy span {
    font-family: 'Inter';
    font-weight: 500;
    line-height: 1.2;
    font-size: 13px;
    color: #00b6ce;
}

.item .price {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 8px;
}

.item .name {
    display: block;
    overflow: hidden;
    color: var(--text-dark-text, #073551);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}

.item .raitLine {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.item .raitLine .bal {
    color: var(--text-dark-text, #073551);
}

.item .raitLine .txt {
    color: var(--text-dark-text-secondary, #4B6D82);
}


/*End item*/

.pop-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: linear-gradient(0deg, rgba(7, 53, 81, 0.60) 0%, rgba(7, 53, 81, 0.60) 100%);
}

.pop-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999;
    transition: all .3s ease;
    transform: translateY(100%);
    overflow: hidden auto;
}

@media (max-width: 1000px) {
    .pop-wrap {
        overflow: scroll;
    }
}

.pop-wrap.pop-open {
    transform: translateY(0);
}

.pop-open {
    display: block;
}

.pop-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    text-align: center;
    padding: 50px 8px 10px;
    white-space: nowrap;
}

.pop-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.pop-popup.prod-popup {
    padding: 40px 25px;
    max-width: 1050px;
    width: 100%;
}

.pop-popup {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 24px;
    background: #FFF;
    text-align: left;
    white-space: normal;
    padding: 40px;
}

.noPadding .pop-popup {
    padding: 0;
}

.noPadding .pop-content {
    border-radius: 24px;
    overflow: hidden;
}

.pop-popup .hiddenModal {
    display: block;
}

.hiddenModal,
.pop-popup .productfull .hiddenModal {
    display: none;
}

.pop-popup .nameModal {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-dark-text, #073551);
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
}

.card-title a {
    text-decoration: none;
    color: inherit;
}

.pop-popup .nameModal span {
    color: var(--button-accent-default, #01B5CC);
}

.modalRev .flexModalCont {
    width: 360px;
}

.flexModalCont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.pop-popup .txtModal {
    color: var(--text-dark-text-secondary, #4B6D82);
}

.pop-popup .btnStyleFullW {
    width: 100%;
}

.pop-close {
    position: absolute;
    right: -64px;
    top: 0;
    width: 48px;
    height: 48px;
    background-image: url(../images/modalCloseBtn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-radius: 50%;
    font-size: 0;
    border: none;
    cursor: pointer;
}

.pop-close svg {
    display: block;
    color: #2f2f32
}

.pop-content {
    overflow: clip;
}


/*sectionaPage*/

.txtDescription {
    color: var(--text-dark-text-secondary, #4B6D82);
    margin-bottom: 15px;
}

.subSectionsList {
    display: flex;
    justify-content: flex-start;
    overflow: auto;
    padding: 10px 0 15px;
    scrollbar-width: thin;
    scrollbar-color: transparent;
}

.pagination_result_counter {
    display: none !important;
}

.subSectionsList::-webkit-scrollbar {
    width: 1px;
    background: transparent;
}

.subSectionsList::-webkit-scrollbar-thumb {
    background: transparent;
    -webkit-border-radius: 1px;
}

.subSectionsList a {
    font-size: 14px;
    line-height: 1.4;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    padding: 8px 16px;
    display: flex;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    color: var(--text-dark-text, #073551);
    transition: all 0.4s;
    border: 1px solid transparent;
}

.subSectionsList .nameSection {
    margin-right: 8px;
}

.sortFilter {
    padding-block: 24px;
}

.btnAfterList.load-more,
.btnAfterList.load-more-search {
    width: 100%;
}


/*End sectionaPage*/


/*jshop_pagination*/

.jshop_pagination {
    padding: 24px 0 40px;
}

.jshop_pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jshop_pagination span {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--text-dark-text-secondary, #4B6D82);
    cursor: pointer;
    transition: all 0.4s;
}

.jshop_pagination li {
    margin: 0 4px;
}

.jshop_pagination .pagination {
    display: block;
}

.jshop_pagination .iconPagination {
    background-color: var(--button-secondary-default, #F2F5F7);
}

.jshop_pagination .iconPagination {}

.jshop_pagination .iconPagination svg * {
    transition: all 0.4s;
}

.jshop_pagination .icon-previous {
    margin-right: 22px;
}

.jshop_pagination .icon-next {
    margin-left: 22px;
}

.jshop_pagination .disabled {
    cursor: default;
    opacity: 0.5;
}

.jshop_pagination .active span {
    background: var(--button-accent-default, #01B5CC);
    color: #fff;
}


/*End jshop_pagination*/


/*breadcrumbs*/

ul.breadcrumbs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.breadcrumbs a,
.breadcrumbs span {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.breadcrumbs .divider {
    margin: 0 4px 0 1px;
}

.breadcrumbs .icon-location {
    display: none;
}


/*End breadcrumbs*/


/*------------------------------------------------*/


/*element*/

.topElement {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.topElement .block-photo {
    width: 437px;
    overflow: hidden;
    border-radius: 14px;
}

.topElement .block-photo {
    display: block;
}

.topElement .block-photo img {
    width: 100%;
}

.topElement .rightContent {
    width: calc(100% - 460px);
}

.productfull .jshop_tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.productfull .jshop_tags a {
    color: var(--text-dark-text, #073551);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 4px;
}

.prod_buttons .quantity {
    display: none;
}

.jshop_prod_attributes select {
    border-radius: 8px;
    background: url(/images/arrSelect.svg) no-repeat calc(100% - 16px) center, var(--background-light-bg-tertiary, #F2F5F7);
    display: flex;
    width: 320px;
    padding: 12px 44px 12px 16px;
    align-items: center;
    gap: 8px;
    border: none;
    color: var(--text-dark-text, #073551);
    text-overflow: ellipsis;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.productfull .currentPrice {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.64px;
    margin-bottom: 24px;
}

.prod_buy {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--border-light-border, #E6ECEF);
}

.topElementInfo {
    display: grid;
    grid-template-columns: auto 322px;
    grid-gap: 24px;
    margin-bottom: 24px;
}

.wrapTags {
    margin-block: 80px;
}

.botelementInfo {
    width: calc(100% - 346px);
}

.accordName {
    display: flex;
    padding: 16px 0px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid var(--background-light-bg-tertiary, #F2F5F7);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.accordName .icon {
    line-height: 0;
}

.contentAccordeonEl {
    padding-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: none;
}


/*.nucAccordeon.active .contentAccordeonEl{
    display: block;
}*/

.wrapAcordeonsEl {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nucAccordeon svg,
.nucAccordeon svg * {
    transition: all 0.4s;
}

.nucAccordeon.active svg {
    transform: rotate(180deg);
}

.nucAccordeon.active svg * {
    fill: var(--text-dark-text, #073551);
}

.beforeTitleLineEl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.beforeTitleLineEl .iconsElement,
.beforeTitleLineEl .raitLine {
    display: flex;
    align-items: center;
}

.beforeTitleLineEl .iconRait {
    line-height: 0;
    margin-right: 4px;
}

.beforeTitleLineEl .iconElement {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 48px;
    height: 48px;
    margin-left: 8px;
}

.prod_attr_img {
    display: none;
}


/*________*/

.gallaryImages img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nucGallary {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 16px;
    overflow: hidden;
}

.reviewSlideImg {
    /*  margin-right: 8px;*/
}

.gallaryImages {
    margin-bottom: 40px;
}

.reviewsBlockElement {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.emptyHorizontalBlock {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--border-light-border, #E6ECEF);
}

.btnAfterEmpty {
    margin-top: 40px;
}

.emptyHorizontalBlock .imgF {
    border-radius: 50%;
    background: var(--primary-colors-grey, #F8F8F8);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.emptyHorizontalBlock .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.144px;
    margin-bottom: 8px;
}

.emptyHorizontalBlock .txt {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.totalBlockRev {
    border-radius: 16px;
    overflow: hidden;
    width: 322px;
    border: 1px solid var(--background-light-bg-tertiary, #F2F5F7);
    position: sticky;
    top: 10px;
}

.totalBlockRev .topLine {
    background: var(--background-light-bg-tertiary, #F2F5F7);
    padding: 8px 16px;
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    align-items: center;
}

.totalBlockRev .grade {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.8px;
}

.totalBlockRev .stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
}

.totalBlockRev .topLine .stars {
    margin-bottom: 4px;
}

.totalBlockRev .count {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.totalBlockRev .statisticRait {
    padding: 16px 16px 8px;
}

.totalBlockRev .lineStatic {
    display: grid;
    grid-template-columns: 30px 147px auto;
    grid-gap: 8px;
    margin-bottom: 8px;
    align-items: center;
}

.totalBlockRev .lineStatic .stars {
    padding-left: 16px;
}

.totalBlockRev .lineStatic .line {
    background: var(--border-light-border, #E6ECEF);
    width: 100%;
    height: 4px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

.totalBlockRev .lineStatic .lineBg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 8px;
    background: var(--icon-star-active, #FFD400);
}

.reviewsCol {
    width: 555px;
}

.review_item {
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    margin-bottom: 24px;
}

.review_item .topLineRev {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.review_item .review_user {
    font-size: 18px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.144px;
    margin-bottom: 8px;
}

.review_item .review_time {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.review_item .wrapImg {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.review_item .nucImg {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--primary-colors-blue, #01B5CC);
}

.review_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btnRevWrap .btnAfterList {
    margin-top: 0;
    position: sticky;
    top: 10px;
}

.related-products-wrapper {
    margin-bottom: 80px;
}

.botLineRevElement {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
}

.likeDislikeBtns {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    align-items: center;
}

.likeDislikeBtns .ldBtn {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-items: center;
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.likeDislikeBtns .ldBtn.disabled,
.likeDislikeBtns .ldBtn.active {
    cursor: default;
}

.likeDislikeBtns .like.active svg * {
    fill: #219653;
}

.likeDislikeBtns .dislike.active svg * {
    fill: #D22323;
}

#jshop_review_write {
    width: 590px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.formRevWrap .nameInput {
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
}

.formRevWrap .wrapTextarea {
    width: 100%;
}

.formRevWrap textarea {
    border: none;
    color: var(--text-dark-text, #073551);
    min-width: 100%;
    max-width: 100%;
    min-height: 120px;
    max-height: 120px;
    border-radius: 12px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    padding: 12px 16px;
    margin-bottom: 4px;
}

.formRevWrap textarea.maxCount {
    background: var(--system-notification-error-bg, rgba(210, 35, 35, 0.10));
}

.botRevFormLine {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.wrapFilesRev .nameInput {
    margin-bottom: 4px;
}

.wrapFilesRev .wrapFileLabel {
    font-size: 0;
    margin-top: 16px;
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 8px;
    background-color: var(--background-light-bg-tertiary, #F2F5F7);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/photorev.svg);
    border: none;
    position: relative;
    cursor: pointer;
}

.countTextArea {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.countTextArea.maxCount {
    color: var(--system-notification-error-text, #D22323);
}

.wrapFilesRev .wrapFileLabel input {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
}


/*End element*/


/*pop-content Element*/

.pop-content .related-products-wrapper,
.pop-content .reviewBlockElementWrap,
.pop-content .breadcrumbs {
    display: none !important;
}

.pop-content .wrapTags .h1 {
    display: none;
}

.pop-content .wrapTags {
    margin-block: 0px;
}

.pop-content .topElementInfo {
    grid-template-columns: repeat(1, 1fr);
}

.pop-content .botelementInfo {
    width: 100%;
}

.pop-content .container {
    width: 100% !important;
}

.pop-content .prod_buy {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: none;
    padding: 0;
}


/*End pop-content Element*/


/*searchPage*/

.titleSearch {
    margin-bottom: 24px;
}

.titleSearch .h1 {
    margin-bottom: 16px;
}

.txtTitleSearch {
    line-height: 1;
    color: var(--text-dark-text-secondary, #4B6D82);
}


/*End searchPage*/


/*empty page*/

.emptyPage {
    display: flex;
    padding: 80px 80px 130px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    min-height: 30vh;
    border-radius: 24px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    margin-bottom: 80px;
}

.emptyContent {
    width: 370px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.iconEmpty {
    background: var(--background-light-bg, #FFF);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
}

.iconEmpty img {
    max-width: 100%;
}

.nameEmpty {
    color: var(--text-dark-text, #073551);
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}

.txtEmpty {
    color: var(--text-dark-text-secondary, #4B6D82);
}

.emptyContent .btnStyle1 {
    margin-top: 40px;
    min-width: 205px;
    white-space: nowrap;
}


/*End empty page*/


/*cart*/

.cross-sell-list .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.cross-sell-list .owl-nav button span {
    display: none;
}

.cross-sell-list.owl-carousel .owl-nav button.disabled {
    opacity: 0;
}

.cross-sell-list.owl-carousel .owl-nav button.owl-prev {
    left: 24px;
    background: url(../images/arrLeftSlider.svg) no-repeat center, #fff;
}

.cross-sell-list.owl-carousel .owl-nav button.owl-next {
    right: 24px;
    background: url(../images/arrRightSlider.svg) no-repeat center, #fff;
}


/*End cart*/


/*orderPage*/

.order-line {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 24px;
}

.wrapTotalOrder {
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    border-radius: 24px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    position: sticky;
    top: 10px;
}

.wrapTotalOrderCol .btnStyle2,
.wrapTotalOrderCol .btnStyle1 {
    height: 48px;
}

.wrapTotalOrderCol .btnsBlock {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.finished .wrapTotalOrder {
    position: static;
}

.order-line .finish-end {
    width: 100%;
    border-radius: 16px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 24px;
}

.order-line .nameFinishEnd {
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.orderFormUser {
    border-radius: 24px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}

#mapOrder,
#mapOrderUserSamov {
    height: 280px;
    overflow: hidden;
    border-radius: 24px;
}

.order-line.finished {
    align-items: flex-start;
}

.orderFormUser .titleOrderLine {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.orderFormUser .headerOrderUser {
    color: var(--text-dark-text, #073551);
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
}

.statusOrder {
    display: inline-flex;
    padding: 8px 12px 8px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 40px;
}

.statusOrder .imgStatus {
    line-height: 0;
}

.statusOrder.collect,
.statusOrder.new {
    background: var(--system-notification-warning-bg, rgba(221, 108, 4, 0.10));
    color: var(--system-notification-warning-text, #DD6C04);
}

.statusOrder.indelivery {
    background: var(--system-notification-info-bg, rgba(3, 116, 239, 0.10));
    color: var(--system-notification-info-text, #0374EF);
}

.statusOrder.received {
    background: var(--system-notification-success-bg, rgba(33, 150, 83, 0.10));
    color: var(--system-notification-success-text, #219653);
}

.statusOrder.canceled {
    background: var(--background-light-bg-tertiary, #F2F5F7);
    color: var(--text-dark-text-secondary, #4B6D82);
}

.orderFormUser .dateOrderUser {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--text-dark-text-secondary, #4B6D82);
}

.orderFormUser .lineInfoOrderUser {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.orderFormUser .nucInfoOrder {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.orderFormUser .nucInfoOrder .name {
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 4px;
}

.orderFormUser .nucInfoOrder .txt {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.order-line .txt {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.order-line .txt span {
    color: var(--icon-favorite-active, #DF125E);
}

.order-form-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lineTotal {
    background: var(--background-light-bg-tertiary, #F2F5F7);
    width: 100%;
    height: 1px;
}

.totalLineBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.totalLineBlock.for-pay {
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.orderFormWrap {
    flex: 1;
}

.order-form {
    border-radius: 24px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    flex: 1;
}

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

.topLineFormOrder>div {
    width: 50%;
}

.topLineFormOrder .several {
    border-right: 1px solid var(--border-light-border, #E6ECEF);
    gap: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
}

.topLineFormOrder .timeOrderBlock {
    gap: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
}

.userData {
    width: 100%;
    border-top: 1px solid var(--border-light-border, #E6ECEF);
    padding: 24px;
}

.userData .form-fields {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    margin-bottom: 16px;
}

.userData .delimiter {
    margin-bottom: 24px;
}

.userData .form-fields input {
    width: 288px;
}

.commentWrap {
    border-top: 1px solid var(--border-light-border, #E6ECEF);
    padding: 24px;
}

.customCheck {
    display: flex;
    justify-content: flex-start;
}

.customCheck span {
    position: relative;
}

.customCheck label {
    font-weight: 400;
    position: relative;
}

#form-login-submit {
    display: flex;
    justify-content: center;
}

.customCheck input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.customCheck span {
    padding-right: 36px;
}

.customCheck span:before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    background: var(--background-light-bg-tertiary, #F2F5F7);
}

.customCheck span:after {
    background: url(../images/check.svg) no-repeat center;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    opacity: 0;
}

.customCheck input:checked+span:before {
    background: var(--primary-colors-blue, #01B5CC);
    border-color: var(--primary-colors-blue, #01B5CC);
}

.customCheck input:checked+span:after {
    opacity: 1;
}

textarea {
    height: 150px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    border: none;
    resize: none;
}

#form-recipient {
    padding-top: 8px;
}

.wrapTotalOrder .order-detail-header,
.wrapTotalOrder .prod-name {
    display: none;
}

.wrapTotalOrder .order-detail-products {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

.customModal {
    cursor: pointer;
}

.wrapTotalOrder .totalCountTxt {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
}

.wrapTotalOrder .totalCountTxt span {
    color: var(--text-light-text-secondary, #A3BDCC);
}

.wrapTotalOrder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrapTotalOrder .prod-image {
    border-radius: 4.48px;
    width: 56px;
    height: 56px;
    margin-bottom: 4px;
    overflow: hidden;
    display: block;
}

.wrapTotalOrder .prod-price {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.timeOrderInputs {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.order input[type="text"],
.order input[type="tel"] {
    height: 56px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    border: none;
    /*    margin: 10px 0;*/
}

.inputMask {
    height: 56px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    border: none;
    margin: 0px 0;
    align-items: center;
    display: flex;
}

.wrapInp {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.timeOrderInputs input[type="text"] {
    width: 100%;
}

.shippingLine {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    padding-right: 65px;
    margin-bottom: 8px;
}

.order-line select {
    height: 56px;
    padding: 8px 16px;
    border-radius: 8px;
    background: url(/images/arrSelect.svg) no-repeat calc(100% - 16px) center, var(--background-light-bg-tertiary, #F2F5F7);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.order-line #wrapTimeSelect {
    width: 100%;
}

.btnMapOrder {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
}

.timePreset {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.timePreset .nucPreset {
    display: flex;
    padding: 12px 16px;
    align-items: baseline;
    gap: 4px;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    color: var(--text-dark-text-secondary, #4B6D82);
    font-weight: 400;
    cursor: pointer;
}

.timePreset .nucPreset.active {
    background: var(--button-accent-default, #01B5CC);
    color: #fff;
}

.timePreset .nucPreset.active span {
    color: #fff;
}

.timePreset .nucPreset span {
    font-weight: 500;
    color: var(--text-dark-text, #073551);
}

.wrapTotalOrderCol {
    width: 320px;
    flex: none;
}

.wrapTotalOrder {
    width: 100%;
}

.deliveryBtns {
    display: flex;
    padding: 4px;
    align-items: flex-start;
    border-radius: 40px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    width: 260px;
    margin-bottom: 16px;
}

.deliveryBtns .check-box {
    position: relative;
    flex: 1;
}

.deliveryBtns input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

.deliveryBtns label {
    border-radius: 40px;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-weight: 500;
    color: var(--text-dark-text-secondary, #4B6D82);
    text-align: center;
    line-height: 150%;
    margin: 0;
    cursor: pointer;
}

.deliveryBtns input:checked+label {
    background: var(--background-dark-bg, #073551);
    color: #fff;
}

.textDelivery {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 8px;
}


/*end orderPage*/

.iconWithTxtBlock {
    display: flex;
    align-items: center;
    gap: 16px;
}

.iconWithTxtBlock .imgF {
    width: 44px;
    height: 44px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    border-radius: 50%;
}

.iconWithTxtBlock .txtBlockIWT {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.iconWithTxtBlock .name {
    font-weight: 500;
    color: var(--text-dark-text, #073551);
    display: inline-block;
}

.iconWithTxtBlock .txt {
    font-size: 14px;
    color: var(--text-dark-text-secondary, #4B6D82);
}


/*insidepage*/

.last_visited_products {
    margin-block: 80px;
}

.insidepage .contentBlock {
    padding-bottom: 40px;
}

.insidepage .wrapAC {
    padding: 40px 0;
}

.delimiter {
    color: var(--text-dark-text, #073551);
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
}


/*end insidepage*/


/*wrapDeliveryAndPayPage*/

.wrapDeliveryAndPayPage .topPage {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.styckyHead h1 {
    position: sticky;
    top: 15px;
}

.wrapDeliveryAndPayPage .rightCol {
    width: 670px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 38px;
}

.wrapDeliveryAndPayPage .btnStyle1 {
    width: 100%;
}

.deliveryTerms {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.wrapDeliveryAndPayPage .txt {
    color: var(--text-dark-text-secondary, #4B6D82);
}

.wrapDeliveryAndPayPage .clockBlock {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.wrapDeliveryAndPayPage .nucClock {
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    white-space: nowrap;
    min-width: 140px;
}

.wrapDeliveryAndPayPage .priceDelivery,
.wrapDeliveryAndPayPage .paymentTerms {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.wrapDeliveryAndPayPage .wrapPD {
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.wrapDeliveryAndPayPage .paymentTerms ol {
    list-style-position: inside;
    padding-left: 0;
    color: var(--text-dark-text-secondary, #4B6D82);
}

.wrapDeliveryAndPayPage .paymentTerms ol li {
    margin-bottom: 10px;
}


/*End wrapDeliveryAndPayPage*/


/*contactsPage*/

.contactsPage .btnStyle1 {
    margin-top: 40px;
    width: 100%;
}

.contactsPage .topPage {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.contactsPage .mapBlock {
    width: 100%;
}

#mapPage {
    height: 400px;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
}

.contactsPage .lineInfo {
    display: flex;
    align-items: center;
    gap: 24px;
}

.contactsPage .iconWithTxtBlock {
    min-width: 205px;
}


/*End contactsPage*/


/*page404*/

.page404 .imgF {
    margin-bottom: 25px;
}

.page404 .imgF img {
    max-width: 100%;
}

.page404 .emptyContent {
    max-width: 100%;
    width: 420px;
}


/*End page404*/


/* ya  поделится */

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    background: transparent !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-image: url(../images/share.svg) !important;
    background-size: inherit !important;
}

.ya-share2__container_size_m,
.ya-share2__list.ya-share2__list_direction_horizontal,
.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item,
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short,
.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__badge_more,
.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {}

.shipping-map {
    display: none;
    height: 400px;
    width: 100%;
    width: 1000px;
}

.btnStyle1.pickup-here {
    font-size: 16px;
}

.shipping-mapWrap {
    margin: -40px;
}

.pop-popup .shipping-map {
    display: block;
}


/*modelForm*/

.modelForm {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}

.modelForm .nameForm {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.48px;
    color: var(--text-dark-text, #073551);
    margin-bottom: 8px;
}

.modelForm .txtAfterName {
    color: var(--text-dark-text-secondary, #4B6D82);
    margin-bottom: 24px;
}

.modelForm .politForm {
    color: var(--dark-blue-dark-blue-60, rgba(7, 53, 81, 0.60));
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}

.modelForm .politForm a {
    color: var(--Blue, #01B5CC);
}

.modelForm .minipading input[type="text"],
.modelForm .minipading input[type="tel"] {
    padding: 8px 16px 8px 16px;
}

.modelForm input[type="text"],
.modelForm input[type="tel"] {
    padding: 8px 16px 8px 52px;
    margin-bottom: 10px;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="password"] {
    height: 56px;
    border-radius: 8px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    border: none;
    padding: 8px 16px 8px 16px;
}

#member-registration,
#login-form,
#user-registration {
    max-width: 500px;
    width: 100%;
}

#user-registration .control-label {
    text-align: left;
}

#member-registration input,
#login-form input,
#user-registration input {
    margin-bottom: 10px;
}

#member-registration .control-group {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

#login-form .add-on {
    display: none;
}

#form-login-remember {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#login-form #form-login-submit .controls {
    width: 100%;
}

#login-form .btnStyle1 {
    width: 100%;
}

#login-form .userdata {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#login-form .control-group {
    width: 100%;
}

#login-form .unstyled {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 10px;
}

.modelForm button {
    margin: 24px 0 16px;
    width: 100%;
}

.modelForm .nameI {
    background: url(../images/nameI.svg) no-repeat 16px center, var(--background-light-bg-tertiary, #F2F5F7);
}

.modelForm .phoneI {
    background: url(../images/phoneI.svg) no-repeat 16px center, var(--background-light-bg-tertiary, #F2F5F7);
}


/*End userProfile*/

.wrapColsUserProfile {
    position: relative;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    grid-gap: 24px;
    /*    margin-bottom: -80px;*/
}

.wrapColsUserProfile:before {
    position: absolute;
    left: -500px;
    right: -500px;
    content: '';
    height: 1px;
    top: 0;
    background: var(--border-light-border, #E6ECEF);
    z-index: 3;
}

.userProfileWrap .logOut {
    border-radius: 80px;
    border: 1px solid #E6ECEF;
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--text-dark-text, #073551);
}

.leftMainProfile {
    position: relative;
    z-index: 1;
}

.rightBlockUser,
.leftMainProfile {
    padding-bottom: 80px;
}

.rightBlockUser {
    padding-top: 24px;
}

.leftMainProfile:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1000px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
    content: '';
    z-index: -1;
}

.leftMainProfile a {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    padding: 16px 0px;
    padding-right: 16px;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.leftMainProfile a .txt {
    flex: 1;
}

.leftMainProfile a:after {
    content: '';
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url(../images/chevron-right.svg);
    -webkit-mask-image: url(../images/chevron-right.svg);
    background-color: rgba(163, 189, 204, 1);
    display: inline-block;
}

.inputsUserPage {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
    margin-bottom: 40px;
}

form.userChange {
    max-width: 680px;
}

.leftMainProfile .active a,
.leftMainProfile a:hover {
    color: var(--text-dark-text, #073551);
}

.leftMainProfile a:hover {
    text-decoration: none;
}

.leftMainProfile .active a {
    background: #fff;
    border-right: 2px solid var(--icon-icon-accent, #01B5CC);
}

.leftMainProfile .active a:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    content: '';
    z-index: -1;
    width: 1000px;
    background: #fff;
}

.leftMainProfile .active a svg *,
.leftMainProfile a:hover svg * {
    fill: #073551;
}

.listOrderUser {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.nucUserOrder {
    border-radius: 24px;
    padding: 24px;
    gap: 16px;
    border: 1px solid var(--border-light-border, #E6ECEF);
    display: flex;
    width: 100%;
    flex-direction: column;
}

.nucUserOrder .topLine {
    display: grid;
    grid-template-columns: 200px auto 200px;
    grid-gap: 24px;
}

.nucUserOrder .payOrderOnfo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.nucUserOrder .topLine .numOrderInfo .name {
    font-size: 18px;
    font-weight: 600;
}

.nucUserOrder .topLine .name {
    color: var(--text-dark-text, #073551);
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
}

.nucUserOrder .topLine .txt {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.nucUserOrder .deliveryOrderInfo {
    padding-left: 36px;
    background: url(/images/icons/deliveryOrder.svg) no-repeat left top;
}

.nucUserOrder .botLine {
    display: grid;
    grid-template-columns: 200px auto 200px;
    align-items: flex-end;
    grid-gap: 24px;
}

.nucUserOrder .botLine .wrapButton:last-child {
    display: flex;
    justify-content: flex-end;
}

.nucUserOrder .items {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

.nucUserOrder .itemLink {
    display: block;
}

.nucUserOrder .items .imgW {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.nucUserOrder .items img {
    width: 100%;
    height: auto;
}

.rightBlockUser .orderFormUser {
    border: none;
    padding: 0;
}


/*------------revLk-----------*/

.pendingAssessmentsBlock {
    padding: 24px;
    padding-right: 0;
    overflow: hidden;
    border-radius: 24px;
    background: var(--background-light-bg-tertiary, #F2F5F7);
}

.pendingAssessmentsBlock .nameBlock {
    color: var(--text-dark-text, #073551);
    font-size: 18px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.144px;
    margin-bottom: 8px;
    padding-right: 24px;
}

.pendingAssessmentsBlock .txtBlockPA {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 24px;
}

.listPandingBlock {
    margin-top: 24px;
}

.itemPendingAssessment {
    display: flex;
    width: 400px;
    padding: 16px 0px;
    flex-direction: column;
    border-radius: 16px;
    border-bottom: 1px solid var(--background-light-bg-tertiary, #F2F5F7);
    background: var(--background-light-bg, #FFF);
}

.itemPendingAssessment .topBlock {
    display: flex;
    padding: 0px 16px 16px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin-bottom: 16px;
    border-bottom: 1px solid #E6ECEF;
}

.itemPendingAssessment .imgW {
    width: 56px;
    height: 56px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    flex: none;
}

.itemPendingAssessment .imgW img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.itemPendingAssessment .nameItem {
    display: block;
    font-size: 14px;
    color: var(--text-dark-text, #073551);
    font-weight: 500;
    line-height: 20px;
}

.itemPendingAssessment .nameItem span {
    font-size: 85%;
    color: var(--button-accent-default, #01B5CC);
}

.itemPendingAssessment .botBlock {
    display: flex;
    padding: 0px 16px;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.itemPendingAssessment .txtRevBot {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.itemPendingAssessment .starsBlock {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 2px;
}

.itemPendingAssessment svg {
    line-height: 0;
    cursor: pointer;
}

.itemPendingAssessment svg * {
    fill: #C3D3DD;
}

.itemPendingAssessment .starsBlock>svg:hover~svg * {
    fill: #FFD400;
}

.itemPendingAssessment .starsBlock>svg:hover * {
    fill: #FFD400;
}

.formRevWrap .starsBlock.activeStars>svg * {
    fill: #C3D3DD;
}

.formRevWrap .starsBlock.activeStars>svg:hover~svg *,
.formRevWrap .starsBlock.activeStars>svg.active~svg * {
    fill: #FFD400;
}

.formRevWrap .starsBlock.activeStars>svg:hover *,
.formRevWrap .starsBlock.activeStars>svg.active * {
    fill: #FFD400;
}

.successAssessmentsList {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
}

.successAssessment .centerCol {
    flex: 1;
}

.successAssessment {
    display: flex;
    padding: 24px;
    justify-content: space-between;
    gap: 24px;
    align-self: stretch;
    border-radius: 24px;
    border: 1px solid var(--border-light-border, #E6ECEF);
}

.successAssessment .leftCol {
    flex: none;
    width: 200px;
}

.successAssessment .rightCol {
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
}

.successAssessment .numSA {
    color: var(--text-dark-text, #073551);
    font-size: 18px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.144px;
    margin-bottom: 4px;
}

.successAssessment .dateRev {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.successAssessment .starsBlock {
    display: flex;
    justify-content: flex-start;
    gap: 2px;
    margin-top: 16px;
}

.successAssessment svg {
    line-height: 0;
    cursor: pointer;
}

.successAssessment svg * {
    fill: #C3D3DD;
}

.successAssessment .starsBlock svg.active * {
    fill: #FFD400;
}

.successAssessment .nameItem {
    color: var(--text-dark-text, #073551);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
    display: block;
}

.successAssessment .txtRevItem {
    color: var(--text-dark-text-secondary, #4B6D82);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.successAssessment .imgsRev {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 16px;
}

.successAssessment .imgW {
    width: 56px;
    height: 56px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

.successAssessment .imgW img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.successAssessment.none {
    background: var(--button-secondary-default, #F2F5F7);
}


/*user*/


/* --- Media styles --- */

@media screen and (min-width:991px) {
    .navHead>li:hover>.secondaryMain:before {
        position: absolute;
        height: 20px;
        width: 100%;
        content: '';
        top: -20px;
        left: 0;
    }
    .h-menu__seeall {
        display: none;
    }
    .navHead>li:hover>.secondaryMain {
        justify-content: space-between;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--background-light-bg, #FFF);
        padding: 40px 0;
        z-index: 6;
        display: flex;
        gap: 40px;
        border-top: 1px solid #E6ECEF;
    }
    .customh-basket:hover .h-basket__cart {
        display: block;
    }
    .wrapItem:hover {
        z-index: 1;
    }
    .item:hover {
        background: #fff;
        z-index: 1;
        box-shadow: 0px 0px 16px 0px rgba(7, 53, 81, 0.04), 0px 8px 16px 0px rgba(7, 53, 81, 0.08);
    }
    .item:hover .wrapSostav,
    .item:hover .wrapBuy {
        opacity: 1;
    }
    .quantity-change:hover {
        background: var(--button-primary-default, #073551);
    }
    .quantity-change:hover svg * {
        fill: #fff;
    }
    .navHead>li>.nav-header,
    .navHead>li ul ul a,
    .item .wrapBuy,
    .item,
    .quantity-change svg *,
    .quantity-change,
    .item .wrapSostav,
    .linksFooter a,
    .botFooter .dopMain a,
    .botFooter .socBlock a,
    .botFooter .socBlock a svg * {
        transition: all 0.4s;
    }
    .navHead>li ul ul a:hover {
        background: var(--background-light-bg-tertiary, #F2F5F7);
        left: 0;
    }
    .botFooter .socBlock a:hover {
        background: rgba(255, 255, 255, 1);
    }
    .botFooter .socBlock a:hover svg * {
        fill: var(--icon-icon-primary, #073551);
    }
    .linksFooter a:hover,
    .botFooter .dopMain a:hover {
        color: var(--icon-icon-accent, #01B5CC);
        text-decoration: none;
    }
    .btnAfterList,
    .btnAfterList,
    svg *,
    .btnStyle2,
    .nucQL,
    .nucQL *,
    .likeDislikeBtns svg * {
        transition: all 0.4s;
    }
    .btnAfterList:hover,
    .btnAfterList:hover,
    .btnStyle2:hover {
        background: var(--button-primary-default, #073551);
        color: #fff;
        text-decoration: none;
    }
    .ldBtn.dislike:not(.disabled):hover svg * {
        fill: #D22323;
    }
    .ldBtn.like:not(.disabled):hover svg * {
        fill: #219653;
    }
    .btnAfterList:hover svg *,
    .btnAfterList:hover svg *,
    .btnStyle2:hover svg * {
        fill: #fff;
    }
    .breadcrumbs a:hover span,
    .breadcrumbs a:hover {
        text-decoration: none;
        color: var(--icon-icon-accent, #01B5CC);
    }
    .wrapTLH .topMainList a,
    .wrapTLH .infoHeader a,
    .headerMain a,
    .shopIcons .btnShop,
    .shopIcons .basketBtn,
    .nucQL .imgF {
        transition: all 0.4s;
    }
    .wrapTLH .topMainList a:hover,
    .wrapTLH .infoHeader a:hover {
        color: var(--icon-icon-accent, #01B5CC);
        text-decoration: none;
    }
    .headerMain a:hover,
    .shopIcons .btnShop:hover,
    .shopIcons .basketBtn:hover,
    .navHead>li>.nav-header:hover {
        background: var(--button-secondary-default, #F2F5F7);
        text-decoration: none;
    }
    .shopIcons .basketBtn:hover {
        border: 1px solid var(--button-secondary-default, #F2F5F7);
    }
    .nucQL:hover .imgF {
        background: var(--icon-favorite-active, #DF125E);
    }
    .nucQL:hover {
        text-decoration: none;
        color: var(--text-dark-text, #073551);
    }
    .wrapOL a.nucOL:hover {
        text-decoration: none;
    }
    .nucQL:hover svg * {
        fill: #fff;
    }
    .subSectionsList a:hover {
        border: 1px solid var(--icon-icon-tertiary, #A3BDCC);
        background: var(--background-light-bg-tertiary, #F2F5F7);
        text-decoration: none;
    }
    .jshop_pagination li:not(.disabled) a:hover {
        text-decoration: none;
    }
    .jshop_pagination li:not(.disabled) a:hover span {
        background: var(--button-accent-default, #01B5CC);
        color: #fff;
        text-decoration: none;
    }
    .jshop_pagination li:not(.disabled) .iconPagination:hover svg * {
        fill: #fff;
    }
}

@media screen and (min-width:1400px) {
    .wrapper .container {
        width: 1390px;
    }
}

@media screen and (max-width:1399px) {
    .jshop-basket .basket-footer {
        width: 300px;
    }
    .leftColCart {
        width: calc(100% - 330px);
    }
    .topLineFormOrder .several,
    .topLineFormOrder .timeOrderBlock {
        gap: 18px;
        padding: 18px;
    }
    .userData,
    .commentWrap {
        padding: 18px;
    }
    .timePreset .nucPreset {
        padding: 10px;
    }
    .order-line {
        gap: 18px;
    }
    .wrapTotalOrder {
        padding: 18px;
        gap: 18px;
    }
    .wrapTotalOrderCol {
        width: 300px;
    }
    .delimiter {
        font-size: 22px;
    }
    .prod_buy {
        padding: 15px;
        gap: 15px;
    }
    .topElementInfo {
        grid-template-columns: auto 260px;
        grid-gap: 10px;
    }
    .productfull .currentPrice {
        font-size: 28px;
    }
    .topElement .block-photo {
        width: 400px;
    }
    .topElement .rightContent {
        width: calc(100% - 415px);
    }
    .botelementInfo {
        width: calc(100% - 285px);
    }
    .logo img,
    .logo svg {
        max-width: 100%;
        height: auto;
    }
    header .logo {
        width: 220px;
    }
    .navHead svg,
    .navHead img {
        max-width: 100%;
        height: auto;
    }
    .wrapHeader .navHead>li>a,
    .wrapHeader .navHead>li>.nav-header {
        grid-template-columns: 18px auto;
        padding: 10px 12px 10px 10px;
    }
    .shopIcons .btnShop {
        width: 42px;
        height: 42px;
    }
    .btnShop svg,
    .btnShop img {
        height: auto;
        width: 20px;
    }
    .shopIcons .basketBtn {
        gap: 6px;
        padding: 7px 12px;
    }
    .shopIcons .basketBtn img,
    .shopIcons .basketBtn svg {
        width: 20px;
        height: auto;
    }
    .navHead>li:hover>.secondaryMain {
        padding: 20px 0;
    }
    .navHead>li:hover>.secondaryMain {
        gap: 25px;
    }
    .tbBlock .name {
        font-size: 34px;
    }
    .tbBlock .txt {
        font-size: 26px;
    }
    .tbBlock .smallTxt {
        font-size: 12px;
    }
    .mobileAppTB .txt {
        font-size: 28px;
    }
    .nucQL {
        padding: 15px;
        gap: 10px;
    }
    .nucQL .imgF {
        width: 42px;
        height: 42px;
    }
    .nucQL .imgF img,
    .nucQL .imgF svg {
        width: 20px;
        height: auto;
    }
    .btnStyle1 {
        padding: 12px 20px;
    }
    .quantity-change {
        padding: 10px;
    }
    .item .topItem {
        height: 380px;
    }
    .item .wrapSostav ol {
        gap: 5px;
    }
    .item .price {
        font-size: 22px;
    }
    .btnAfterList {
        padding: 12px 28px 12px 32px;
    }
    a.nucOL .txtBlock {
        max-width: 295px;
    }
    .wrapOL .name {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .wrapOL .txt {
        font-size: 16px;
    }
    .topFooter {
        padding: 16px 20px;
    }
    .botFooter {
        grid-template-columns: 365px auto 440px;
    }
    .botFooter .socBlock a {
        padding: 12px;
    }
    .botFooter .socBlock svg,
    .botFooter .socBlock img {
        width: 20px;
        height: auto;
    }
    body {
        font-size: 15px;
    }
    .nucPre {
        padding: 20px;
    }
    .wrapPre {
        grid-gap: 20px;
    }
    .titleLine {
        margin-bottom: 25px;
    }
    .h1,
    h1 {
        font-size: 30px;
        margin: 0 0 20px;
    }
    .sliderRev .owl-nav {
        top: -58px;
    }
    .sliderRev.owl-carousel .owl-nav button {
        width: 42px;
        height: 42px;
    }
    /*paddings*/
    .orederFlowersBlock {
        padding: 30px 0 0px;
    }
    .newFlowersBlock {
        padding: 0 0px 30px;
    }
    .reviewsBlock,
    .aboutCompanyBlock,
    .otherLinksBlock {
        padding-block: 30px;
    }
    .quickLinksBlock {
        padding: 20px 0 30px;
    }
    #map2 {
        margin-top: 60px;
    }
    /*End paddings*/
    .navHead .secondaryMain ul ul {
        grid-gap: 0 10px;
    }
    .navHead .wrapMenu>ul {
        gap: 20px;
    }
}

@media screen and (min-width:1200px) {}

@media screen and (max-width:1199px) {
    .wrapColsUserProfile {
        grid-template-columns: 195px minmax(0, 1fr);
        grid-gap: 10px;
    }
    .orderFormUser .nucInfoOrder .txt {
        font-size: 14px;
        line-height: 20px;
    }
    .orderFormUser .nucInfoOrder .name {
        line-height: 1.1;
    }
    .jshop-basket .basket-footer {
        width: 230px;
        padding: 16px;
        gap: 16px;
    }
    .topLineFormOrder {
        flex-direction: column;
    }
    .topLineFormOrder>div {
        width: 100%;
    }
    .topLineFormOrder .several {
        border-right: none;
        border-bottom: 1px solid var(--border-light-border, #E6ECEF);
    }
    .leftColCart {
        width: calc(100% - 260px);
    }
    .jshop-basket .jshop_subtotal {
        font-size: 22px;
    }
    .delimiter {
        font-size: 20px;
    }
    .contactsPage .lineInfo {
        gap: 16px;
    }
    .topElementInfo {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .productfull .currentPrice {
        font-size: 24px;
        margin-bottom: 0;
    }
    .prod_buy {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
    }
    .botelementInfo {
        width: 100%;
    }
    .gallaryImages {
        margin-bottom: 20px;
    }
    .wrapTags {
        margin-block: 40px;
    }
    .last_visited_products {
        margin-block: 40px;
    }
    .related-products-wrapper {
        margin-bottom: 40px;
    }
    .reviewsBlockElement {
        margin-bottom: 40px;
    }
    .totalBlockRev {
        width: 260px;
    }
    .totalBlockRev .lineStatic {
        grid-template-columns: 30px 80px auto;
        grid-gap: 5px;
        margin-bottom: 5px;
    }
    .emptyHorizontalBlock {
        gap: 16px;
        padding: 16px;
    }
    .reviewsCol {
        width: 465px;
    }
    .emptyHorizontalBlock .imgF {
        padding: 8px;
    }
    .emptyHorizontalBlock .imgF svg,
    .emptyHorizontalBlock .imgF img {
        width: 24px;
        height: auto;
    }
    .wrapHeader .navHead>li>a svg,
    .wrapHeader .navHead>li>a img,
    .wrapHeader .navHead>li>.nav-header svg,
    .wrapHeader .navHead>li>.nav-header img {
        display: none;
    }
    .wrapHeader .navHead>li>a,
    .wrapHeader .navHead>li>.nav-header {
        grid-template-columns: 1fr;
    }
    .wrapHeader {
        padding: 10px 0;
    }
    header .logo {
        width: 200px;
    }
    .navHead .wrapMenu {
        gap: 15px;
    }
    .navHead .wrapMenu>ul {
        gap: 10px;
    }
    .navHead .secondaryMain ul ul {
        grid-gap: 0 5px;
    }
    .navHead .wrapMenu .qrCodeMain {
        display: none;
    }
    .wrapTB {
        grid-template-columns: 1fr;
    }
    .wrapTB .mobileAppTB {
        flex-direction: row;
    }
    .mobileAppTB .txt {
        margin-bottom: 0;
        margin-right: 15px;
        text-align: left;
    }
    body {
        font-size: 14px;
    }
    .nucQL {
        padding: 10px;
    }
    .itemsTile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .h1,
    h1 {
        font-size: 26px;
    }
    .wrapOL {
        grid-template-columns: repeat(1, 1fr);
    }
    .wrapOL .fullWidth {
        grid-column-start: span 1;
    }
    .wrapOL .fullWidth {
        height: 485px;
    }
    .wrapAC .txtBlockAC {
        width: 480px;
    }
    .wrapAC .txtBlock {
        margin-bottom: 35px;
    }
    .wrapPre {
        grid-template-columns: repeat(2, 1fr);
    }
    .linksFooter * {
        font-size: 12px;
    }
    /*paddings*/
    .orederFlowersBlock {
        padding: 20px 0 0px;
    }
    .newFlowersBlock {
        padding: 0 0px 20px;
    }
    .reviewsBlock,
    .aboutCompanyBlock,
    .otherLinksBlock {
        padding-block: 20px;
    }
    .quickLinksBlock {
        padding: 15px 0 20px;
    }
    #map2 {
        margin-top: 40px;
    }
    .topFooter .wrapLogo {
        display: none;
    }
    .botFooter {
        grid-template-columns: 310px auto 440px;
        padding-bottom: 30px;
    }
    .linksFooter {
        padding-block: 15px;
    }
    /*End paddings*/
    .pop-popup .container {
        padding: 0;
        width: 100%;
    }
    .pop-popup {
        margin-left: -30px;
    }
    .pop-popup.prod-popup {
        max-width: 910px;
        padding: 20px 15px;
    }
    .pop-close {
        width: 35px;
        height: 35px;
        right: -45px;
    }
}

.mobLk,
.mobAppsBlock {
    display: none;
}

@media screen and (max-width:991px) {
    .mobAppsBlock {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
        font-size: 12px;
        padding: 5px;
        background: #fff;
        border-block: 1px solid var(--button-accent-default, #01B5CC);
        position: fixed;
        bottom: 55px;
        left: 0;
        right: 0;
        z-index: 50;
    }
    .mobAppsBlock .txtBlock {
        display: flex;
        gap: 5px;
        align-items: center;
        line-height: 1.1;
    }
    .mobAppsBlock .imgW {
        flex: none;
    }
    .mobAppsBlock .imgW img,
    .mobAppsBlock .imgW svg {
        width: 60px;
        height: auto;
    }
    .mobAppsBlock .name {
        font-weight: 600;
        margin-bottom: 5px;
    }
    .mobAppsBlock .openBtn {
        color: #fff;
        border-radius: 80px;
        background: var(--button-accent-default, #01B5CC);
        display: inline-flex;
        padding: 7px 12px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        text-align: center;
        font-weight: 600;
    }
    .mobAppsBlock+.wrapper {
        padding-bottom: 50px;
    }
    .mobLk {
        display: block;
    }
    #form-login-username input {
        width: 100%;
    }
    .mobLk .lkBtn {
        opacity: 0.8;
        /*        background: var(--button-secondary-default, #F2F5F7);*/
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .leftMainProfile,
    .userProfileWrap .logOut {
        display: none;
    }
    form.userChange {
        max-width: 100%;
    }
    .wrapColsUserProfile {
        display: block;
        width: 100%;
    }
    .orderFormUser .lineInfoOrderUser {
        flex-direction: column;
        gap: 15px;
    }
    .modelForm input {
        height: 46px;
        font-size: 14px;
    }
    .modelForm .nameForm {
        font-size: 21px;
    }
    .modelForm button {
        margin: 16px 0 12px;
    }
    .modelForm .politForm {
        font-size: 12px;
    }
    /*mobMain*/
    .mobileMainWrap {
        display: flex;
    }
    .wrapFormMobile {
        display: block;
    }
    .wrapper {
        padding-bottom: 56px;
    }
    .navHead>li:hover>.secondaryMain,
    .navHead .secondaryMain {
        padding: 0px 0;
    }
    .shipping-map {
        width: 700px;
    }
    .noPadding .pop-close {
        right: -35px;
        top: 0;
        width: 30px;
        height: 30px;
    }
    .catalogMobMobile .formSearchHeadWrap {
        display: block;
        padding: 15px;
        padding-top: 0;
        width: 100%;
        position: static;
    }
    .wrapHeader .navHead>li>a svg,
    .wrapHeader .navHead>li>.nav-header svg {
        display: block;
        width: 20px;
        height: auto;
    }
    .wrapHeader .navHead {
        display: block;
    }
    .wrapHeader .navHead>li {
        padding: 0 15px;
    }
    .wrapHeader .navHead>li>a,
    .wrapHeader .navHead>li>.nav-header {
        display: flex;
        justify-content: flex-start;
        gap: 8px;
        border-bottom: 1px solid var(--main, #E6ECEF);
        border-radius: 0;
        padding: 16px 0;
    }
    .wrapHeader .navHead li.parent>a:after,
    .wrapHeader .navHead>li.parent .nav-header:after {
        content: '';
        right: 0;
        top: 50%;
        width: 20px;
        height: 20px;
        mask-size: 100%;
        -webkit-mask-size: 100%;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        mask-image: url(../images/chevron-right.svg);
        -webkit-mask-image: url(../images/chevron-right.svg);
        background-color: rgba(163, 189, 204, 1);
        display: inline-block;
    }
    .catalogMobMobile .btnBack {
        transform: rotate(180deg);
    }
    .catalogMobMobile .btnBack svg {
        display: none;
    }
    .catalogMobMobile .btnBack.active svg {
        display: block;
    }
    .wrapHeader .navHead li:last-child>a,
    .wrapHeader .navHead li:last-child .nav-header {
        border-bottom: none;
    }
    .wrapHeader .navHead>li>a .image-title,
    .wrapHeader .navHead>li>.nav-header .image-title {
        flex: 1;
    }
    .catalogMobMobile .titleLine {
        display: flex;
    }
    .catalogMobMobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 56px;
        background: var(--background-light-bg, #FFF);
        display: none;
        flex-direction: column;
        justify-content: space-between;
        z-index: 55;
        overflow: auto;
    }
    .catalogMobMobile.active {
        display: flex;
    }
    .navHead .secondaryMain {
        position: fixed;
        top: 55px;
        left: 0;
        width: 100%;
        bottom: 56px;
        background: var(--background-light-bg, #FFF);
        display: none;
        flex-direction: column;
        justify-content: space-between;
        z-index: 56;
        overflow: auto;
    }
    .navHead .secondaryMain.open {
        display: block;
    }
    .navHead .wrapMenu,
    .navHead .wrapMenu>ul {
        display: block;
        padding: 0;
    }
    .navHead .wrapMenu li {
        margin: 0;
    }
    .navHead .wrapMenu>ul>li {
        padding: 0 15px;
    }
    .navHead .wrapMenu ul a {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--text-dark-text, #073551);
        padding: 16px 0px;
        border-bottom: 1px solid var(--main, #E6ECEF);
        display: block;
        position: static;
        border-radius: 0;
    }
    .navHead .wrapMenu ul ul>li:last-child a {
        border-bottom: none;
    }
    .navHead .secondaryMain .separator {
        font-size: 12px;
        color: var(--text-dark-text-secondary, #4B6D82);
        text-align: center;
        font-weight: 500;
        display: flex;
        width: auto;
        margin: 0 -15px;
        padding: 8px 15px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        background: var(--background-light-bg-tertiary, #F2F5F7);
        border: none;
    }
    .navHead .secondaryMain ul ul {
        display: block;
    }
    .h-menu__seeall {
        padding: 0 15px;
        margin: 0;
    }
    .h-menu__seeall a {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--text-dark-text, #073551);
        padding: 16px 0px;
        display: block;
    }
    .navHead .wrapMenu {
        max-height: none;
    }
    /*End mobMain*/
    .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
        height: 20px !important;
        background-size: contain !important;
    }
    .wrapCartColumns {
        flex-direction: column;
    }
    .leftColCart,
    .jshop-basket .basket-footer,
    .rightColCart {
        width: 100%;
    }
    .delimiter {
        font-size: 18px;
    }
    .contactsPage .lineInfo {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
        width: 100%;
    }
    #map2 {
        margin-top: 12px;
    }
    .topBannerImg,
    .topFooter,
    .shopIcons,
    .wrapTLH .topMainList,
    .topLineHeader .partnersBlock {
        display: none;
    }
    .headerWrapBlock {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;
        border-bottom: 1px solid var(--border-light-border, #E6ECEF);
        padding: 0 calc((100% - 720px) / 2);
    }
    header {
        margin-bottom: 0;
        border-bottom: none;
    }
    .wrapTLH {
        flex-direction: row-reverse;
    }
    .topLineHeader {
        background: none;
    }
    .wrapTLH .infoHeader a {
        margin-left: 0;
        margin-right: 10px;
    }
    .headerWrapBlock .container {
        width: auto;
        padding: 0;
    }
    .tbBlock .name {
        font-size: 28px;
    }
    .wrapTB .txtBlock {
        width: 100%;
        padding: 25px 40px 45px;
    }
    .tbBlock .txt {
        font-size: 22px;
    }
    .wrapQL {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        overflow: auto;
        padding-bottom: 5px;
        scrollbar-width: thin;
        scrollbar-color: var(--button-accent-default, #01B5CC);
    }
    *::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background: transparent;
    }
    *::-webkit-scrollbar-thumb {
        background: var(--button-accent-default, #01B5CC);
        -webkit-border-radius: 1px;
    }
    .wrapOL .nucOL:not(.fullWidth) {
        height: 280px;
    }
    .wrapOL .nucOL>img {
        bottom: 0;
        object-fit: cover;
        height: 90%;
    }
    .wrapOL .nucOL.fullWidth>img {
        height: 300px;
    }
    .wrapAC .imgW {
        width: 345px;
    }
    .wrapAC .imgW img {
        max-width: 100%;
    }
    .revSlide .nucRev {
        width: 280px;
    }
    .wrapOF .infoBlock {
        gap: 8px;
    }
    .wrapOF .phone {
        font-size: 26px;
    }
    footer {
        padding: 20px 0 0;
    }
    .botFooter .phone {
        font-size: 26px;
    }
    .botFooter {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        padding-right: 100px;
        padding-bottom: 20px;
    }
    .botFooter .mobileAppF {
        display: none;
    }
    #map2 {
        max-height: 300px;
    }
    .item .topItem {
        height: 330px;
    }
    .topElement {
        flex-direction: column;
        align-items: center;
    }
    .topElement .rightContent {
        width: 100%;
        position: relative;
        z-index: 5;
        background: #fff;
        border-radius: 12px 12px 0px 0px;
        padding-top: 18px;
    }
    .beforeTitleLineEl .iconElement {
        height: auto;
    }
    .pop-popup {
        margin-left: 0px;
    }
    .pop-close {
        right: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
        top: 5px;
    }
    ul.breadcrumbs {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto;
        max-width: 100%;
    }
    ul.breadcrumbs li {
        display: inline;
    }
    .totalBlockRev .statisticRait {
        display: none;
    }
    .reviewsBlockElement {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .reviewsCol {
        width: 100%;
    }
    .reviewsBlockElement .wrapTBR {
        width: 100%;
    }
    .totalBlockRev {
        width: 100%;
    }
    .wrapTags {
        margin-block: 20px;
    }
    .last_visited_products {
        margin-block: 20px;
    }
    .related-products-wrapper {
        margin-bottom: 20px;
    }
    .reviewsBlockElement {
        margin-bottom: 20px;
    }
    .reviewBlockElementWrap .hiddenMob {
        display: none;
    }
    .titleMobViz {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-block: 16px;
    }
    .titleMobViz .h1 {
        margin-bottom: 0;
    }
    .titleMobViz .hiddenPC {
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
    }
    .emptyHorizontalBlock .imgF {
        padding: 16px;
    }
    .wrapTags .h1 {
        display: none;
    }
    .productfull .jshop_tags {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
    }
    .wrapAcordeonsEl {
        gap: 0;
    }
    .contentAccordeonEl {
        font-size: inherit;
    }
    .totalBlockRev .infoRait {
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .totalBlockRev .topLine .stars {
        margin-bottom: 0;
    }
    .totalBlockRev .grade {
        font-size: 30px;
    }
    .wrapDeliveryAndPayPage .rightCol {
        width: 445px;
    }
    .wrapDeliveryAndPayPage .nucClock {
        padding: 6px 12px;
        min-width: 50px;
    }
    .wrapDeliveryAndPayPage .rightCol {
        gap: 24px;
    }
    .nameBlockCS {
        font-size: 20px;
    }
    .cart-line .product_name a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .additional-block {
        gap: 15px;
    }
    .cart-line .total_price {
        width: auto;
    }
}

@media screen and (max-width:767px) {
    .listOrderUser {
        gap: 0;
        margin: 0 -16px;
    }
    .pop-popup .nameModal {
        display: block;
    }
    .itemPendingAssessment .nameItem span,
    .pop-popup .nameModal span {
        display: block;
    }
    .nucUserOrder {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid var(--Border-light-border, #E6ECEF);
        padding: 16px;
    }
    .nucUserOrder:first-child {
        border-top: 1px solid var(--Border-light-border, #E6ECEF);
    }
    .nucUserOrder .topLine {
        grid-template-columns: 160px auto;
    }
    .nucUserOrder .botLine {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .userProfileWrap .titleLine {
        display: none;
    }
    .successAssessment .leftCol {
        width: 100%;
    }
    .botRevFormLine .wrapFilesRev {
        width: 200px;
    }
    .userProfileWrap .orderFormUser {
        margin: 0;
    }
    .pendingAssessmentsBlock {
        padding: 16px;
        padding-right: 0;
        margin: 0 -16px;
        border-radius: 0;
    }
    .pendingAssessmentsBlock .nameBlock {
        font-size: 16px;
    }
    .itemPendingAssessment {
        width: 280px;
    }
    .successAssessmentsList {
        margin: 0 -16px;
        gap: 0;
    }
    .successAssessment {
        border-radius: 0;
        border-top: none;
        flex-direction: column;
        padding: 16px;
        gap: 16px;
    }
    .listPandingBlock {
        margin-top: 16px;
    }
    .successAssessment .rightCol {
        flex-direction: row;
        align-items: center;
    }
    .successAssessment .leftCol {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    .successAssessment .nameItem {
        display: none;
    }
    .wrapColsUserProfile::before {
        display: none;
    }
    .titleLine .mobileLink {
        display: flex;
    }
    .nucUserOrder .deliveryOrderInfo,
    .nucUserOrder .items {
        display: none;
    }
    .nucUserOrder .topLine .numOrderInfo .name {
        font-size: 16px;
    }
    .nucUserOrder .topLine .txt {
        font-size: 12px;
    }
    .statusOrder {
        padding: 4px 8px 4px 4px;
        font-size: 12px;
    }
    .btnAfterEmpty {
        margin-top: 32px;
    }
    .btnAfterEmpty .btnStyle1 {
        width: 100%;
    }
    .wrapHeader .navHead>li>a svg,
    .wrapHeader .navHead>li>a img,
    .wrapHeader .navHead>li>.nav-header svg,
    .wrapHeader .navHead>li>.nav-header img {
        display: block;
    }
    .order-line.finished {
        align-items: normal;
    }
    .orderFormUser {
        width: auto;
        border-radius: 0;
        margin: 0 -16px;
        border-right: none;
        border-left: none;
    }
    .shipping-map {
        width: 100%;
    }
    .order-line {
        flex-direction: column-reverse;
        gap: 0;
    }
    .wrapTotalOrderCol {
        width: 100%;
    }
    .wrapTotalOrder {
        border-radius: 0;
        border: none;
    }
    .order-form {
        border-radius: 0;
        margin: 0 -16px;
        border-right: none;
        border-left: none;
    }
    .timePreset .nucPreset {
        display: block;
        text-align: center;
        flex: 1;
        line-height: 1.2;
        padding: 6px;
    }
    body .datepicker__wrapper {
        width: 305px;
    }
    .timePreset .nucPreset span {
        display: block;
        text-align: center;
    }
    .order input[type="text"],
    .order input[type="tel"],
    .order-line select {
        height: 48px;
    }
    .wrapTotalOrder .totalCountTxt,
    .order-form .delimiter {
        font-size: 18px;
    }
    .btnMapOrder svg {
        width: 20px;
        height: 20px;
    }
    .shippingLine {
        gap: 8px;
        padding-right: 0;
    }
    .userData .form-fields {
        flex-direction: column;
        gap: 8px;
    }
    .userData .form-field {
        width: 100%;
    }
    .topLineFormOrder .several,
    .topLineFormOrder .timeOrderBlock {
        gap: 16px;
        padding: 16px;
    }
    .headerWrapBlock {
        padding: 0 15px;
    }
    .mobileSliderItems .btnAfterList {
        display: none;
    }
    .mobileSliderItems .wrapItem {
        width: 160px;
    }
    .wrapNameAndTA {
        max-width: 100%;
    }
    .nameBlockCS {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .mobileSliderItems .container {
        padding-right: 0;
    }
    .mobileSliderItems .titleLine {
        padding-right: 15px;
    }
    .clearCart .txtBtn {
        display: none;
    }
    .clearCart {
        padding: 8px;
    }
    .clearCart svg {
        width: 20px;
        height: auto;
    }
    .wrapCartColumns {
        gap: 0;
    }
    .leftColCart {
        border: none;
    }
    .rightColCart {
        width: auto;
    }
    .jshop-basket .basket-footer {
        margin: 0 -15px;
        border-radius: 0;
        border-right: none;
        border-left: none;
        width: auto;
    }
    .jshop-basket .jshop_subtotal {
        font-size: 18px;
    }
    .cross-sell {
        padding: 16px 0;
    }
    .wrapHeadersCS {
        gap: 8px;
    }
    .wrapHeadersCS .cross-sell-header {
        flex-direction: column;
        gap: 8px;
        text-align: center;
        padding: 8px;
    }
    .cart-line {
        padding: 16px 0 64px;
        grid-template-columns: 80px auto;
        gap: 16px;
    }
    .cart-line .rightInfo {
        grid-column-start: span 2;
        display: grid;
        grid-gap: 16px;
        grid-template-columns: 80px 1fr;
    }
    .cart-line .additional-block {
        justify-content: space-between;
    }
    .cart-product-image {
        height: 110px;
        border-radius: 8px;
    }
    .cart-line .total_price {
        font-size: 16px;
    }
    .quantity-change img,
    .quantity-change svg {
        width: 16px;
        height: auto;
    }
    .quantity-change {
        padding: 8px;
    }
    .cart-line .quantity {
        width: 100px;
    }
    .quantity-input {
        width: 32px;
    }
    .iconRait {
        line-height: 0;
    }
    .iconsCart .icon {
        padding: 8px;
    }
    .iconsCart .icon svg {
        width: 16px;
        height: auto;
    }
    .cart-line .product_name a {
        margin-bottom: 16px;
        line-height: 1.1;
    }
    .cart-line .iconRait svg {
        width: 16px;
        height: auto;
    }
    .cart-line .attributes,
    .cart-line .cart-attribute-inputs {
        width: 100%;
    }
    .cart-line .attributes select {
        padding: 7px 40px 7px 16px;
        width: 100%;
    }
    .wrapDeliveryAndPayPage .topPage {
        flex-direction: column;
        margin-bottom: 24px;
    }
    .emptyHorizontalBlock .name {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .emptyHorizontalBlock .txt {
        font-size: 12px;
    }
    .iconWithTxtBlock .imgF {
        width: 40px;
        height: 40px;
    }
    .iconWithTxtBlock .imgF img,
    .iconWithTxtBlock .imgF svg {
        width: 20px;
        height: auto;
    }
    .wrapDeliveryAndPayPage .rightCol {
        width: 100%;
    }
    .delimiter {
        font-size: 16px;
    }
    .totalBlockRev .grade {
        font-size: 24px;
    }
    .totalBlockRev .topLine {
        gap: 8px;
        padding: 4px 16px;
    }
    .wrapTB .mobileAppTB {
        display: none;
    }
    header {
        margin-bottom: 0;
    }
    header .logo {
        width: 200px;
    }
    .wrapTB .tbBlock {
        padding: 24px 15px;
        border-radius: 0;
        margin: 0 -15px;
    }
    .wrapTB .txtBlock {
        padding: 0;
    }
    .titleLine {
        margin-bottom: 16px;
    }
    .h1,
    h1 {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .nucQL {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
        border-radius: 8px;
        align-items: flex-start;
        width: 220px;
    }
    .nucQL .imgF {
        width: 36px;
        height: 36px;
    }
    .quickLinksBlock,
    .newFlowersBlock {
        padding: 16px 0;
    }
    .itemsTile {
        gap: 24px 8px;
    }
    .item {
        border-radius: 0;
        padding: 0;
        margin-bottom: 0;
    }
    .item .topItem {
        height: 210px;
    }
    .item .wrapBuy {
        opacity: 1;
    }
    .wrapQuentBlock {
        opacity: 0;
        width: 0;
        overflow: hidden;
    }
    .item .coutFlower {
        font-size: 12px;
        padding: 4px 8px;
        right: 8px;
        bottom: 8px;
    }
    .item .wishItem {
        width: 32px;
        height: 32px;
        right: 8px;
        top: 8px;
        padding: 8px;
    }
    .item .wishItem svg,
    .item .wishItem img {
        width: 16px;
        height: auto;
    }
    .item .wrapBuy {
        padding-top: 8px;
    }
    .item .price {
        font-size: 18px;
        margin-bottom: 4px;
    }
    .item .namecont {
        margin-bottom: 4px;
    }
    .item .btnStyle1 {
        padding: 8px 16px;
        font-size: 14px;
    }
    .itemsTile {
        padding-block: 24px;
    }
    .btnAfterList {
        padding: 12px;
    }
    .btnStyle1 {
        padding: 12px 32px;
        font-size: 16px;
    }
    .reviewsBlock,
    .aboutCompanyBlock,
    .otherLinksBlock {
        padding-block: 16px;
    }
    .wrapOL .name {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .wrapOL .txt {
        font-size: 14px;
    }
    .wrapOL .nucOL {
        padding: 24px;
        overflow: hidden;
    }
    .wrapOL .arrow {
        width: 48px;
        height: 48px;
        left: 24px;
        bottom: 24px;
    }
    .wrapOL .nucOL>img {
        right: -60px;
    }
    .wrapOL .nucOL.fullWidth>img {
        height: 265px;
    }
    .wrapOL .fullWidth {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }
    .wrapPre {
        display: flex;
        justify-content: flex-start;
        gap: 8px;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--button-accent-default, #01B5CC);
        padding-bottom: 4px;
    }
    .nucPre {
        width: 280px;
        padding: 16px;
        flex: none;
    }
    .nucPre .imgF {
        margin-bottom: 16px;
    }
    .nucPre .name {
        font-size: 16px;
    }
    .wrapAC {
        flex-direction: column-reverse;
        align-items: center;
    }
    .wrapAC img {
        max-width: 100%;
    }
    .wrapAC .imgW {
        position: static;
        max-width: 100%;
    }
    .wrapAC .txtBlockAC {
        width: 100%;
    }
    .sliderRev .owl-nav {
        display: none;
    }
    .wrapOF {
        flex-direction: column;
        gap: 0;
    }
    .wrapOF .phone {
        font-size: 24px;
    }
    .botFooter {
        flex-direction: column;
    }
    .botFooter .infoBlock {
        flex-direction: row;
        align-items: center;
    }
    .botFooter .phone {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .botFooter .socBlock a {
        padding: 10px;
    }
    .botFooter {
        padding-right: 0;
        padding-bottom: 0;
        gap: 0;
    }
    .botFooter .socBlock {
        gap: 8px;
    }
    .botFooter .dopMain {
        padding-block: 24px;
        margin-top: 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .botFooter .dopMain ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .botFooter .dopMain a {
        margin-bottom: 0;
    }
    .linksFooter {
        flex-direction: column-reverse;
    }
    .linksFooter .rightLinks {
        width: 100%;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 16px;
    }
    .pop-close {
        display: none;
    }
    .prod-swap {
        position: relative;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .prod-swap:before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        content: '';
        width: 36px;
        height: 4px;
        border-radius: 2px;
        background: var(--icon-icon-tertiary, #A3BDCC);
    }
    .pop-popup.prod-popup {
        padding: 0px;
    }
    .pop-popup {
        padding: 0 16px;
        border-radius: 12px 12px 0 0;
        vertical-align: bottom;
        width: 100%;
    }
    .pop-container {
        padding: 8px 0px 0px;
    }
    .pop-wrap {
        overflow: clip;
    }
    .pop-content {
        overflow: auto;
        max-height: calc(100vh - 28px);
        padding-bottom: 16px;
    }
    .prod-popup .pop-content {
        padding-bottom: 60px;
    }
    .modalRev .flexModalCont {
        max-width: 100%;
        width: 100%;
        gap: 16px;
        padding-top: 16px;
    }
    .pop-popup .nameModal {
        text-align: center;
        font-size: 18px;
        width: 100%;
    }
    .topElement .block-photo {
        max-width: 100%;
        width: 100%;
    }
    .pop-popup .topElement .block-photo {
        position: sticky;
        top: 0;
    }
    .pop-content .reviewBlockElementWrap,
    .pop-content .related-products-wrapper {
        display: block !important;
        padding-right: 16px;
        padding-left: 16px;
    }
    .related-products-wrapper,
    .reviewBlockElementWrap {
        padding-block: 8px;
    }
    .related-products-wrapper {
        margin-bottom: 0;
    }
    .related-products-wrapper .itemsTile {
        padding-block: 0;
    }
    .reviewsBlockElement {
        margin-bottom: 0;
    }
    .pop-popup .topElement .block-photo img {
        max-width: 100%;
    }
    .pop-popup .topElement .rightContent {
        padding-left: 16px;
        padding-right: 16px;
    }
    .beforeTitleLineEl {
        margin-bottom: 16px;
    }
    .beforeTitleLineEl .iconsElement {
        line-height: 1;
    }
    .beforeTitleLineEl .iconsElement img,
    .beforeTitleLineEl .iconsElement svg {
        width: 20px;
        height: auto;
        line-height: 0;
    }
    .jshop_prod_attributes select {
        max-width: 100%;
    }
    .topElementInfo {
        gap: 0;
    }
    .pop-popup .topElementInfo .prod_buttons {
        bottom: 0px;
    }
    .pop-content .prod_buy {
        padding: 8px 16px;
        border-top: 1px solid #EBF1F4;
    }
    .pop-content .wrapTags {
        padding: 0px 16px 8px;
    }
    .topElementInfo .prod_buttons {
        position: fixed;
        bottom: 56px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 50;
    }
    .prod_buy {
        padding: 8px 16px;
    }
    .btnStyle1 {
        padding: 8px 24px;
    }
    .wrapTLH .regionActive {
        font-size: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        background: url(../images/mobNavIconHead.svg) no-repeat center;
    }
    .wrapTLH .infoHeader .phone {
        margin: 0;
        font-size: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        background: url(../images/mobPhoneIconHead.svg) no-repeat center/20px;
    }
    .wrapTB .tbBlock::before {
        background: url(../images/decTB.svg) no-repeat center right/cover;
    }
    input[type="text"],
    input[type="email"],
    input[type="date"],
    input[type="tel"],
    input[type="password"] {
        height: 48px;
    }
}

@media screen and (max-width:675px) {}

@media screen and (max-width:640px) {}

@media screen and (max-width:600px) {
    .inputsUserPage {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 16px;
        margin-bottom: 24px;
    }
    .contactsPage .lineInfo {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .contactsPage .topPage {
        gap: 16px;
    }
    .contactsPage .btnStyle1 {
        margin-top: 24px;
    }
    .contactsPage #mapPage {
        height: 200px;
    }
}

@media screen and (max-width:485px) {}

@media screen and (max-width:425px) {}

@media screen and (max-width:400px) {}

@media screen and (max-width:370px) {}

.qrCode img {
    width: 100%;
}

.qrCode {
    width: 150px;
    height: 150px;
    border-radius: 25px;
    overflow: hidden;
}

.delimiter small {
    font-weight: 300;
    font-size: 14px;
}


/* .lkBtn,
.nonAutorization .wrapBtn {
    display: none !important;
} */

.nucQL:first-child {
    display: none!important;
}