.page-title {
    line-height: 24px !important;
    font-size: 24px !important;
}

ul.breadcrumb {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 12px !important;
}

ul.breadcrumb br {
    display: none;
}

.breadcrumb li a {
    color: #656565;
    font-size: 10px;
    font-family: segoeuisl;
    font-weight: 400;
    line-height: 12px;
}

.breadcrumb li a:hover {
    color: var(--ai-link-hover);
}

.breadcrumb li {
    font-size: 10px;
    font-family: segoeuisl;
    font-weight: 400;
    color: #24282B;
    line-height: 12px;
}

.breadcrumb li:last-child,
.breadcrumb li:last-child a {
    font-family: segoeuisb;
}

.breadcrumb svg:last-of-type path {
    fill: #24282B;

}

/*404*/
.not-found {
    max-width: 593px;
    width: 100%;
    margin: auto;
    padding: 20px 16px 0;

}

.not-found-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.not-found h1 {
    font-size: 61px;
    line-height: 71px;
    font-weight: 700;
    font-family: segoeuisb;
    color: #30BCD1;
    margin-bottom: 10px;
    text-align: center;
}

.not-found img:last-child {
    width: 100%;
    height: 299px;
    object-fit: contain;
}

.back-to-home {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.not-found a {
    text-align: center;
    background-color: #30BCD1;
    padding: 12px 32px;
    border-radius: 40px;
    color: white;
    font-size: 16px;
    line-height: 19px;
    outline: none;
}

.not-found a:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
    color: white !important;
}

button.btn-secondary:focus,
button.btn-secondary:active {
    box-shadow: unset !important;
}

/*header*/
.header-logo {
    width: 48px;
    min-width: 48px;
}

.desctop-header-logo {
    width: 90px;
}

.content {
    /* position: relative;
    z-index: 5; */
    margin-top: 110px;
    /* change also ::before*/
    border-radius: 40px 40px 0 0;
    background: white;
}

body.page-catalog-home .content {
    margin-top: 153px;
    background: none;
}

body .top-gradient {
    content: "";
    background: linear-gradient(360deg, rgba(48, 188, 209, 0) -175.95%, rgba(57, 170, 207, 0.388054) -98.04%, rgba(62, 161, 206, 0.67) -52.74%, #0967BA 76.83%);
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    height: 162px;
    margin-bottom: -162px;
    z-index: -1;
    pointer-events: none;

}

.page-catalog-home .top-gradient {
    /* top: -155px; see parent margin-top */
    position: absolute;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 2.12%, rgba(57, 170, 207, 0.388054) 29.75%, rgba(62, 161, 206, 0.67) 45.82%, #0967BA 91.78%);
    height: 556px;
}

.page-catalog-home.noscroll .top-gradient {
    top: 0;
}

body.has-sticky-header .top-gradient {
    position: absolute;
}

header {
    z-index: 20;
    position: fixed;
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
}

#header.sticky-header {
    background: #488ECC;
}

/* .noscroll .content {
    z-index: 20;
} */
#header.sticky-header .header-bottom {
    align-items: baseline;
}

#header.sticky-header .left-side {
    flex: 4;
    align-items: center;
}

.overlay.height {
    position: fixed;
    width: 100%;
}

#header.sticky-header .header-top {
    display: none;
}

#header.sticky-header .logo {
    display: none;
}

#header.sticky-header .search-with-category-wrapper {
    gap: 40px;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.search-popup {
    height: 100vh;
    background: white;
    position: fixed;
    z-index: 999999999;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px 16px;
    display: none;
}

.search-popup .field {
    position: relative;
    width: calc(100% - 31px);
    /* change also '.search-popup .field .close-search-popup' */
}

.search-popup .field input {
    width: 100%;
    font-size: 13px;
    padding-left: 40px;
    padding-right: 35px;
}

.search-popup .field input::placeholder {
    font-size: 13px;
}

.search-popup .field .search-icon {
    top: 50%;
    left: 12px;
    position: absolute;
    transform: translateY(-50%);
}

.search-popup .field .close-search-popup {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -31px;
    /* change also '.search-popup .field' */
}

.search-popup .search-details-descr {
    max-width: 110px;
}

.search-popup .search-right-side {
    flex-direction: column;
    gap: 8px;
    max-width: 120px;
}

.search-popup .search-details-image {
    min-width: 58px;
    height: 58px;
}

.search-popup .aimeos-overlay-offscreen.show {
    background: white !important;
    z-index: -1;
}

.search-popup .search-result-block {
    left: 0;
}

.mobile-header .search-popup .delete-typing {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
}

.mobile-header .search-popup .delete-typing.active path {
    fill: var(--ai-link);
}


.main-container .search > .field > .delete-typing {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    width: 26px;
    height: auto;
}

.main-container .search > .field > .delete-typing.active path {
    fill: #ffffff;
}
.delete-typing--desktop {
    display: none;
}
.delete-typing--desktop.active {
    display: block;
}
.search-popup .search-result-block-header {
    padding: 11px 16px;
}

.search-popup .search-result-block .search-body {
    max-height: 625px;
}

.categories_banner {
    font-size: 0;
    height: 100%;
}

.categories_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.header-top {
    padding-top: 7px;
}

.header-top-wrapper {
    display: flex;
    align-items: center;
    gap: 70px;
    justify-content: flex-end;
}

.header-top-wrapper-item {
    display: flex;
    align-items: center;
}

.header-top-wrapper-item a {
    color: white;
    font-size: 13px !important;
}

.header-top-wrapper-item a:hover {
    color: white;
}

.langs {
    display: flex;
    align-items: center;
    gap: 18px;
}

.langs a {
    font-size: 13px;
    color: #D9D9D9;
    text-transform: uppercase;
    font-family: segoeuisl;
    font-weight: 400;
}

.langs a.active {
    font-weight: 500;
    color: white;
    font-family: segoeuisb;
}

.header-bottom {

    height: 70px;
    display: flex;
    column-gap: 10px;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.left-side {
    flex: 3;
    gap: 42px;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.left-side .search-with-category-wrapper {
    width: auto;
    flex: 8;
}

.left-side .search {
    width: 80%;
    position: relative;
}

.search-result-block {
    position: absolute;
    height: max-content;
    width: 100%;
    background: white;
    border-radius: 0 0 8px 8px;
    z-index: 99999999;
    padding-bottom: 16px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}

.bottom-banner-block {
    margin-top: 60px;
}

.bottom-banner-block .adv-wrapper {
    margin-bottom: 0px;
}

.search-not-found {
    display: flex;
    align-self: center;
    justify-content: center;
    padding: 14px 0;
    background: #FFFFFF;
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 65;
    /* check '.aimeos-overlay-offscreen' z-index */
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}

.search-not-found span {
    font-size: 14px !important;
    line-height: 17px !important;
    color: #C0C0C0;
    font-family: segoeuisl;
}

.search-result-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--ai-azure);
    padding: 16px;
}

.search-result-block .search-body {
    overflow-y: auto;
    max-height: 425px;
    margin-right: 4px;
    margin-top: 4px;
}

.search-result-block .search-body::-webkit-scrollbar {
    width: 3px;
    border-radius: 8px;
}

.search-result-block .search-body::-webkit-scrollbar-track {
    background: #C9C9C9;
    border-radius: 8px;
}

.search-result-block .search-body::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 8px;

}




.search-result-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C0C0C0;
    padding: 13px 16px 12px;

}

.search-body .addbasket .input-group {
    width: 107px !important;
    border: 1px solid #C0C0C0;
    border-radius: 28px;
    padding: 0 3px;
}

.search-body .addbasket .quantity .quantity-item {
    min-width: 24px;
    height: 24px !important;
}

.search-body .addbasket .quantity {
    height: 30px;
}

.search-body .addbasket .quantity .result input {
    height: 27px;
    color: #24282B;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    font-family: segoeuisb;
    padding: 0;
    border: none !important;
    width: 49px;
    background: none;
}

.search-result-item:hover {
    background: #F9F9F9;
}

.search-body .addbasket .tooltip {
    right: 0;
    display: flex;
    align-items: center;
    /* width:150px; */
}

.search-result-block-header span {
    font-size: 14px;
    line-height: 17px;
    color: #C0C0C0;
    font-family: segoeuisl;
}

.search-result-block-header a {
    font-size: 14px;
    line-height: 17px;
    font-family: segoeuisl;
}

.search-details-image {
    border: 1px solid #999999;
    border-radius: 7px;
    background: white;
    width: 60px;
    height: 60px;
    min-width: 60px;
}

.search-details-image img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: contain;
}

.search-details {
    display: flex;
    gap: 10px;
}

.search-details-descr .product-name {
    max-width: 229px;
    font-size: 14px;
    line-height: 17px;
    color: #24282B;
    display: -webkit-box;
    overflow: hidden;
    min-height: 20px;
    max-height: 44px;
    text-overflow: ellipsis;
    transition: all 0.2s;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search-details-descr .brand {
    font-size: 12px;
    line-height: 17px;
    color: #C9C9C9 !important;
    display: -webkit-box;
    overflow: hidden;
    max-height: 20px;
    text-overflow: ellipsis;
    transition: all 0.2s;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.search-details-descr .brand:hover {
    color: var(--ai-azure) !important;
}

.search-details-descr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 60px;
}

.search-right-side {
    display: flex;
    align-items: center;
    gap: 38px;
    max-width: 320px;
    width: 100%;
}

.search-right-side .addbasket {
    height: 30px;
}

.right-side .log_out_popup {
    cursor: pointer;
}

.search-right-side span.price {
    font-family: segoeuisb;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    text-align: right;
}

.search-right-side .search-prices {
    width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.search-prices .price.with-sale {
    color: #E50000;
}

.search-prices .price span {
    color: rgba(36, 40, 43, 1);
}

.search-right-side .search-prices .saled-price {
    text-decoration: line-through;
    font-size: 13px;
    line-height: 16px;
    font-family: segoeuisb;
    color: #999999;
}

.search-right-side button svg {
    width: 19px;
    height: 19px;
}

.search-right-side button {
    width: 100%;
    padding: 5.5px 13px !important;
    font-size: 12px !important;
    line-height: 16px !important;
}




.left-side .search .field {
    width: 100%;
    position: relative;
    z-index: 99999999;
}

.sticky-header .left-side .search {
    width: 85%;
}

.left-side .search .field svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    cursor: pointer;
}

.left-side .search input {
    width: 100%;
    border: 1px solid white !important;
    border-radius: 8px;
    background-color: transparent;
    height: 34px;
    font-size: 14px;
    color: white;
    outline: none;
    padding-right: 65px;
}

.left-side .search input.radius {
    border-radius: 8px 8px 0 0;
    padding-right: 29px;
}

.left-side input::placeholder {
    font-size: 14px;
}

.menu {
    margin-top: 8px;
}

.menu ul {
    display: flex;
    align-items: center;
    gap: 64px;
}

.menu ul li {
    display: flex;
    gap: 14px;
}

.menu ul li:not(.open-catalog-wraper).active a,
.main-footer .menus li.active a,
.main-footer .menus-for-mobile li.active a,
.header-top-wrapper-item.active a,
.mobile-top-header a.active,
.category-heading a.active {
    font-family: "segoeuisb";
    font-weight: bold;
}

.menu ul li a {
    color: white;
    font-size: 13px;
    line-height: 13px;
}

.header-top-wrapper-item a:hover {
    /* font-family: "segoeuisb"; */
    font-weight: bold;
}

.sticky-header .right-side {
    flex: 1;
    margin-top: 0;
    justify-content: flex-end;
}

.sticky-header .menu ul li:not(.open-catalog-wraper):not(.sub-cat-item) {
    display: none;
}

.right-side {
    gap: 40px;
    display: flex;
    margin-top: 18px;
    align-self: baseline;
    align-items: baseline;
}

.right-side div.profile-icon {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
}

.right-side div.profile-icon .profile-name {
    bottom: -20px;
    position: absolute;
    white-space: nowrap;
    color: #FFFFFF !important;
    font-size: 14px !important;
    width: 85px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.products-catalog {
    max-width: 91%;
    width: 100%;
    position: absolute;
    top: 85px;
    right: 0;
    z-index: 7;
    min-height: 300px;
    background-color: white;
    border-radius: 8px;
    display: none;
    padding: 12px 0;
    padding-left: 0;
}

.overlay {
    min-height: 100vh;
    width: 100%;
    width: 100vw;
    position: fixed;
    background: linear-gradient(0deg, rgba(57, 170, 207, 0.88) 0%, rgba(62, 161, 206, 0.96) 38.36%, #3180c4 97.51%);
    display: none;
    left: 0;
    top: 0;
    z-index: 10;
}

.page-catalog-home .overlay {
    background: linear-gradient(0deg, rgba(57, 170, 207, 0.88) 0%, rgba(62, 161, 206, 0.96) 38.36%, #3f8bc8 97.51%);
}

.overlay.show {
    display: block;
    position: fixed;
    left: 0;
    background: rgba(0, 0, 0, 30%);
    height: 100vh;
    top: 0;
}

.shop-overlay {
    min-height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 20;
    background-color: #0000004d;
    left: 0;
    top: 0;
    display: none;
}

.show-shop-overlay {
    display: block;
}

.show-overlay,
.overlay.show {
    display: block;
    /* top: 0 !important; */
}

.products-catalog.show {
    display: block;
}

.open-catalog-wraper .open-catalog-arrow.rotate {
    transform: rotate(180deg);
}

.open-catalog-wraper .open-catalog {
    gap: 13px;
    display: flex;
    font-size: 13px;
    line-height: 13px;
    align-items: center;
}

.products-catalog .products-catalog-inner {
    height: 70vh;
}

.products-catalog .categories-list {
    height: 100%;
}

.products-catalog .subcategories-list {
    height: 100%;
}

.products-catalog a {
    color: #24282B !important;
}

.products-catalog a.show-all {
    display: block;
    margin: 0 16px 12px;
    font-size: 14px;
    line-height: 17px;
    color: #488ECC !important;
}

.products-catalog a.show-all:hover {
    color: var(--ai-azure) !important;
}

.categories-tabs .tab-item:hover {
    background: #488ECC;
}

.categories-tabs .tab-item.active {
    background-color: #488ECC;
}

.categories-tabs .tab-item.active svg path {
    fill: white !important;
}

.categories-tabs .tab-item .cat-arrow path {
    fill: #24282B;
}

.categories-tabs .tab-item.active a {
    color: white !important;
}

.plastic-bag-block {
    display: flex;
    padding: 25px 0 25px 0;
    flex-direction: column;
}

.plastic-bag-block .image img {
    height: 100%;
}

.price_sale {
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    text-decoration: line-through;
    font-family: segoeuisb !important;
    text-align: left;
}

.cart-price-wrapper .with-sale {
    color: #E50000 !important;
}

.plastic-bag-block .mobile-version {
    display: none;
}

.plastick-prices {
    text-align: center;
}

.plastic-bag-block-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plastic-price-wrapper-item {
    display: flex;
    align-items: center;
}

.plastic-image-wrapper .clear {
    display: flex;
    align-items: center;
    gap: 10px;
}

.plastic-image-wrapper .image {
    border-radius: 8px;
    min-width: 56px;
    height: 56px;
    border: 1px solid #999999;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plastic-image-wrapper {
    padding-left: 18px;
}

.plastic-price-wrapper {
    width: 35%;
}

.pr-0 {
    padding-right: 0 !important;
}

.categories-tabs .tab-item,
.categories-tabs .cat-link,
.categories-tabs .cat-arrow-wr {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.categories-tabs .cat-link {
    justify-content: flex-start;
    font-size: 14px;
    line-height: 17px;
    gap: 10px;
    width: 100%;
    word-break: break-word;
}

.categories-tabs .cat-link,
.categories-tabs .cat-arrow-wr {
    padding: 7px 16px;
}

.categories-tabs .cat-arrow-wr {
    flex-shrink: 0;
    align-self: stretch;
}

.categories-tabs .tab-item .cat-icon svg {
    min-width: 24px;
    width: 24px;
    height: 24px;
}

.categories-tabs .tab-item .cat-icon path {
    fill: #999999;
}

.categories-tabs {
    height: 100%;
    overflow: hidden auto;
    padding: 8px 0 0;
}

.categories-tabs .tab-item:hover a {
    color: white !important;
}

.categories-tabs .tab-item:hover .cat-icon path {
    fill: white;
}

.categories-tabs .tab-item:hover .cat-arrow path {
    fill: white;
}

.categories-tabs .tab-item.active .cat-arrow {
    transform: rotate(-90deg);
}

.products-catalog .cat-content {
    display: none;
}

.products-catalog .cat-content>div {
    height: 100%;
}

.products-catalog .content-cat-item ul {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 4px;
    padding-top: 8px;
}

.products-catalog .content-cat-item ul li.hidden {
    display: none;
}

.products-catalog .cat-content.active {
    display: flex;
    padding: 0 !important;
}

.cat-content .cat-title {
    color: #24282B !important;
    font-family: segoeuisb;
    font-size: 14px;
    line-height: 17px;
}

.cat-content .cat-title:hover {
    color: var(--ai-azure) !important;
}

.categories-tabs::-webkit-scrollbar,
.tab-content-wrapper::-webkit-scrollbar,
.products-catalog .cat-content>div::-webkit-scrollbar,
.textarea textarea::-webkit-scrollbar {
    width: 3px;
}

.textarea textarea::-webkit-scrollbar {
    display: none;
}

.categories-tabs::-webkit-scrollbar-track,
.tab-content-wrapper::-webkit-scrollbar-track,
.products-catalog .cat-content>div::-webkit-scrollbar-track,
.textarea textarea::-webkit-scrollbar-track {
    background: #C9C9C9;
}

.categories-tabs::-webkit-scrollbar-thumb,
.products-catalog .cat-content>div::-webkit-scrollbar-thumb,
.textarea textarea::-webkit-scrollbar-thumb,
.tab-content-wrapper::-webkit-scrollbar-thumb {
    background: #999999;
}

.tab-content ul {
    margin-top: 10px !important;
}

.tab-content ul li {
    flex-direction: column;
    gap: 4px;
}

.tab-content .cat-title {
    font-family: segoeuisb;
    font-size: 14px;
    line-height: 17px;
}

.tab-content .tab-content-wrapper {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    justify-content: space-between;
    padding-right: 90px;
}

.tab-content .cat-title:hover {
    color: var(--ai-azure) !important;
}

.content-cat-item {
    margin-bottom: 16px;
}

.content-cat-item ul li a {
    font-family: segoeuisl;
    line-height: 17px;
    font-size: 14px;
}

.content-cat-item ul li a:hover {
    color: var(--ai-azure) !important;
}

.favorites-page .see-cats-action {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #488ECC !important;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

.see-cats-action .see-less-btn {
    display: none;
    color: #498ecc;
}

.see-cats-action.opened .see-less-btn {
    display: block;
    font-size: 14px;
    cursor: pointer;
}

.see-cats-action.opened .see-more-btn {
    display: none;
}

.see-cats-action.opened svg {
    transform: rotate(-180deg);
}

.ads-banner img {
    width: 100%;
    height: 478px;
    border-radius: 8px;
    object-fit: cover;
}

.mobile-categories {
    display: none;
    position: fixed;
    left: -100%;
    width: 90%;
    padding-bottom: 10px;
    border-radius: 14px 14px 14px 0px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    height: calc(100vh - 86px);
    z-index: 9;
    transition: .3s;
}

.mobile-categories .has-submenu .mobile-menu-item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0;
}

.mobile-menu_item {
    padding: 7px 0;
}

.mobile-submenu-item-link {
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-content-list>.mobile-menu_item:first-child {
    padding-top: 0;
}

.mobile-menu_item .show-all {
    color: var(--ai-link);
}

.mobile-menu-item-title .cat-icon {
    font-size: 0;
}

.mobile-menu-item-title {
    padding: 7px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-menu-item-title a {
    font-size: 14px;
    line-height: 17px;
    color: #24282B;
    flex: 1;
}

.mobile-submenu-item-link:hover,
.mobile-menu-item-title a:hover,
.submenu-header a:hover {
    color: var(--ai-link-hover);
}

.mobile-menu_item .mobile-tap-menu path,
.cat-arrow.mobile-tap-menu path {
    fill: var(--ai-link-hover);
}

.mobile-categories .submenu {
    left: -100%;
    position: absolute;
    width: 100%;
    top: 0
}

.mobile-categories .submenu li {
    font-size: 14px;
    line-height: 17px;
    color: #24282B;
    padding: 7px 0;
}

.category-content-list {
    padding: 0 16px !important;
    height: 100%;
    overflow: hidden auto;
}

.category-content-list:first-child {
    position: relative;

}

.category-heading {
    background: #E2F2FF;
    display: flex;
    flex-direction: column;
    padding: 15px 16px;
    gap: 12px;
    border-radius: 14px 14px 0 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #C9C9C9;
}

.category-heading a {
    color: black;
    font-size: 13px;
    line-height: 16px;
    font-family: segoeuisl;
}

.mobile-categories .category-heading a:hover {
    color: var(--ai-link-hover) !important;
}

.submenu-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding: 0 16px;
    margin-top: 15px;
}

.submenu-header a {
    font-size: 16px;
    font-family: segoeuisb;
    line-height: 19px;
    color: #24282B;
}

.mobile-categories.show {
    display: flex;
    transition: .3s;
    flex-direction: column;
}

.mobile-categories .cat-arrow {
    transform: rotate(-90deg);
}

.mobile-header {
    display: none;
}

.mobile-top-header {
    display: flex;
    align-items: center;

}

.mobile-top-header a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: white;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    font-family: segoeuisl;
}

.dropdown-langs {
    background: white;
    border-radius: 8px;
    flex-direction: column;
    gap: 8px;
    padding: 8px 11px;
    position: absolute;
    right: 16px;
    top: 19px;
    z-index: 1;
    display: none;
}

.dropdown-langs.show {
    display: flex !important;
}

.dropdown-langs a.active {
    font-size: 13px;
    font-family: segoeuisb;
    color: #24282B;
}

.mobile-langs span a {
    color: unset;
    text-transform: uppercase;
}

.mobile-langs span a:not(.active) {
    display: none;
}

.dropdown-langs a {
    font-size: 13px;
    color: #999999;
    line-height: 24px;
    justify-content: center;
    text-transform: uppercase;
}

.mobile-top-header .mobile-langs span {
    color: white;
    font-size: 10px;
    font-family: segoeuisb;
    line-height: 24px;
}

.mobile-bottom-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-bottom-header .burger {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mobile-bottom-header .icons-group {
    display: flex;
    align-items: center;
    gap: 18px;
}

.close-menu {
    display: none;
}

.tab-content-wrapper {
    overflow-y: auto;
    height: 45vh;
}

.products-catalog .tab-content-wrapper {
    align-content: flex-start;
    height: 100%;
    margin: 0;
    padding: 8px 0 0;
    overflow: hidden auto;
}

.products-catalog .see-cats-action {
    display: flex;
    margin-top: 10px;
    column-gap: 10px;
    cursor: pointer;
    align-items: center;
}

.products-catalog .see-more-btn {
    color: #498ecc;
    font-size: 14px;
}







/*contact us*/
.contact-us {
    /*padding-top: 52px;*/
}

.contact-wrapper {
    display: flex;
    gap: 32px;
}

.contact-wrapper form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 506px;
    width: 100%;
}

.contact-wrapper form .input-field input {
    width: 100%;
}

.input-field textarea {
    width: 100% !important;
    min-height: 91px;
    max-height: 400px !important;
    border-radius: 22px;
    border: 1px solid #488ECC;
    padding-left: 16px;
    padding-top: 12px;
    outline: none;
    position: relative;
    resize: none;
}

.input-field.textarea {
    position: relative;
}

.input-field.textarea::after {
    content: url("/images/resize.png");
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 0;
}

.job-single-other-info .input-field.textarea+.error {
    margin-top: -12px;
}

/* .contact-wrapper form .input-field textarea::-webkit-scrollbar {
    width: 3px;
    height: 50px;
    border-radius: 5px;
    display: none;
} */
/*.contact-wrapper form .input-field textarea::-webkit-scrollbar-track {*/
/*    background: #C9C9C9;*/
/*}*/
/*.contact-wrapper form .input-field textarea::-webkit-scrollbar-thumb {*/
/*    background: #999999;*/
/*}*/
/*.tab-content-wrapper::-webkit-scrollbar {*/
/*    width: 3px;*/
/*}*/
.input-field textarea::-webkit-resizer {
    display: none;
}

.input-field textarea::placeholder {
    color: var(--ai-tertiary);
    font-size: 16px;
}

.contact-wrapper form button {
    margin: 10px auto 0;
    height: 44px;
}

.tel-field {
    position: relative;
    display: flex;
    gap: 12px;
}

form.job-single-form {
    max-width: unset;
}

.job-single-form .tel-field {
    display: block;
}

.job-single-form .group-row {
    display: flex;
    column-gap: 20px;
}

.tel-field input::-webkit-outer-spin-button,
.tel-field input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.tel-field input#mobile-code {
    width: 130px;
    font-size: 0;
}

.form-info {
    width: 100%;
}

.form-info-block {
    padding: 30px;
    background-color: #30BCD1;
    border-radius: 28px;
    margin-bottom: 20px;
}

.form-info-block:last-child {
    margin-bottom: 0;
}

.form-info-block a {
    color: white;
    font-size: 16px;
    line-height: 24px;
}

.form-info-block span {
    color: white;
}

.form-info-block a:hover {
    color: white;
}

.form-info-block h4 {
    color: white !important;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: segoeuisb;
}

.form-info-block ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    /* max-width: 470px; */
    width: 100%;
}

.form-info-block ul li:last-child svg {
    margin-top: 3px;
}

.form-info-block li svg {
    width: 24px;
    min-width: 24px;
    height: auto;
    margin-right: 5px;
}

/*.group-contacts ul li:last-child svg {*/
/*    width: 32px;*/
/*}*/

.iti__arrow {
    margin-left: 48px !important;
    border: 0 !important;
    background: url('/images/code-arrow.png') !important;
    background-size: contain !important;
    background-position: center !important;
    width: 10px !important;
    height: 10px !important;
    background-repeat: no-repeat !important;
    margin-top: 0px;
    transition: .2s;
}

.iti__arrow.iti__arrow--up {
    transform: rotate(180deg);
    transform-origin: center center !important;
    transition: .2s;
}

.iti__selected-flag {
    padding-left: 18px !important;
    padding-right: 0 !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
}

/*.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {*/
/*    background-color: transparent;*/
/*}*/


/*faq*/
.faq h1 {
    margin-bottom: 24px !important;
    font-family: segoeuisb;
}

.accordion-wrapper {
    border-bottom: 1px solid #30BCD1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.accordion-wrapper:last-child {
    margin-bottom: 0;
}

.accordion-wrapper a {
    color: #488ECC;
}

.accordion-wrapper a:active {
    color: #30BCD1 !important;
}

.accordion_item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    font-family: segoeuisb;
    font-weight: 500;
}

.accordion_item.active h4 {
    color: rgba(74, 196, 214, 1) !important;
}

.accordion_item.active svg path {
    fill: rgba(74, 196, 214, 1);
}

.accordion_item h4 {
    max-width: 90%;
    width: 100%;
    margin-bottom: 0;
}

.accordion_item p {
    font-size: 18px;
    font-family: segoeuisb;
    font-weight: 500 !important;
}

.accordion_content {
    max-width: 96%;
    width: 100%;
    display: none;
    padding-top: 10px;
}

.accordion_content p {
    color: #24282B;
    margin-bottom: 0;
}

.show-accordion {
    display: block;
}

.rotate-arrow {
    transform: rotate(180deg);
}


/*our stores*/


.our-stores .map-wrapper {
    display: flex;
    gap: 32px;
}

.gmap_canvas {
    border-radius: 28px;
}

.our-stores .map-wrapper .mapouter {
    max-width: 627px;
    height: 589px;
    width: 100%;
}

.locations {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 367px;
    width: 100%
}

.locations ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 5px;
}

.locations ul li span {
    color: #24282B;
    line-height: 26px;
    font-family: segoeuisl;
}

.locations ul li a {
    line-height: 26px;
    color: #24282B;
    display: flex;
    gap: 12px;
    font-family: segoeuisl;
}

.locations ul li span {
    max-width: 678px;
    width: 100%;
}

.locations ul li:last-child {
    margin-bottom: 0;
}

.locations ul li svg,
.locations ul li img {
    display: block;
    height: auto;
    flex-shrink: 0;
    margin-top: 2px;
    width: 24px;
}

.map {
    width: 100%;
    height: 440px;
    border-radius: 28px;
}

.map iframe+div {
    border: none !important;
}

/*about*/
.about-us .video .play {
    left: 50%;
    top: 40%;
    transform: translate(-50%, -40%);
    display: none;
}

.about-us .video {
    position: relative;
    font-size: 0;
    margin-bottom: 60px;
}

.about-us .video img {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 3;
}

.about-us video {
    width: 100%;
    height: 434px;
    border-radius: 28px;
    object-fit: cover;
    cursor: pointer;
}

.about-us hr {
    background-color: #30BCD1;
    height: 1px;
    border: none;
    margin: 0;
}

.about-content {
    margin-top: 60px;
}

.content-wrapper {
    display: flex;
    gap: 32px;
}

.content-wrapper.reverse {
    flex-direction: row-reverse;
}

.content-wrapper-image {
    width: 100%;
}

.content-wrapper-image img {
    width: 100%;
    height: 573px;
    object-fit: cover;
    border-radius: 28px;
}

.content-wrapper-description {
    width: 100%;
}

.content-wrapper-description h2 {
    margin-bottom: 20px;
    font-family: segoeuisb;
    ;
}

.content-wrapper-description p {
    margin-bottom: 0;
}

.about-content hr {
    margin: 60px 0;
}

.statistics-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 85px;
}

.statistic-item {
    max-width: 250px;
    width: 100%;
    text-align: center;
}

.numns {
    background: #2EBCD1;
    height: 158px;
    width: 158px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 28px;
    color: white;
    font-size: 34px;
    border-radius: 28px;
    font-family: segoeuisb;
    margin: 0 auto 15px;
}

.statistic-item h3 {
    color: #488ECC !important;
    margin-bottom: 6px;
    font-family: segoeuisb;
    line-height: 24px !important;
}

.about-statistics hr {
    margin: 60px 0;
}

.about-page footer {
    margin-top: 0;
}

/*/job*/
.job-form-btn.active:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
    cursor: pointer;
}

.job-banner img {
    height: 434px;
    width: 100%;
    object-fit: cover;
    border-radius: 22px;
    margin-bottom: 60px;
}

.job-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.job-item {
    max-width: 100%;
    width: 100%;
    position: relative;
    border-radius: 22px;
    display: flex;
}

.job-item-image {
    max-width: 350px;
    width: 100%;
}

.job-item-image img {
    width: 100%;
    object-fit: cover;
    height: 228px;
    border-radius: 22px;
}

.job-item-desc {
    border: 0.5px solid #999999;
    border-radius: 22px;
    background-color: white;
    padding: 22px 15px 18px 18px;
}

.job-item-desc h3 {
    margin-bottom: 20px;
    font-family: segoeuisb;
    display: -webkit-box;
    overflow: hidden;
    max-height: 66px;
    text-overflow: ellipsis;
    transition: all 0.2s;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.job-item-desc .loc-side {
    display: flex;
    align-items: center;
    gap: 8px;
}

.job-item-desc .loc-side svg {
    min-width: 18px;
}

.job-item-desc .loc-side p {
    margin-bottom: 0;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    max-height: 60px;
    text-overflow: ellipsis;
    transition: all 0.2s;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;

}

.job-item-desc {
    border: 1px solid #999999;
    border-radius: 22px;
    height: 228px;
    background-color: white;
    padding: 22px 15px 18px 18px;
    width: 64%;
    position: absolute;
    right: 0;
    z-index: 1;
}

.job-item-desc .apply {
    padding: 0 32.5px;
    height: 44px;
    border-radius: 40px;
    background-color: #30BCD1;
    color: white !important;
    font-family: segoeuisb;
    font-weight: 500;
    position: absolute;
    bottom: 18px;
    right: 14.5px;
    display: flex;
    align-items: center;
}

.job-item-desc .apply:hover {
    color: white;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

.job-single-profile {
    display: flex;
    gap: 32px;
}

.single-address {
    gap: 8px;
}

.single-address p {
    font-size: 18px !important;
    line-height: 26px !important;
}

.single-address img {
    width: 18px;
    height: 23px;
    object-fit: cover;
}

.single-profile-image {
    max-width: 336px;
    width: 100%;
}

.single-profile-image img {
    width: 100%;
    height: 351px;
    border-radius: 22px;
    object-fit: cover;
}

.single-profile-info {
    max-width: 796px;
    width: 100%;
    word-break: break-word;
}

.single-profile-info a {
    white-space: wr;
}

.single-address {
    margin-bottom: 32px;
}

.job-single-other-info {
    margin-top: 32px;
}

.single-profile-info ul,
.job-single-other-info .job-single-other-info-item ul {
    color: #24282B;
    font-size: 16px;
    padding-left: 20px !important;
}

.single-profile-info ul li,
.job-single-other-info .job-single-other-info-item ul li {
    position: relative;
    margin-bottom: 8px;
}

.single-profile-info ul li::before,
.job-single-other-info .job-single-other-info-item ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #488ECC;
    left: -20px;
}

.job-single-other-info-item {
    margin-bottom: 32px;
}

.job-single-other-info .contact-us {
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 30px 60px;
}

.form-columns {
    display: flex;
    gap: 32px;

}

.group-col {
    width: 100%;
}

.contact-wrapper form .group-row .input-field {
    width: 100%;
}

.contact-wrapper .label {
    line-height: 18px;
}

.contact-wrapper .input-field {
    width: 100%;
}

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

.attach-file-max-text {
    font-size: 12px;
    line-height: 14px;
    color: #c9c9c9 !important;
    margin: 5px 0 0 20px;
}

.attach-file .file-chooser {
    display: flex;
    align-items: center;
    gap: 24px;
}

.attach-file .file-chooser .file-not-selected {
    font-size: 12px;
    line-height: 14px;
    color: rgba(201, 201, 201, 1);
}

.attach-file button {
    margin: 0 !important;
    height: 44px;
    padding: 0 32px;
}

.ctm-upload-file {
    color: #30BCD1;
    border: 1px solid #30BCD1;
    padding: 10px 24px;
    font-weight: 500;
    font-family: segoeuisb;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 40px;
    cursor: pointer;
    margin-left: 0;
    line-height: 19px;
    margin-bottom: 0 !important;
}

.ctm-upload-file:hover {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.17);
    cursor: pointer;
}

.delete-file {
    cursor: pointer;
}

.delete-file:hover svg path {
    fill: rgba(229, 0, 0, 1);
}

.get-uploaded-file {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.get-uploaded-file .file-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 7px 15px 7px 28px;
    border: 1px solid #488ECC;
    border-radius: 40px;
    min-height: 44px;
}

.get-uploaded-file .file-inner svg {
    width: 24px;
    height: 24px;
}

.get-uploaded-file .file-inner span {
    color: #488ECC;
    font-family: segoeuisb;
    line-height: 19px;
    font-weight: 500;
    max-width: 95%;
    width: 100%;
    word-break: break-all;
}

.single-profile-image .for-mobile {
    display: none;
}

/*footer*/
.main-footer {
    background-color: white;
}

.page-catalog-home .main-footer {
    margin-top: 50px;
}

.section.catalog-detail-bought.content-block.prod-single-recomend-products,
.section.catalog-detail-suggest.content-block {
    margin-bottom: unset;
}

.page-catalog-detail footer {
    margin-top: unset !important;
}

body:has(.forgot-password) footer {
    margin-top: unset !important;
}

.forgot-password {
    padding-bottom: 60px;
}

.product-single .catalog-detail-bought div.product {
    margin: unset !important;
}

.top-footer {
    border-top: 1px solid #488ECC;
    padding-top: 20px;
}

.top-footer-wrapper {
    display: flex;
    justify-content: center;
    gap: 112px;
    margin-bottom: 20px;
}

.top-footer .top-footer-item {
    color: #488ECC;
    display: flex;
    gap: 19px;
    align-items: center;
    font-family: segoeuisb;
    font-size: 14px;
}

.footer-bg {
    background-color: #488ECC;
    padding-top: 50px;
    padding-bottom: 25px;
}

.footer-center {
    max-width: 685px;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid white;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-logo {
    margin-bottom: 15px;
    width: auto;
    height: 79px;
    padding-bottom: 2px;
}

.footer-center p {
    color: white !important;
    max-width: 532px;
    margin: auto !important;
    text-align: center;
    line-height: 19px !important;
}

.menus {
    margin-top: 50px;
}

.menus h3 {
    margin-bottom: 15px;
    color: white !important;
    text-align: center;
    line-height: 24.38px !important;
}

.menus ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

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

.menus ul li a {
    color: white;
    font-size: 16px;
    line-height: 19.5px;
}

.menus ul li a:hover {
    color: white !important;
    font-weight: bold;
}

.menus-for-mobile {
    display: none;
}

.footer-icons {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 116px;
}

.footer-icons .icon-item {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 20%);
}

.footer-icons .social-icons {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

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

.powered-by {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #FFFFFF;
    margin-top: 30px;
    padding-top: 25px;
}

.powered-by span {
    font-size: 14px;
    line-height: 17px;
}

.powered-by span a {
    color: white;
    font-size: 14px;
}

/*auth*/

.tel-field-inner {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 12px;
}

.reset-form {
    max-width: 506px;
    width: 100%;
    margin: auto;
    padding: 0 !important;
}

.reset-btn {
    display: block;
    margin: 20px auto 0;
    padding: 12px 32px;
    line-height: 19px !important;
    letter-spacing: 0;
}

.form-wrapper {
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 29px 0;
}

.login-form {
    max-width: 506px;
    margin: auto;
    width: 100%;
}

.login-form input {
    width: 100%;
}

.login-form .input-field {
    margin-bottom: 10px;
    position: relative;
}

.login-form .input-field svg {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.signup-form .input-field svg {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.signup-form .input-field {
    margin-bottom: 10px;
    position: relative;
}

.signup-form .input-field input.invalid {
    border-color: #E50000;
}

.login-form .forgot-pass {
    color: #30BCD1 !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: segoeuisl;
    margin-left: 16px;
}

.signup-form .forgot-pass {
    color: #30BCD1 !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: segoeuisl;
}

.do-you-have-account {
    text-align: center;
    margin-top: 30px;
}

.do-you-have-account span {
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
    color: #24282B;
}

.do-you-have-account p {
    font-size: 12px !important;
    line-height: 14px !important;
}

.do-you-have-account span a {
    color: #488ECC;
    font-size: 14px;
    line-height: 17px;
}

.do-you-have-account .socials {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    gap: 19px;
}

.do-you-have-account .socials .socials-item {
    filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.20));
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.password-filed-par {
    position: relative;
}

.password-eye-open {
    display: none;
    transform: translateY(-50%) !important;
}

.confirm-pass-eye-open {
    display: none;
}

.confirm-pass {
    padding-right: 44px;
}

#password_confirmation {
    padding-right: 44px;
}

#password {
    padding-right: 44px;
}

.signup-form {
    padding: 0 60px;
}

.signup-form .input-field {
    width: 100%;
}

.input-field input {
    line-height: 19px;
}

.signup-form .group-row {
    gap: 32px;
}

.signup-form .input-field input {
    width: 100%;
}
.signup-form #datepicker {
    padding-right: 50px;
}
.signup-form .input-field input#dateinput[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

input[type="date"] {
    text-transform: uppercase;
}

.input-wrapper {
    position: relative;
    width: 100%;
}

.reg-date-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    font-size: 0;
    cursor: pointer;
    z-index: 2;
}

.signup-btn {
    margin: 20px auto 0;
    display: inherit;
}

.c-password-eye-open {
    display: none;
    transform: translateY(-50%) !important;
}

.forgot-password .info-about-reset {
    margin-bottom: 10px !important;
}

.forgot-password form button {
    margin-top: 20px;
}

.login-form .auth-submit-btn {
    margin-top: 17px !important;
    padding: 11px 32px !important;
    line-height: 19px !important;
}

.signup-form .signup-btn {
    margin-top: 13px !important;
    padding: 12px 32px !important;
    line-height: 18px !important;
}

.reset-pass-btn button {
    border: 1px solid transparent !important;
    height: 44px;
}

.reset-pass-btn button.active:hover {
    border-color: #30BCD1 !important;
}

.input-date-wrapper {
    position: relative;
}

/*age popup*/
.age-popup {
    max-width: 457px;
    width: 100%;
}

.age-popup svg {
    cursor: pointer;
}

.age-popup .popup-buttons a {
    border: 1px solid #30BCD1;
    border-radius: 40px;
    color: #30BCD1 !important;
    font-family: segoeuisb;
}

.age-popup svg {
    position: absolute;
    top: 11px;
    right: 11px;
}

.age-popup h4 {
    text-align: center;
    margin-bottom: 20px;
}

.age-popup .popup-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.age-popup .popup-buttons a,
.age-popup .popup-buttons button {
    padding: 12px 32px;
}

/*home*/
/*.product-slider .slick-list {*/
/*    margin: 0 !important;*/
/*}*/
/*.product-slider-item {*/
/*    margin: 0 !important;*/
/*}*/
.page-catalog-home .adv-wrapper {}

.page-catalog-home .banner-wrapper {
    padding-top: 0;
}

.product-slider .slick-track,
.banner-product-slider-wrapper .slick-track {
    display: flex !important;
}

.banner-product-slider-wrapper {
    position: absolute !important;
    right: 0;
    bottom: -20%;
    max-width: calc(60% - 13px);
    width: 100%;
}

.banner-product-slider-wrapper .slick-arrow {
    bottom: 0;
    top: unset;
}

.owl-nav,
.owl-dots {
    position: absolute;
}

.owl-nav {
    top: 50%;
    width: 100%;
    z-index: -1;
    transform: translateY(-50%);
}

.banner-product-slider-wrapper .slick-prev {
    bottom: 60px;
}

.banner-product-slider-wrapper .slick-next {
    bottom: 60px;
}

.product-container {
    visibility: hidden;
    padding-top: 10px;
    /* padding-bottom: 50px; */
    padding-bottom: 65px;
    justify-content: center;
    display: flex !important;
}

.account-favorite .product-container,
.last-seen .product-container {
    padding-top: 0;
    padding-bottom: 0;
}

.page-catalog-list .product-container,
.page-catalog-tree .product-container {
    padding-bottom: unset;
    padding-top: unset;
}

.favorites-page .home-product .list-column {
    z-index: unset;
}

.product-container.show {
    visibility: visible;
}

.home-product-basket-btn.btn-action_c {
    background: none !important;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.home-banner-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 566px;
}

.banner-wrapper {
    padding-top: 43px;
}

.banner-slider-wrapper {
    gap: 20px;
    display: flex;
    position: relative;
}

.banner-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 22px;
}

.banner-slider .banner-description .banner-button {
    display: flex;
    align-items: flex-end;
}

.banner-slider.slick-slider .slick-track {
    height: 100%;
    display: flex;
}

.banner-slider .slick-dots {
    display: flex;
    align-items: center;
    gap: 7px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-slider .slick-dots button {
    font-size: 0 !important;
    padding: 0 !important;
    width: 8px;
    height: 8px !important;
    border-radius: 100% !important;
    background: rgba(255, 255, 255, 0.70);
}

.banner-slider .slick-dots li.slick-active button {
    background: white;
    height: 100%;
}

.banner-slider-item {
    background-size: cover !important;
    border-radius: 22px;
    min-height: 314px !important;
    margin: 0 !important;
}

.banner-slider-item img {
    height: 394px;
    width: 100%;
    border-radius: 22px;
}

.banner-description {
    height: 100%;
    padding: 50px 0;
    margin-left: 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 225px;

}

.banner-description .banner-title {
    font-family: segoeuisb;
    font-size: 35px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 14px;
    max-width: 242px;
    width: 100%;
}

.banner-description .banner-content,
.banner-description .banner-content p {
    flex: 4;
    width: 100%;
    max-width: 315px;
    font-family: segoeuisl;
    color: white !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

.banner-description .banner-button {
    position: absolute;
    bottom: 40px;
}

.banner-description .banner-button p.btn {
    padding: 10px 32px;
    background: #30BCD1 !important;
    border-radius: 24px;
    color: white !important;
    font-family: segoeuisb;
    font-size: 16px;
    line-height: 24px !important;
    margin: 0;
}

.banner-slider-overlay {
    position: absolute;
    width: 68%;
    min-height: 314px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 22px;
    z-index: 9;
    display: inline-flex;
    vertical-align: middle;
}

.banner-slider-overlay svg {
    height: 100%;
    width: auto;
}

.banner-slider .slick-prev {
    left: 8px;
}

.banner-slider .slick-next {
    right: 8px;
}

.banner-slider .slick-list {
    margin: 0 !important;
    height: 100%;
}

.blocks {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.block-item {
    flex: 1;
    overflow: hidden;
    max-height: 180px;
    border-radius: 20px;
}

.block-item a {
    height: 100%;
    width: 100%;
}

.block-item img {
    height: 100%;
    width: 100%;
    border-radius: 22px;
    object-fit: cover;
}

.banner-slider-2-swiper-wr {
    margin-top: 20px;
    /* check '.banner-slider-2 .slick-list' mt */
}

.banner-slider-2 {
    display: flex;
}

.banner-slider-2 .slick-list {
    margin: -20px 0 -20px -20px !important;
    /* check .banner-slider-2-swiper-wr mt */
    padding: 20px 0 20px 20px;
}

.banner-slider-2 .item {
    border-radius: 28px;
    background: linear-gradient(0deg, rgba(0, 149, 173, 0.80) 0.32%, rgba(30, 211, 240, 0.50) 121.67%);
    font-size: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    /* margin: 0 10px; */
    transition: all 0.3s;
}

.banner-slider-2 .item.hidden {
    opacity: 0;
}

.banner-slider-2 .item:hover {
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.4);
}

.banner-slider-2 .swiper-slide:nth-last-of-type(odd) .item {
    background: linear-gradient(0deg, #1A73C2 0.27%, #08BEE7 104.85%);
}

.banner-slider-2 .item img {
    width: 136px;
    height: 93px;
    object-fit: contain;
    margin-bottom: 2px;
}

.banner-slider-2 .item p {
    color: white !important;
    padding-top: 5px;
    line-height: 20px !important;
    font-family: segoeuisb;
    display: -webkit-box;
    overflow: hidden;
    min-height: 48px;
    text-overflow: ellipsis;
    transition: all 0.2s;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.banner-slider-2 .slick-next {
    right: -20px;
}

.banner-slider-2 .slick-prev {
    left: -20px;
}

.products-section {
    margin-top: 60px;
}

.products-section.best-offers {
    margin-top: 91px;
}

.products-in-banner {
    background: url("/images/yellow-bg.png") no-repeat center, linear-gradient(90deg, #FFA800 9.3%, rgba(255, 255, 255, 0.00) 93.85%);
    width: 100%;
    min-height: 456px;
    margin-top: 41px;
    padding-top: 63px;
    background-size: cover !important;
    position: relative;

}

.products-in-banner-img {
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 534px;
    position: absolute;
    align-items: flex-end;
}

.banner-container {
    max-width: 1436px;
    margin: auto;
    min-height: 456px;
    position: relative;
}

.products-in-banner-img img {
    width: 100%;
    height: 393px;
    object-fit: cover;
}

.products-in-banner-desc {
    position: absolute;
    max-width: 220px;
}

.products-in-banner-desc h2 {
    color: white !important;
    margin-bottom: 14px;

    width: 100%;
}

.products-in-banner-desc p {

    color: white !important;
}

.banner-product-slider {
    width: 100%;
    margin-left: auto;
}

.all-products-link {
    /*display: none;*/
}

.all-products-link {
    z-index: 3;
    display: flex;
    margin-top: 10px;
    margin-top: -20px;
    position: relative;
    justify-content: flex-end;
    text-decoration: underline !important;
}

.banner-product-slider .slick-arrow {
    top: auto !important;
    bottom: 0;
    transform: translateY(0) !important;
}

.banner-product-slider .slick-next {
    right: -16px;
}

.banner-product-slider .slick-prev {
    left: -16px;
}

/*confirmation*/
.confirm-wrapper {
    display: flex;
    gap: 32px;
    margin-top: 10px;
}

.confirm-wrapper-item {
    border: 0.5px solid #999999;
    border-radius: 20px;
    padding: 30px;
    width: 100%;
}

.form-item span.order-value {
    font-family: segoeuisb;
}

.conform-block-right-side {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px;
}

.conform-block-right-side .confirm-wrapper-item {
    min-height: auto;
}

.confirm-comment {
    padding: 30px;
    border: 0.5px solid #999999;
    border-radius: 20px;
    margin: 32px 0 60px;
}

.aimeos .common-summary-detail .image img.detail {
    max-width: 48px !important;
    width: 100%;
    max-height: 48px !important;
    margin-inline-end: 0 !important;
    object-fit: cover;
}

.aimeos .common-summary-detail .headline {
    border: none !important;
    background-color: transparent !important;
}

.supplier-name {
    display: none !important;
}

.common-summary-detail h2 {
    border-bottom: 2px solid #488ECC;
    padding-bottom: 12px;
}

.aimeos .common-summary-detail .product-item {
    border-bottom: 1px solid #488ECC !important;
}

.common-summary-detail table thead {
    border-bottom: 1px solid #488ECC;

}

.common-summary-detail table thead tr th {
    padding-bottom: 25px;
}

/*.common-summary-detail .headline + div {*/
/*    border-bottom: 1px solid #488ECC;*/
/*    padding-bottom: 25px;*/
/*}*/
.common-summary-detail .product-item {
    padding: 25px 0 !important;
    align-items: center;
}

.aimeos .common-summary-detail .total {
    background-color: transparent !important;
}

.details .code {
    font-size: 12px;
    color: #C0C0C0;
    margin: 0 !important;
}

.aimeos .common-summary-detail .details .product-name {
    margin: 0 !important;
}

.aimeos .common-summary-detail .product-item .quantity {
    font-family: segoeuisb;
    font-size: 18px;
    font-weight: 500 !important;
}

.aimeos .common-summary-detail .product-item .unitprice {
    font-family: segoeuisb;
    font-weight: 500 !important;
}

.catalog-list-items .addbasket {
    margin-top: 0 !important;
}

.page .addbasket .rebate {
    margin: 0 !important;
}

.aimeos .common-summary-detail .product-item .price {
    font-family: segoeuisb;
    font-weight: 500 !important;
    border: unset;
}

.common-summary-detail table tbody tr td:not(.confirm-basket-img) {
    text-align: center;
}

.common-summary-detail table tbody tr td {
    padding: 27px 0;
    border-bottom: 1px solid #488ECC;
}

.confirm-basket-img img {
    height: 50px;
    width: 50px;
    object-fit: cover;
    border: 0.5px solid #C9C9C9;
    border-radius: 8px;
    padding: 5px;
}

.common-summary-detail table tbody tr td .product-name {
    font-size: 16px !important;
}

.confirm-basket-img .code {
    color: #C0C0C0 !important;
    font-size: 12px !important;
}

.confirm-table-final-total ul {
    max-width: 500px;
    width: 100%;
    padding-right: 87px !important;
    margin-left: auto !important;
}

.common-summary-detail .confirm-table-final-total ul li {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: #24282B;
    font-family: segoeuisb;
}

.confirm-table-final-total ul li span {
    font-size: 16px;
    color: #24282B;
    font-family: segoeuisb;
}

.table-total-wrapper {
    padding-top: 20px;
    border-bottom: 1px solid #488ECC;
    padding-bottom: 20px;
}



/*all categories*/
.all-cat-item {
    padding: 30px;
    border: 0.5px solid #999999;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
}

.all-categories {
    /* margin-top: 24px; */
}

.favorites-products-page h1 {
    line-height: 24px;
}

.all-categories-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;

}

.all-cat-item-wrapper {

    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

.all-categories-wrapper .cat-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--ai-link);
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-cat-item-name {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.all-cat-item-name svg path {
    fill: white;
}

.all-cat-item-name h2 {
    margin-bottom: 0 !important;
    padding-left: 12px;
}

.all-cat-item-name h2:hover {
    color: var(--ai-azure) !important;
}

.all-cat-item-wrapper-item {
    max-width: 33.33%;
    flex-basis: 33.33%;
    width: 100%;
}

.all-cat-item-wrapper-item h3 {
    margin-bottom: 0;
    cursor: poiner;
}

.all-cat-item-wrapper-item h3 a {
    color: inherit;
    font-size: inherit;
    font-weight: bold;
    cursor: pointer;
}

.all-cat-item-wrapper-item h3 a:hover {
    color: var(--ai-azure) !important;
}

.all-cat-item-wrapper-item ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 5px;
}

.all-cat-item-wrapper-item ul li:first-child {

    margin-top: 10px;
}

.all-cat-item-wrapper-item ul li a {
    color: #24282B;
    font-size: 16px;
    line-height: 24px;
}

.all-cat-item-wrapper-item ul li a:hover {
    color: var(--ai-link-hover);
}

.arrow-for-mobile-wr {
    display: none;
}


/*shop*/
.product-image {
    padding: 0;
    position: relative;
    /* overflow: hidden; */
}

.shop-page-wrapper {
    display: flex;
    gap: 32px;
}

.shop-page-wrapper>div,
.shop-page .shop-contents {
    /* width: 100%; */
    width: calc(100% - 267px - 32px);
}

.shop-page-wrapper aside {
    max-width: 267px;
    width: 100%;
    min-width: 267px;
}

.price-text {
    margin-left: 0 !important;
}

.catalog-list .offer {
    margin-top: 0 !important;
}

.product-state {
    position: absolute;
    z-index: 1;
    padding: 0;
    pointer-events: none;
}

.shop-prod-item .product-state {
    width: 133px;
    /* height: 43px; */
    left: -34px;
    top: 13px;
    z-index: 3;
    transform: rotate(-45deg);
    /* transform-origin: left bottom;
    left: -1px;
    top: 55px; */
}

.product-single-item.img .product-state {
    top: 26px;
    left: -62px;
    width: 250px;
    pointer-events: none;
    transform: rotate(-45deg);
}

.shop-prod-item:hover {
    box-shadow: 0px 3px 14px 3px rgba(0, 0, 0, 0.09);
}

.product-single-wrapper .product-state {
    left: 0;
    top: 0;
}

.product-single-wrapper .rebate {
    font-size: 18px !important;
    line-height: 22px;
}

.reset-filters {
    max-width: max-content;
    background: white !important;
    border: 1px solid #30BCD1 !important;
    color: #30BCD1 !important;
    font-family: segoeuisb;
    margin: 20px auto 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

input.rock-item {
    display: none;
}

.catalog-filter-rock {
    margin-bottom: 20px !important;
}

.catalog-filter-rock input:checked~label {
    background: url("/images/checked-checkbox.png");
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    border: none;
}

.catalog-filter-rock input:checked~label::before {
    border: none !important;
    margin: 0;
}

.catalog-filter-attribute label:before,
.catalog-filter-supplier label:before {
    vertical-align: center !important;
    margin: 0 !important;
}

.video-wrapper {
    display: flex;
    gap: 32px;
    margin-top: 20px;
}

.video-wrapper .video-item {
    position: relative;
    border-radius: 28px;
    max-width: 566px;
}

.video-wrapper .video-item video {
    border-radius: 28px;
    height: 318px;
    width: 100%;
    object-fit: cover;
}

.prod-single-recomend-products-slider .slick-track {
    display: flex;
}

.aimeos .content-block {
    margin: 0 0 60px;
}

.aimeos .sort a,
.aimeos .sort a:link,
.aimeos .sort a:visited {
    display: inline-flex;
}

.shop-page .pagination li {
    border: none;
    padding: 0;
}

.pagination-wrapper {
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    margin-top: 32px !important;
    gap: 20px;
}

.pagination-arrow {
    border: 1px solid #999999;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    display: flex !important;
    justify-content: center;
    padding: 0 !important;
    align-items: center;
}

.pagination-arrow:not(.passive) svg path {
    fill: #31bcd1;
}

.pagination-arrow:not(.passive):hover {
    box-shadow: 0px 0px 9px 1px rgba(105, 105, 105, 0.20);
}

.pagination-arrow.passive {
    pointer-events: none;
}

.pagination-list {
    display: flex;
    gap: 20px;
    align-items: center;
}

.pagination-list li {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #C0C0C0 !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-list li:hover {
    border-color: #30BCD1 !important;
}

.pagination-list li:not(.active):hover {
    box-shadow: 0px 0px 9px 1px rgba(105, 105, 105, 0.20);
    cursor: pointer;
}

.pagination-list li:hover a {
    color: #30BCD1 !important;
}

.pagination-list li.active {
    background: #30BCD1;
    border: none !important;
    pointer-events: none;
    cursor: initial;
}

.pagination-list li.active a {
    color: white !important;
}

.pagination-list li a {
    padding: 0 !important;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #C0C0C0 !important;
    font-size: 18px;
    line-height: 22px;
}

.catalog-list-type {
    display: none;
}

.catalog-list nav.navigation {
    text-align: left !important;
    margin-top: 0 !important;
}

.catalog-list nav.navigation .sort {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 45px;
}

.catalog-list nav.navigation .sort span {
    font-size: 13px;
    font-family: segoeuisb !important;
    color: #24282B;
}

.catalog-list nav.navigation .sort ul {
    display: flex;
    align-items: center;
    gap: 45px;
}

.catalog-list nav.navigation .sort ul li a {
    font-size: 13px;
    color: #24282B;
    padding: 0;
    font-family: segoeuisl;
    font-weight: 350;
    line-height: 24px;
}

.catalog-list nav.navigation .sort ul li a:hover {
    color: var(--ai-link-hover);
}

.catalog-list nav.navigation .sort .option-rating {
    display: none;
}

.catalog-list nav.navigation .sort li a.active {
    color: var(--ai-link-hover);
}

.shop-products-wrapper .ad-wrapper {
    margin-top: 10px;
    margin-bottom: 9px;
}

.shop-products-wrapper .ad-wrapper .ad-item img {
    height: 165px;
}

.shop-products-wrapper .pagination li {
    height: max-content;
    width: max-content;
}

.shop-prod-item {
    position: relative;
    border: 1px solid #999999;
    border-radius: 28px;
    /* overflow: hidden; */
    background: white;
    /* min-height: 415px; */
    /* min-width: 158px; */
    width: 100%;
    display: flex;
    flex-direction: column;
}

.slick-slider .shop-prod-item {
    min-width: 158px;
}

.heart-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: auto;
    padding: 0;
    z-index: 4;
    user-select: none;
    cursor: pointer;
}

.heart-icon path {
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
}

.product .heart-icon.heart-active,
.fav-product-wrapper .heart-icon.heart-active {
    -webkit-animation: beat cubic-bezier(0.04, 0.4, 0.5, 0.99) 1.2s forwards 1;
    animation: beat cubic-bezier(0.04, 0.4, 0.5, 0.99) 1.2s forwards 1;
}

.product .heart-icon.heart-active path,
.fav-product-wrapper .heart-icon.heart-active path {
    fill: #E50000;
    stroke: #E50000;
}

.product-single-item .heart-icon path {
    stroke: #DFDFDF;
}

@-webkit-keyframes beat {
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    50% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes beat {
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    50% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.product-item-basket {
    border-radius: 0 0 27px 27px;
    background: var(--ai-azure);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    align-self: flex-end;
    width: 100%;
    margin-top: auto;
}

.product-item-basket.bg-white {
    border-top: 1px solid #999999;
}

aside:nth-child(1) {
    margin-top: 0 !important;
}

.shop-products-wrapper .product-list.catalog-list-items {
    gap: 32px;
    margin-top: 10px;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.shop-wrapper {
    display: flex;
    gap: 33px;
}

.lightboxOverlay {
    height: 100vh !important;
    position: fixed !important;
}

#lightbox {
    z-index: 9999999 !important;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    transform: translate(0, -50%);
    top: 50% !important;
    width: 100% !important;
    position: fixed !important;
}

#lightbox .lb-outerContainer {
    border-radius: 17px;
    overflow: hidden;
}

#lightbox .lb-dataContainer {
    position: relative;
    padding: 0;
    margin-bottom: -32px;
    z-index: 10;
}

#lightbox .lb-data {
    padding: 0;
}

.lightbox .lb-image {
    pointer-events: none !important;
}

/* 
#lightboxOverlay {
}
#lightbox.lightbox {
    position: fixed;
}
body.lb-disable-scrolling {
    overflow: hidden auto !important;
}
body.lb-disable-scrolling::-webkit-scrollbar {
    background: none;
}
.lb-outerContainer {
    max-width: 546px !important;
    width: 100% !important;
    height: 546px !important;
    border-radius: 17px !important;
    overflow: hidden;
}
.lb-outerContainer .lb-container {
    height: 100%;
}
#lightbox {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}
.lightboxOverlay {
    opacity: .3 !important;
    z-index: 999999 !important;
} */

.lb-nav a.lb-next,
.lb-nav a.lb-prev {
    background: #ffffff url("/images/arrow-right.svg") no-repeat center !important;
    border-radius: 100% !important;
    border: 1px solid var(--ai-azure) !important;
    border-radius: 100% !important;
    width: 40px !important;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    padding: 0;
    height: 40px;
    z-index: 11111;
    opacity: 1 !important;
}

.lb-nav a.lb-next:hover,
.lb-nav a.lb-prev:hover {
    box-shadow: 0px 1px 9px 2px rgba(105, 105, 105, 0.23);
}

.lb-nav a.lb-next {
    background: #ffffff url("/images/arrow-right.svg") no-repeat center !important;
    right: 10px !important;
}

.lb-nav a.lb-prev {
    background: #ffffff url("/images/lb-arrow-left.svg") no-repeat center !important;
    left: 10px !important;
}

.lb-data .lb-details {
    display: none;
}

.lb-data .lb-close {
    background: url("/images/close-product-lb.svg") center no-repeat !important;
    /* position: absolute; */
    /* top: 8px; */
    /* left: calc(50% + 245px); */
    /* left: calc(84%); */
    z-index: 1111111111111111;
    width: 24px !important;
    height: 24px !important;
    opacity: 1 !important;
    float: none !important;
    margin-left: calc(100% - 32px);
}

.lb-data .lb-close:hover {
    background-image: url("/images/close-product-lb-hover.svg") !important;
}

/* #lightbox .lb-dataContainer {
    padding: 0!important;
} */
.shop-contents {
    max-width: 100%;
    width: 100%;

}

.shop-filter {
    max-width: 267px;
    width: 100%;
    min-width: 267px;
}

.filter-item {
    border: 0.5px solid #999999 !important;
    border-radius: 28px;
    padding: 20px 0;
    margin-bottom: 32px;
    /* min-height: 434px; */
}

.catalog-filter-attribute.filter-item {
    padding: 20px 0;
}

.filter-item-inner {
    height: 377px;
    overflow-y: auto;
    padding: 0 11px 0 15px;
    margin-right: 4px;
}

.filter-item-inner::-webkit-scrollbar {
    width: 3px;
}

.sub-cats-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-cats-header:hover svg path {
    fill: var(--ai-link);
}

.filter-item-inner::-webkit-scrollbar-track {
    background: #C9C9C9;
    border-radius: 5px;
}

.filter-item-inner::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 5px;
}

.long.item {
    line-height: 24px;
    font-family: segoeuisl;
    color: #24282B;
    font-size: 16px;
}

.filter-cat-item {
    margin-bottom: 10px;
}

.filter-cat-item:last-child {
    margin-bottom: 0;
}

.filter-cat-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.filter-cat-item-header svg {
    cursor: pointer;
}

.filter-cat-item ul li a {
    color: #656565;
}

.filter-cat-item ul {
    display: none;
}

.filter-cat-item a {
    font-size: 15px !important;
    font-family: segoeuisb;
}

.filter-cat-item ul.show-subcat {
    display: block;
    margin-top: 10px;
    margin-left: 5px;
}

.attr-count {
    display: none !important;
}

.filter-cat-item .show-subcat li:not(:last-child) {
    margin-bottom: 8px;
}

.filter-cat-item .show-subcat li a {
    font-family: segoeuisl;
}

.filter-cat-item .show-subcat li a:hover {
    color: #488ECC !important;
}

.back-to-categories {
    display: flex !important;
    align-items: center;
    gap: 9px;
}

.back-to-categories span {
    font-family: segoeuisb;
    font-size: 16px;
    line-height: 19.5px;
}

.filter-cat-item-header svg.rotate {
    transform: rotate(180deg);
}

.filter-cat-item-header.opened>.rotate path {
    fill: var(--ai-link);
}

.filter-cat-item-header a {
    color: #24282B;
    width: 80%;
    font-family: segoeuisb;
}

.filter-cat-item-header:hover path {
    fill: var(--ai-link);
}

.filter-cat-item-header:hover a,
.filter-cat-item-header.opened>a {
    color: var(--ai-link);
}

.filter-cat-item-header span {
    color: #24282B;
    width: 80%;
    font-family: segoeuisb;
}

.catalog-filter-price {
    border-bottom: 1px solid #999999 !important;
    padding-bottom: 9px;
    margin-bottom: 20px !important;
}

.catalog-filter-price .price-list {
    padding: 0 12px !important;
}

.catalog-filter .catalog-filter-rock label {
    margin-left: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.catalog-filter h4 {
    margin-left: 15px;
}

.filter-categories .filter-item {
    padding-top: 19px;
    /* min-height: 423px; */
    padding-bottom: 18px;
}

.attr-list {
    padding-bottom: 21px !important;
    margin-top: 10px !important;
    max-height: 220px;
    overflow: auto;
    margin-bottom: 20px !important;
}

.attr-sets.add-border {
    border-bottom: 1px solid #30BCD1;
}

.attr-list:last-child {
    margin-bottom: 5px !important;
}

.attr-list::-webkit-scrollbar,
.catalog-filter-attribute::-webkit-scrollbar {
    width: 3px;
    position: absolute !important;
    left: 0 !important;
}

.attr-list::-webkit-scrollbar-track,
.catalog-filter-attribute::-webkit-scrollbar-track {
    background: #C9C9C9;
}

.attr-list::-webkit-scrollbar-thumb,
.catalog-filter-attribute::-webkit-scrollbar-thumb {
    background: #999999;
}

.catalog-filter-attribute .attribute-lists,
.catalog-filter-supplier .supplier-lists,
.catalog-filter-search .search-lists,
.catalog-filter-price .price-lists {
    padding-bottom: 0 !important;
}

.attribute-lists {
    padding: 0 15px !important;
}

.catalog-filter-price fieldset {
    padding: 0 !important;
}

.price-list span.original {
    display: none;
}

.catalog-detail-basket-attribute {
    display: none;
}

.catalog-filter-price .price-high,
.catalog-filter-price .price-low {
    width: 100% !important;
    border-radius: 8px !important;
    border: 0.5px solid #999999 !important;
    color: #24282B;
    font-size: 15px !important;
    height: 40px;
}

.catalog-filter-price input[type=range] {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.filter-price-btn {
    margin-bottom: 10px;
}

.filter-price-btn:last-child button {
    font-family: segoeuisb;
    height: 44px;
}

.reset-price {
    background: white !important;
    color: #30BCD1 !important;
    border: 1px solid #30BCD1 !important;
}

.catalog-filter-price .btn {
    border-radius: 40px;
    max-width: max-content !important;
    width: auto !important;
    padding: 13px 32px;
    font-family: segoeuisb;
}



.catalog-filter-attribute::-webkit-scrollbar {
    width: 3px;
}

.catalog-filter-attribute::-webkit-scrollbar-track {
    background: #C9C9C9;
}

.catalog-filter-attribute::-webkit-scrollbar-thumb {
    background: #999999;
}

.catalog-filter-attribute-inner::-webkit-scrollbar {
    width: 3px;
}

.catalog-filter-attribute-inner::-webkit-scrollbar-track {
    background: #C9C9C9;
}

.catalog-filter-attribute-inner::-webkit-scrollbar-thumb {
    background: #999999;
}

.catalog-filter-attribute-inner .attr-list {
    padding-bottom: 8px !important;
}








.catalog-filter-attribute legend {
    color: #24282B !important;
    font-size: 15px !important;
    font-family: segoeuisb;
    text-transform: capitalize;
    margin-bottom: 0 !important;
}

.catalog-filter-attribute legend:before {
    content: none !important;
}

.category_arrow {
    cursor: pointer;
}

.category_arrow svg {
    transform: rotate(-180deg);
    transition: .5s;
    box-sizing: content-box;
    padding: 6px 10px 6px 3px;
}

.category_arrow svg.rotate {
    transform: rotate(0deg);
    transition: .5s;
}

.attr-item label {
    margin: 0 !important;
    display: flex;
    align-items: center !important;
    gap: 10px;
}

.attribute-selected {
    display: none !important;
}

.attr-item label span {
    font-size: 15px !important;
    margin: 0 !important;
}

.attr-item label span:hover {
    color: var(--ai-azure);
}

.catalog-filter-attribute label:before,
.catalog-filter-supplier label:before {
    border: 1px solid rgba(153, 153, 153, 1) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 2px;
}

.catalog-filter-attribute input.attr-item[type=checkbox]:checked+label:before,
.catalog-filter-supplier input.attr-item[type=checkbox]:checked+label:before {
    content: '' !important;
    border: none !important;
    background: url("/images/check.png") !important;
}

.filterations-for-mobile {
    display: none;
}

.filters-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.filters-wrapper-item {
    display: flex;
    align-items: center;
    gap: 7px;
}

.filters-wrapper-item svg path {
    fill: #24282B;
}

.filters-wrapper-item:hover {
    color: #30BCD1;
}

.filters-wrapper-item:hover svg path {
    fill: #30BCD1;
}

.close-popup {
    display: none;
    z-index: 11111;
}

.catalog-filter-attribute .fieldsets {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.catalog-filter-attribute .fieldsets p {
    font-family: segoeuisb;
    margin-bottom: 10px !important;
}

.catalog-filter-attribute .fieldsets fieldset {
    padding: 0;
}

.catalog-filter-attribute .attribute-lists .attr-item,
.catalog-filter-supplier .supplier-lists .attr-item {
    padding: 0 !important;
    margin-bottom: 8px !important;
}

.sub-cats-for-mobile {
    display: none;
}

.sub-cats-for-mobile p {
    font-family: segoeuisb;
}

.category-see-more {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #488ECC;
    display: none;
}

.catalog-list-footer {
    display: none;
}


/*product single*/
.prod-single-title-mobile {
    display: none;
}

.option-price {
    position: relative;
}

.option-price::before {
    content: url(/images/price-arrow.svg);
    position: absolute;
    left: -24px;
    width: 24px;
    height: 24px;
}

.option-price.active {
    position: relative;
}

.option-price.active::before {
    transform: rotate(180deg)
}

.char-item {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.char-item.manufacturer {
    display: block;
}

.char-item * {
    line-height: 24px;
    color: #24282B;
    font-size: 16px;
}

.char-item.manufacturer .char-key {
    margin-right: 2px;
}

.char-item .char-value {
    color: #24282B !important;
}

.char-item a.char-value:hover {
    color: var(--ai-link-hover) !important;
    text-decoration: none;
}

.char-item .char-key {
    font-family: segoeuisb !important;
}

.product-single-wrapper {
    display: flex;
    gap: 32px;
}

.page-catalog-list .attr-item.disabled {
    display: none !important;
}

.product-single-item.img {
    max-width: 471px;
    /* see: .product-single-item.img .image-wrapper img */
    width: 100%;
    position: relative;
    flex-shrink: 0;
}

.catalog-detail-basket .price-item.toggle-js:first-of-type:after {
    content: none !important;
}

/*.slider-navbar-single .slick-list {*/
/*    margin: 0 -10px !important;*/
/*}*/
.slider-navbar .slick-list {
    margin: 0 -12px;
}

.product-single-image .slider-for {
    width: 100%;
}

.product-single-item.img .image-wrapper {
    border: 1px solid #999999;
    border-radius: 28px;
    overflow: hidden;
    /* max-height: 450px; */
}

.product-single-item.img .image-wrapper img {
    height: 471px;
    /* see: .product-single-item.img */
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 28px;
    cursor: pointer;
}

.product-single-item.img .image-single {
    /* max-height: 450px; */
}

.product-single-item.desc {
    max-width: 633px;
    width: 100%;
}

.bottom-img-item {
    border: 1px solid #C0C0C0;
}

.bottom-img-item img {
    object-fit: contain;
}

.slider-main {
    position: relative;
    overflow: hidden;
}

.slider-nav-round .slider-nav::after {
    content: none !important;
}

.slider-nav-round .slider-nav::before {
    content: none !important;
}

.slide-arrow {
    width: 48px !important;
    height: 48px !important;
    border: 1px solid #C0C0C0 !important;
    box-shadow: none;
    background-color: white !important;
    border-radius: 100%;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    backdrop-filter: none !important;
    filter: none !important;
}

.slide-arrow:hover path {
    fill: var(--ai-azure);
}

.slide-arrow:hover {
    border-color: var(--ai-azure) !important;
}

.slide-arrow.left {
    left: 7px;
}

.slide-arrow.right {
    right: 7px !important;
}

.product-single-name {
    font-size: 24px !important;
    line-height: 32px !important;
    font-family: segoeuisb;
    font-weight: 500 !important;
    margin-bottom: 11px !important;
}

.catalog-detail-navigator {
    display: none !important;
}

.catalog-detail-image .thumbs .thumbnail {
    border: 1px solid #C0C0C0;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-detail-image .thumbs .thumbnail img {
    height: 153px;
    object-fit: contain;
}

.catalog-detail-additional .nav-tabs {
    border-bottom: 1px solid #30BCD1 !important;
    display: flex;
    align-items: center;
    gap: 85px;
    padding-bottom: 15px;
}

.catalog-detail-additional .nav-tabs .nav-link {
    padding: 0;
    font-family: segoeuisb;
}

.catalog-detail-additional .nav-tabs .nav-link.active:not(.btn) {
    background: none !important;
    color: #24282B !important;
    position: relative;
    text-transform: capitalize;
}

.catalog-detail-additional .nav-tabs .nav-link.active:not(.btn)::before {
    content: '';
    position: absolute;
    bottom: -17px;
    width: 171px;
    height: 4px;
    background: #30BCD1;
    left: -1px;
}

button.slider-nav::after {
    -webkit-mask: none !important;
    /*content: url("/images/arrow-left.png");*/
    background: white !important;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid var(--ai-azure);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1px;
}

.slider-nav-dark .slider-nav {
    opacity: 1 !important;
}

.slider-nav {
    filter: none !important;
    transform: none !important;
    padding: 0 !important;
    font-size: 0;
}

button.slider-nav::before {
    width: auto !important;
    height: auto !important;
}

.slider-nav.slider-nav-next {
    right: -24px !important;
}

.slider-nav:not(.slider-nav-next) {
    left: -24px !important;
}

.add-basket-btn {
    background: #30BCD1 !important;
    font-weight: 500;
    font-family: segoeuisb;
    width: auto !important;
    padding: 0 24px !important;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.add-basket-btn[disabled],
.add-basket-btn[disabled]:hover,
.add-basket-btn.passive,
.add-basket-btn.passive:hover {
    background: #C0C0C0 !important;
    border-color: #C0C0C0 !important;
    box-shadow: none !important;
    cursor: initial !important;
}

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

.back-to-top.show-arrow {
    display: flex;
}

.product-information .section.price {
    margin-top: auto;
}

.price-item.default {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    height: 36px;
}

.prod-single-price-block .price-item.default {
    flex-direction: row;
    align-items: center;
    gap: 15px 35px;
    margin-bottom: 20px;
    height: auto;
}

.price-item.default .value {
    font-family: segoeuisb;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #24282B;
    margin: 0;
}

.price-item.default .value.with-sale {
    font-size: 16px;
    font-family: segoeuisb;
    color: #E50000;
    display: flex;
    align-items: center;
    min-width: auto;
}

.price-left span:last-child {
    font-family: segoeuisb;
    font-size: 14px;
    line-height: 17.07px;
    color: #24282B;
}

.prod-single-price-block .price-item.default .value {
    font-weight: 500;
    font-size: 16px;
    line-height: 19.5px;
}

.prod-single-price-block .price-item.default .value.with-sale {
    font-weight: 500;
    font-size: 20px;
    line-height: 24.38px;
}

.prod-single-price-block .price-left span:last-child {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
}

.shop-prod-item .quantity,
.shop-prod-item .rebatepercent {
    display: none;
}

.price-list .price-item .rebate {
    font-weight: 400;
    text-decoration: line-through;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    margin: 0;
}

.price-list .taxrate {
    font-size: 18px !important;
    color: #999999 !important;
    text-decoration: line-through;
    font-weight: 400 !important;
    margin: 0 !important;
    line-height: 22px;
}

.prod-single-heart {
    position: absolute !important;
    top: 21px;
    z-index: 1;
    right: 20px;
    cursor: pointer;
}

.catalog-detail-additional .item {
    margin: 0 !important;
}

.catalog-detail-additional .block {
    padding-top: 0 !important;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #30BCD1;
}

.catalog-detail-basic .rating {
    display: none !important;
}

.price-section {
    padding-bottom: 20px;
    border-bottom: 1px solid #30BCD1;
}

.prod-single-price-block .rebate:empty {
    display: none !important;
}

.single-short-descr {
    padding-bottom: 20px;
    border-bottom: 1px solid #30BCD1;
}

.catalog-detail-basic {
    padding-bottom: 20px;
    border-bottom: 1px solid #30BCD1;
}

.single-short-descr h5 {
    font-size: 16px;
    line-height: 19px;
    font-family: segoeuisb !important;
}

.not-avilable {
    background: #DFDFDF;
    border-radius: 31px;
    padding: 0 18px;
    height: 36px;
    display: none;
    align-items: center;
    color: #E50000 !important;
    line-height: 19px;
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 5;
}

.prod-single-quantity .quantity,
.catalog-detail-basket .add-basket-btn {
    max-width: 177px;
    height: 44px;
    width: 100% !important;
    gap: 5px;
}

.prod-single-quantity .quantity {
    display: none;
}

.prod-single-quantity .quantity .result input {
    border: none;
    width: 48px;
    color: #24282B;
    background: none;
    padding: 0;
    font-weight: 500;
    font-size: 24px;
    font-family: segoeuisb;
    line-height: 29px;
    height: auto;
}

.prod-single-quantity .quantity .result input::-webkit-outer-spin-button,
.prod-single-quantity .quantity .result input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

.prod-single-quantity .quantity.show {
    display: flex;
    padding: 0 8px;
    position: relative;
    border-radius: 28px;
    border: 1px solid #C0C0C0;
    justify-content: space-between;
}

.section-title {
    text-align: left;
}

.media-item {
    margin: auto;
    padding: 10px;
    object-fit: cover;
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    height: 267px;
}

.media-item img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.product-information {
    padding: 0;
    padding-top: 6px;
    box-shadow: 0px -5px 6px rgba(0, 0, 0, 0.06);
    padding: 6px 16px 5px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.text-list {
    display: block;
    color: var(--ai-secondary);
    overflow: hidden;
}

.account-favorite .favorite-items .name {
    margin-top: 0;
}

.shop-prod-item .name {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-family: segoeuisb;
    text-align: left;
    white-space: inherit;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 33px;
    min-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 3px;
    letter-spacing: normal;
}

.product-attr-name {
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 1;
    color: #C0C0C0 !important;
    height: 16px;
}

.recomend-prod-quantity input {
    width: 61px;
}

.recomend-prod-quantity input {
    border: none !important;
    padding: 0;
    font-weight: 500;
    font-family: segoeuisb;
    text-align: center;
    height: auto;
}

.page-catalog-tree .product {
    justify-content: space-between;
}

body.page-catalog-tree footer,
body.page-catalog-list footer,
body.page footer,
body.faq footer,
body:has(.sign-in) footer {
    margin-top: unset !important;
}

body.page-catalog-tree .content,
body.page-catalog-list .content,
body.page-account-index .content,
body.page .content,
body.faq .content {
    padding-bottom: 110px;
}

body:has(.sign-in) .content {
    padding-bottom: 110px;
    background-color: #FFFFFF;
}

body.page-account-index .content {
    padding-bottom: 110px;
}

.about-statistics {
    margin-bottom: 110px;
}

.page-catalog-tree .adw-wrapper {
    margin-bottom: 11px !important;
}

/*my account*/
.rotate {
    transform: rotate(180deg) !important;
}

#account-form .panel {
    padding: 30px;
    border-radius: 28px;
}

.address-delivery {
    border: 1px solid rgba(153, 153, 153, 1) !important;
}

.addresses-body {
    margin: 30px 0;
}

.address-delivery-new .addresses-body {
    margin: 15px 0 0;
}

.addresses-body .form-columns {
    max-width: 1064px;
    margin: auto;
    padding: 0 10px;
}

.address-delivery-new {
    border: none !important;
    margin: 0 !important;
}

.addresses-body .form-columns .group-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.addresses-body .form-rows-item input.address-delivery-mobile-code {
    padding-left: 0 !important;
    pointer-events: none;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
}

.account-profile {
    margin-top: 22px;
}

.account-profile .account-favorite {
    margin-top: 0;
}

.page-account-index .account-profile {
    min-height: 300px;
}

.account-profile-address .pagination {
    margin-top: 32px;
}

.account-profile h1.header {
    border: none !important;
    padding: 0 !important;
}

.profile-links {
    border-radius: 75px;
    background: #FFF;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.16);
}

.profile-links a {
    color: var(--ai-primary);
}

.profile-links a.active {
    color: var(--ai-link);
    pointer-events: none;
}

.profile-links a.active path {
    fill: var(--ai-link);
}

.profile-links a:hover {
    color: var(--ai-link-hover);
}

.profile-links a:hover path {
    fill: var(--ai-link-hover);

}

.profile-links .log_out_popup {
    cursor: pointer;
}

.profile-links .log_out_popup:hover span {
    color: var(--ai-azure) !important;
}

.profile-links form {
    cursor: pointer;
}

.mobile-profile-links {
    display: none;
}

.mobile-profile-links-body {
    display: none;
}

.mobile-profile-links.open .profile-links-header {
    box-shadow: none;
    border-bottom: 1px solid #DFDFDF;
    border-radius: 14px 14px 0 0;
}

.mobile-profile-links.open .mobile-profile-links-body {
    position: absolute;
    background: white;
    z-index: 1111111;
    width: 100%;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 14px 14px;
}

.mobile-profile-links-body form .links-item {
    border-bottom: none;
}

.mobile-profile-links.open {
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}

.mobile-profile-links-body .links-item {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    border-bottom: 1px solid #DFDFDF;
}

.links-item svg {
    width: 24px;
    height: auto;
}

.mobile-profile-links-body a {
    color: var(--ai-primary)
}

.mobile-profile-links-body a:hover {
    color: var(--ai-link-hover);
}

.mobile-profile-links-body a.active {
    color: var(--ai-link)
}

.mobile-profile-links-body a.active path {
    fill: var(--ai-link)
}

.profile-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    margin-bottom: 10px;
}

.profile-links-header {
    border-radius: 75px;
    background: #FFF;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.16);
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.profile-links-header svg {
    margin-left: auto;
}

.profile-links-header svg.rotate {
    transform: rotate(180deg);
}

.profile-links-header span {
    flex-grow: 1;
    font-size: 14px;
    line-height: 17px;
    color: #24282B;
}

.profile-links .links-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.profile-links .links-item span {
    font-size: 14px;
    line-height: 17px;
    color: #24282B;
    font-family: segoeuisl;
    font-weight: 400;
}

.form-rows {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 10px;
}

.form-rows-item {
    width: 100%;
    max-width: 506px;
}

.form-rows-item label {
    color: #1E1E1E;
    font-size: 14px;
    line-height: 18px;
    font-family: segoeuisl;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

.form-rows-item input {
    width: 100%;
}

.account-profile-address .address-delivery {
    border: none !important;
    padding: 5px 0;
    margin: 0 !important;
}

.account-profile-address .panel+.address-delivery-new {
    padding-top: 25px;
    margin: 0 !important;
}

.delivery .address-delivery:nth-last-of-type(2) .addresses-body {
    margin-bottom: 0;
}

.empty-section {
    border-radius: 20px;
    border: 1px solid #999999 !important;
    padding: 30px;
}

#address-payment-birthday {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.message-wr,
#address-payment .form-columns {
    max-width: 1064px;
    margin: auto;
    padding: 0 10px;
}

#address-payment .group-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.message-wr {
    margin-top: 20px;
}

.message-wr.message-wr--full {
    max-width: 100%;
    padding: 0;
}

.cards-message-wr.message-wr {
    margin-bottom: 20px;
}

.profile-tab-content {
    margin-top: 10px;
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 30px 0;
}

.form-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 21px;
    margin-top: 20px;
}

.form-btns button {
    font-size: 16px;
    font-family: segoeuisb;
    font-weight: 600;
    line-height: 19px;
}

.form-btns button:first-child {
    background: white;
    color: #30BCD1;
    border: 1px solid #30BCD1 !important;
}

.form-btns button:nth-child(2) {
    background: #DFDFDF;
    border: 1px solid #DFDFDF;
}

.form-btns button.btn-save.active {
    border: 1px solid #30BCD1;
    background: #30BCD1;
}

.form-btns button:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

.form-rows-item svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    z-index: 2;
    cursor: pointer;
}
.ui-datepicker .ui-icon {
    font-size: 0;
}

.add_new_address {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    padding-left: 30px;
}

label[for='checkAddress'] {
    background-image: url("/images/checkAddress.png");
    width: 24px;
    height: 24px;
    margin: 0;
}

.my-addresses {
    padding-left: 30px;
    padding-right: 30px;
}

#address-mobile-code {
    width: 130px !important;
    padding-left: 18px !important;
    font-size: 0;
}

.mobile-code {

    font-size: 0;
}

.iti__arrow {
    margin-left: 22px !important;
}


.profile-tab-content {
    display: none;
}



.empty-section h2 {
    margin: 0 0 10px 0 !important;
    font-size: 22px;
    line-height: 30px;
}

.account-profile-address .panel-heading {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.account-profile-address .panel-heading.new-addr {
    justify-content: flex-start;
    gap: 6px;
}

.new-addr .new-addr-label {
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.new-addr .new-addr-label label {
    margin: 0 !important;
}

.address-delivery-new .new-addr .new-addr-label {
    font-size: 16px;
    line-height: 19.5px;
}

.form-list {
    margin-top: 15px !important;
}

.new-addr #curr-addr:checked~label {
    width: 24px;
    height: 24px;
    border: none;
    background-image: url("/images/checkAddress.png");
}

button.btn-delete {
    background: transparent;
    border: none;
    border-radius: initial;
    padding: 0;
}

.btn-delete:hover svg path {
    fill: rgba(229, 0, 0, 1) !important;
}

.address-row {
    flex: 1;
    gap: 10px;
    width: 100%;
    display: flex;
    max-width: 96%;
    align-items: center;
    margin: 0 !important;
    justify-content: space-between;
}

.address-row .email {
    flex: 1;
    gap: 6px;
    display: flex;
    align-items: center;
}

.address-row .email label {
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin: 0 !important;
    border: 1px solid #656565;
}

label.address-row>* {
    width: calc(100% / 4);
    padding-right: 10px;
}

.address-row span {
    flex: 1;
    width: 100%;
    color: #24282B;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    font-family: segoeuisl;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    word-break: break-word;
}

.address-row span:hover {
    overflow: visible;
}

.card-add-section a.btn-secondary {
    color: #30BCD1 !important;
}

.card-add-section a.btn-secondary:focus,
.card-add-section a.btn-secondary:active,
.card-add-section a.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: unset;
}

.card-add-section {
    margin-top: 10px;
}

.account-favorite .favorite-items {
    justify-content: flex-start !important;
}

.price-lists {
    padding-top: 0 !important;
}

.price-lists .price-input {
    display: flex;
    align-items: center;
    gap: 9.5px;
}

.catalog-filter-rock {
    padding: 0 12px;
}

.catalog-filter-attribute .fieldsets {
    padding-bottom: 22px !important;
}

.catalog-filter-rock-item {
    font-size: 0;
    margin-bottom: 7px;
}

.catalog-filter-rock-item:last-child {
    margin-bottom: 0 !important;
}

.catalog-filter-rock-item label {
    margin-bottom: 0 !important;
}


.card-section {
    border-radius: 20px;
    border: 1px solid #999999 !important;
}

.card-section .panel-heading {
    padding: 30px;
}

.add-new-card {
    display: flex;
    align-items: center;
    gap: 6px;
}

.add-new-card span {
    font-size: 16px;
    color: #24282B;
    font-weight: 400;
    font-family: segoeuisl;
}

.add-new-card label {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #999999;
    margin: 0;
}

#add_card_input:checked~label {
    width: 24px;
    height: 24px;
    border: none;
    background-image: url("/images/checkAddress.png");
}

.card-section .card-body {
    display: none;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-top: 15px;
}

.added-card-item .check-card {
    margin-right: 10px;
}

.added-card-item .check-card label {
    width: 24px;
    height: 24px;
    border: 1px solid #999999;
    border-radius: 100%;
    display: flex;
    align-items: center;
}

.added-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    margin-bottom: 32px;
}

.added-card-item {
    padding: 15px 20px 15px 30px;
    min-height: 79px;
    border: 1px solid #999999;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.added-card-item .check-card input:checked~label {
    width: 24px;
    height: 24px;
    border: none;
    background-image: url("/images/checkAddress.png");
}

.added-card-item svg {
    cursor: pointer;
}

.added-card-item a:hover path {
    fill: #E50000;
}

.added-card-item-content {
    display: flex;
    align-items: center;
}

.added-card-item-content img {
    /* margin:  0 20px 0 10px; */
    margin: 0 20px 0 0;
}

.added-card-item-content label {
    margin: 0;
}

.added-card-item-content span {
    font-size: 20px;
    line-height: 24px;
    color: #24282B;
    font-weight: 500;
    font-family: segoeuisb
}

.open-order {
    border: 1px solid #30BCD1;
    border-radius: 40px;
    padding: 12px 32px;
    color: #30BCD1 !important;
    line-height: 19px;
    font-size: 16px;
    font-family: segoeuisb;
    font-weight: 500;
}

.account-history .action .btn {
    max-width: fit-content !important;
    margin: 0 !important;
    border: none !important;
}

.history-item {
    display: flex;
}

.repeat-order {
    background: white;
    border: 1px solid #30BCD1 !important;
    color: #30BCD1;
    font-family: segoeuisb;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.repeat-order:hover {
    color: white;
}

.account-history .history-item {
    border-radius: 20px;
    border: 1px solid #999999 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.order-parent-heading {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
}

.order_name {
    font-size: 18px;
    line-height: 24px;
    color: #24282B;
    font-weight: 400;
    font-family: segoeuisl;
}

.history-item table thead th {
    border-bottom: 2px solid #488ECC;
    padding: 30px;
}

.table-subhead {
    padding-left: 35px;
}

.order-list {
    padding-bottom: 30px;
}

.order-list table.main thead th {
    padding: 30px 0 30px 0;
    border-bottom: 2px solid #488ECC;
    font-size: 18px;
    color: #24282B;
    font-weight: 500;
    font-family: segoeuisb;
}

.order-list table thead th:first-child {
    padding-left: 30px;
}

.order-list table tbody td {
    width: calc(100% / 5);
    padding: 30px 0;
    font-size: 18px;
    color: #24282B;
    font-weight: 400;
    font-family: segoeuisl;
    border-bottom: 1px solid #999999;
}

.order-list table tbody td:first-child {
    padding-left: 30px;
}

.order-list {
    border-radius: 20px !important;
    border: 1px solid #999999 !important;
}


.hidden-table {
    display: none;
}

.hidden-table thead tr th {
    font-size: 18px;
    color: #488ECC;
    font-family: segoeuisb;
    font-weight: 500;
    padding-top: 30px;
    border-bottom: 1px solid #488ECC;
    padding-bottom: 22px;
}

.hidden-table thead tr th:not(:first-child) {
    text-align: center;
}

.hidden-table tbody tr td {
    width: calc(100% / 4);
    font-size: 16px;
}

.hidden-table tbody tr td:first-child {
    width: 40%;
}

.hidden-table tbody tr td:not(:first-child) {
    text-align: center;
    font-weight: 500;
    font-family: segoeuisb;
}

.table-product-wrapper {
    display: flex;
    gap: 10px;

}

.hidden-table .table-product-wrapper p {
    color: #24282B !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

.hidden-table .table-product-wrapper span {
    color: #C0C0C0;
    font-size: 12px;
    font-family: segoeuisl;
    font-weight: 400;
    line-height: 14px;
}


.hidden-table .table-product-image {
    border: 1px solid #C9C9C9;
    border-radius: 8px;
    padding: 4px;
    width: 56px;
    height: 56px;
}

.hidden-table .table-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.table-product-desc {
    max-width: 372px;
}

.table-arrow.rotate {
    transform: rotate(180deg);
}

.cms-content h1 {
    text-align: left !important;
}

.aimeos.cms-page h1,
.aimeos.cms-page h2 {
    padding: 0 !important;
}

.aimeos.cms-page h1:before,
.aimeos.cms-page h2:not([itemprop]):before {
    content: none !important;
}

.aimeos.cms-page h1:after,
.aimeos.cms-page h2:not([itemprop]):after {
    content: none !important;
}

.slick-arrow:not(.slick-disabled):hover {
    box-shadow: 0px 1px 9px 2px rgba(105, 105, 105, 0.20);
}

.slick-arrow.slick-disabled {
    cursor: initial;
    background: rgba(255, 255, 255, 0.33) !important;
}

.not-found-product {
    text-align: center;
    margin: 22px 0 60px 0;
}

.not-found-product a {
    padding: 0 32px;
    background: #30BCD1;
    border-radius: 40px;
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    font-family: segoeuisb;
    color: white;
    line-height: 18px;
    height: 38px;
    letter-spacing: 0.5px;
    font-size: 16px;
}

.not-found-product a:hover {
    color: white !important;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

.bold-font {
    font-family: segoeuisb !important;
}

.light-font {
    font-family: segoeuisl !important;
}

.coockie-popup-container {
    z-index: 999999999999;
    width: 100vw;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    pointer-events: none;
}

.coockie-popup-container-inner {
    width: 100%;
    height: 100vh;
    pointer-events: none;
}

#cookies-policy-popup {
    left: 0;
    width: 100%;
    bottom: 40px;
    padding: 30px;
    max-width: 457px;
    background: #FFF;
    position: absolute;
    pointer-events: all;
    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0px 6px 21px 1px rgba(0, 0, 0, 0.21);
}

.cookie-popup-body {
    display: flex;
    margin-bottom: 17px;
}

#cookies-policy-popup p {
    font-size: 18px !important;
    line-height: 22px !important;
    color: black !important;
    font-family: segoeuisl;
    margin-left: 20px !important;
    max-width: 335px;
}

#cookies-policy-popup #accept-cookies {
    background: #0d6efd;
    margin: auto;
    display: inherit;
}

#cookies-policy-popup #accept-cookies:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

.cookie-popup-body img {
    min-width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 100%;
}

#cookies-policy-popup #accept-cookies {
    background: #30BCD1 !important;
    height: 44px;
    letter-spacing: 0.5px;
}

.basket-mini-main.menu,
.favorite-mini-main {
    margin: 0;
    position: relative;
    padding: 0 !important;
}

.page-checkout-index .basket-mini-main {
    pointer-events: none;
}

.basket_total,
.favorite_total_style {
    font-family: segoeuisb;
    font-size: 11px;
    line-height: 10px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 100%;
    background: #E50000;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -3px;
    right: -8px;
}

/* .favorite_total {
    display: none;
} */
.hide-fav-icon {
    display: none !important;
}

body .basket-mini .zeynep {
    border-radius: 28px 0 0 28px;
    transition: right 0.3s;
}

body .basket-mini .zeynep.opened {
    width: 100% !important;
    max-width: 350px !important;
    /* z-index: 1111111111; */
    border-radius: 28px 0 0 28px;
    background: #FFF;
    padding: 0;
    box-shadow: 0px 1px 44px 7px rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
    right: 0;
    transform: none;
}

.basket-mini .zeynep.opened .close {
    padding: 0 !important;
    font-size: 0;
    opacity: 1 !important;
}

.basket-mini .zeynep.opened .close:hover path {
    fill: var(--ai-link-hover);
    stroke: var(--ai-link-hover);
}

.basket-mini .zeynep.opened .basket-body {
    max-height: 75vh;
    overflow-y: auto;
    flex-grow: 1;
    margin: 0 8px;
    padding: 0 8px;
}

.basket-mini .zeynep.opened .basket-body::-webkit-scrollbar {
    width: 3px;
    position: absolute !important;
    left: 0 !important;
}

.basket-mini .zeynep.opened .basket-body::-webkit-scrollbar-track {
    background: #C9C9C9;
}

.basket-mini .zeynep.opened .basket-body::-webkit-scrollbar-thumb {
    background: #999999;
}


.basket-mini .zeynep .header {
    background: white !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 16px 28px;
    padding-top: 20px;
    padding-bottom: 14px;
}

.basket-mini .zeynep:has(.mini-basket-product-item-wrapper) .header {
    border-bottom: 1px solid #488ECC;
}

.basket-mini .zeynep .header .name {
    color: #488ECC;
    font-family: segoeuisb;
    font-size: 24px !important;
    line-height: 32px !important;
    padding: 0 !important;
}

.mini-basket-name {
    font-size: 13px !important;
    line-height: 13px !important;
    color: #24282B !important;
    margin-bottom: 3px !important;
    display: -webkit-box;
    overflow: hidden;
    min-height: 28px;
    text-overflow: ellipsis;
    transition: all 0.2s;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    max-width: 200px;
}

.basket-product-image {
    border: 1px solid #999999;
    border-radius: 8px;
    min-width: 60px;
    height: 60px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-product-image img {
    width: 60px;
    height: 58px;
    object-fit: contain;
    border-radius: 8px;
}

.mini-basket-desc-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.page-account-index .mini-basket-desc-wrapper input {
    border: unset !important;
}

.mini-basket-desc-wrapper .tooltip {
    width: 176px;
    display: flex;
    align-items: center;
}

.basket-mini-product .delete {
    position: absolute;
    right: 0;
    padding: 0 !important;
    top: 0
}

.basket-mini-product .delete:after {
    content: none !important;
}

.basket-product-description {
    width: 100%;
}

.basket-mini .quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #C0C0C0;
    border-radius: 28px;
    max-width: 107px;
    width: 100%;
    height: 30px;
    padding: 0 2px;
    position: relative;
}

.basket-mini .quantity .quantity-item {
    font-size: 0;
    border: 1px solid #24282B;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.basket-mini .quantity .quantity-item:hover {
    border-color: var(--ai-link);
}

.basket-mini-product .price {
    font-size: 14px;
    line-height: 17px;
    font-family: segoeuisb !important;
    color: #24282B;
}

.basket-mini .close::before {
    content: none !important;
}

.basket-mini .quantity .result input {
    border: none;
    width: 53px;
    padding: 0 10px;
    height: auto;
    font-size: 16px;
    line-height: 19px;
    font-family: segoeuisb !important;
    text-align: center;
}

.basket-mini .quantity .result input::-webkit-outer-spin-button,
.basket-mini .quantity .result input::-webkit-inner-spin-button {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: none;
    margin: 0;
}

.basket-mini .quantity .minus_c.disable {
    border-color: #999;
}

.basket-mini .quantity .minus_c.disable:hover {
    border-color: #999 !important;
}

.basket-mini .quantity .minus_c.disable svg rect {
    fill: #999;
}

.basket-mini-product .total {
    background: none !important;
}

.mini-basket-product-item-wrapper {
    display: flex;
    position: relative;
    border-bottom: 1px solid #488ECC;
    padding-bottom: 12px;
    margin-bottom: 27px;
}

.mini-basket-product-item-wrapper.plastik .basket-product-description {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mini-basket-product-item-wrapper.plastik .mini-basket-name {
    min-height: auto;
    margin-bottom: 0 !important;
    overflow: unset;
}

.mini-basket-footer {
    padding: 10px 16px 19px;
    box-shadow: 0px 12px 55px 13px rgba(0, 0, 0, 0.13);
}

.mini-basket-footer ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #488ECC;
    padding-bottom: 10px !important;
}

.mini-basket-footer ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mini-basket-footer ul li:not(:last-child) {
    margin-bottom: 4px;
}

.mini-basket-footer ul li span {
    font-size: 14px;
    font-family: segoeuisb;
    line-height: 17px;
}

.mini-basket-footer ul li span.discount {
    color: var(--ai-azure);
}

.mini-basket-footer .buttons {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 21px;
}

.mini-basket-footer .buttons button {
    font-size: 16px;
    line-height: 19px !important;
    letter-spacing: 0.5px;
    padding: 12px 32px;
}

.mini-basket-footer .buttons button.clear {
    background: white !important;
    border: 1px solid #30BCD1 !important;
    color: #30BCD1;
}

.mini-basket-footer .buttons button.order {
    background: #30BCD1;
}

.mini-basket-footer .buttons button.order:hover,
.mini-basket-footer .buttons button.clear:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

.product-single-item.when-not-avilable .product-single-image.when-not-avilable {
    opacity: 0.5 !important;
}

.product-single-item.when-not-avilable .product-single-image.when-not-avilable .not-avilable {
    display: flex;
}

.page-index footer {
    margin-top: unset;
}

div.main-container,
.banner-container {
    max-width: 88%;
}

.mini-basket-empty {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 16px;
}

.mini-basket-empty h2 {
    margin: 11px 0 10px !important;
}

a.continue-shop {
    padding: 12px 32.5px;
    line-height: 19px;
    letter-spacing: 0.5px;
    background: #30BCD1;
    border-radius: 40px;
    color: white !important;
    font-family: segoeuisb;
    max-width: 206px;
    margin: 0 auto 50px auto;
    font-size: 16px;
    line-height: 19.5px;
}

a.continue-shop:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

.basket-mini .zeynep.opened.empty {
    justify-content: space-between;
}

.basket-mini .zeynep.opened.empty .header {
    border-bottom: 0;

    margin-bottom: 0;
}

.delivery-date-and-hours-block .selects {
    display: flex;
    padding: 0 !important;
}

#pickup-delivery-block .selects select {
    width: 101px;
    height: 44px;
    border: 1px solid #C0C0C0;
    outline: none;
    font-size: 16px;
    padding-left: 16px;
    font-family: segoeuisb;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("/images/select-arrow.png") no-repeat;
    background-position: 70px;

}

#pickup-delivery-block input[type=date] {}

#pickup-delivery-block .selects select:first-child {
    border-radius: 24px 0 0 24px;
}

#pickup-delivery-block .selects select:last-child {
    border-radius: 0 24px 24px 0
}

.puckup-delivery-fields {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    max-width: max-content;
    gap: 14px 17px;
    padding: 0 !important;
}

select::-ms-expand {
    display: none;
}

.checkout-standard {
    padding-top: 0 !important;
}

.checkout-standard-payment {
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 30px;
    max-width: 48%;
    width: 100%;
}

.checkout-standard-payment .item-service {
    padding: 20px !important;
    margin: 0 !important;
}

.checkout-standard-payment h2 {
    margin-bottom: 14px !important;
}

.checkout-standard-payment label label {
    min-width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #7B8184;
    margin: 0 !important;
}

.checkout-standard-payment label h4 {
    margin: 0 !important;
    line-height: 22px !important;
    font-family: segoeuisl !important;
    color: #24282B;
}

.checkout-standard-payment input:checked~label {
    width: 24px;
    height: 24px;
    border-radius: 22px;
    background: url("/images/checkAddress.png") no-repeat center;
    border: none;
}

.checkout-standard-summary {
    max-width: 48%;
    width: 100%;
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 30px;
    align-self: baseline;
}

.checkout-standard-summary-option {
    padding: 0 !important;
}

.checkout-standard-summary-option-terms {
    margin-top: 0;
}

.checkout-standard-summary-option-terms .total-block {
    width: 100%;
    margin-top: 0;
}

.checkout-standard-summary-option-terms .total-block ul {
    max-width: 100%;
    margin-top: 0 !important;
}

.checkout-standard-summary textarea {
    width: 100%;
    border-color: #488ECC;
    border-radius: 20px;
    outline: none;
}

.checkout-standard-summary textarea::placeholder {
    color: #C0C0C0;
    font-size: 16px;
    line-height: 24px;
}

.checkout-standard-summary .content {
    margin: 0 !important;
    padding: 0 !important;
}

.checkout-standard-summary .header {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 14px;
}

.item.comment {
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 30px;
}

.checkout-terms {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-terms label {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    cursor: pointer;
}

.checkout-terms label a {
    font-size: 18px !important;
    line-height: 22px !important;
    text-decoration: underline !important;
}

.checkout-terms .option-terms-accept {
    min-width: 24px;
    height: 24px;
    border: 2px solid #999;
    border-radius: 1px;
    margin: 0 !important;
    padding: 0;
}

.checkout-terms input:checked~label.option-terms-accept {
    width: 24px;
    height: 24px;
    background: url("/images/check.png") no-repeat center;
    border: none;
    background-size: cover;
}

.comment .input-field.textarea {
    position: relative;
    margin-top: 0;
}

.checkout-all-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.checkout-standard-address {
    max-width: 48%;
    width: 100%;
}

#select2-address-delivery-stores-pickup-results li.select2-results__option {
    text-align: left !important;
}

.checkout-standard-delivery {
    max-width: 48%;
    width: 100%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-self: baseline;
}

.mobile--code-wrapper .mobile-code {
    width: 130px;
}

.checkout-standard-delivery .item,
.checkout-standard-payment .item {
    margin: 0 !important;
}

.credit-cards .unchecked {
    width: 24px;
    height: 24px;
    border: 1px solid #999;
    border-radius: 100%;
    display: inline-block;
}

.credit-cards input:checked~label.unchecked {
    border: none;
    width: 24px;
    height: 24px;
    background: url("/images/checkAddress.png") no-repeat center !important;
}

.credit-cards {
    margin-top: 10px;
}

.credit-cards-label {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #999;
    margin: 0;
    padding: 20px;
    border-radius: 20px;
}

.checkout-standard .button-group {
    display: block !important;
}

.checkout-terms {
    width: 100%;
}

.checkout-confirm-btn {
    width: 100%;
    padding: 0 !important;
    display: flex;
    justify-content: center;
}

.delivery-date-and-hours-block {
    flex-wrap: wrap;
    gap: 14px 17px;
    margin-top: 14px !important;
    padding: 0 !important;
    max-width: max-content;
    justify-content: center;
}

.select2-search {
    display: none !important;
}

.delivery-date-and-hours-block .select2-container {
    width: 202px !important;
}

.select2-container .select2-selection--single {
    height: 44px !important;
    display: flex !important;
    align-items: center;
    border-radius: 24px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(/images/select-arrow.png) no-repeat !important;
    border: none !important;
    width: 16px !important;
    height: 10px !important;
    margin: 0 !important;
    right: 18px !important;
    left: unset !important;
    background-size: cover !important;
    top: 53% !important;
    transform: translateY(-50%);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg) translateY(50%) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-results__option--selectable {
    text-align: center;
    color: #24282B !important;
    line-height: 24px;
    background: transparent !important;
}

.select2-results__options li {
    border-bottom: 1px solid #C0C0C0 !important;
    text-align: center !important;
    color: #24282B !important;
    line-height: 24px;
    background: transparent !important;
    padding: 8px 18px !important;
}

.select2-results__options li:last-child {
    border: none !important;
}

.select2-container .select2-dropdown {
    border-radius: 0 0 24px 24px !important;
    border: 1px solid #E0E0E0;
    z-index: 10;
}

.select2-dropdown.select2-dropdown--above {
    border-radius: 24px 24px 0 0 !important;
}

.select2-container--open .select2-selection--single {
    border-radius: 22px 22px 0 0 !important;
}

.select2-container--open.select2-container--above .select2-selection--single {
    border-radius: 0 0 22px 22px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 18px !important;
}

.select2-container--open .select2-selection__arrow b {
    transform: rotate(180deg) translateY(50%) !important;
}

.delivery-personal .select2-container {
    width: 101px !important;
}

.delivery-personal .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px !important;
}

.delivery-personal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    right: 16px !important;
}

.delivery-personal .select2-container--default .select2-selection--single,
.puckup-delivery-fields .select2-container--default .select2-selection--single {
    border-radius: 24px 0 0 24px !important;
    border: 1px solid #E0E0E0;
}

.delivery-personal .personal .select2:last-child .select2-selection--single,
.puckup-delivery-fields .select2:last-child .select2-selection--single {
    border-radius: 0 24px 24px 0 !important;
}

.delivery-personal .select2-container--open .select2-selection--single,
.puckup-delivery-fields .select2-container--open .select2-selection--single {
    border-radius: 22px 0 0 0 !important;
}

.delivery-personal .select2-container--open.select2-container--above .select2-selection--single,
.puckup-delivery-fields .select2-container--open.select2-container--above .select2-selection--single {
    border-radius: 0 0 0 22px !important;
}

.delivery-personal .select2:last-child.select2-container--open .select2-selection--single,
.puckup-delivery-fields .select2:last-child.select2-container--open .select2-selection--single {
    border-radius: 0 22px 0px 0 !important;
}

.delivery-personal .select2:last-child.select2-container--open.select2-container--above .select2-selection--single,
.puckup-delivery-fields .select2:last-child.select2-container--open.select2-container--above .select2-selection--single {
    border-radius: 0 0 22px 0 !important;
}

.delivery-personal .delivery-date-and-hours-block {
    display: flex;
    gap: 14px 17px;
    padding: 0 !important;
}

.ui-datepicker-calendar {
    width: 100%;
}

#c_delivery-pickup h2 {
    padding: 0 !important;
}

.puckup-delivery-fields-selects-wrapper {
    display: flex;
    align-items: center;
}

.puckup-delivery-fields .input-date-wrapper {
    max-width: 157px;
    position: relative !important;
}

.puckup-delivery-fields .input-date-wrapper input {
    width: 100%;
    font-family: 'segoeuisb';
    color: var(--ai-primary);
    border: 1px solid #E0E0E0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #24282B !important;
    font-family: segoeuisb;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #24282B !important;
}

#c_delivery-pickup .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 18px !important;
}

.checkout-stores-select {
    display: flex;
    flex-direction: column;
}

.checkout-stores-select .select2-container--default .select2-selection--single,
.blue-selct2-selected .select2-container--open .select2-dropdown {
    border-color: var(--ai-link);
}

.page-checkout-index>#ui-datepicker-div .ui-datepicker-header {
    position: relative !important;
}

.page-checkout-index>#ui-datepicker-div .ui-datepicker-prev {
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%);
    cursor: pointer !important;
}

.page-checkout-index>#ui-datepicker-div .ui-datepicker-next {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%);
    cursor: pointer !important;
}

.stores.mandatory {
    margin-bottom: 0 !important;
}

.ui-state-hover {
    background-size: contain !important;
}

#simple-deliveries-block .selects .datepicker {
    width: 157px !important;
    padding-left: 51px;
    color: #24282B;
    font-family: segoeuisb;
    line-height: 3;
    border: 1px solid #E0E0E0;
}

#simple-deliveries-block .selects .disabled .datepicker {
    background-color: #eee;
}

#simple-deliveries-block {
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 30px;
}

.checkout-confirm-btn {
    margin-top: 20px;
}


.aimeos h1,
.aimeos h2 {
    text-transform: unset !important;
}

.iti__country {
    color: #24282B;
    font-family: 'segoeuisl';
    font-weight: 400;
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    color: #24282B;
    font-family: 'segoeuisl';
    font-weight: 400;
}

.iti__flag-box,
.iti__country-name {
    font-family: segoeuisl;
}

.address-textarea {
    flex-direction: column;
}

.checkout-standard-address .form-list .mandatory,
.checkout-standard-address .form-list .optional {
    margin-bottom: 10px !important;
}




.favorites-products-page .all-categories-wrapper {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px;
}

.favorites-products-page .shop-prod-item {
    min-height: unset;
    margin: 0 !important;
    justify-content: space-between;
}

.favorites-products-page .shop-prod-item img {
    display: block;
    margin: auto;
}

.favorites-products-page .shop-prod-item .btn-action_c {
    background: transparent;
    padding: 0;
}

.favorites-is-empty {
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;

}

.favorites-is-empty h2 {
    margin: 10px 0 0 !important;
    text-align: center !important;
}

.favorites-is-empty a {
    padding: 12px 32px;
    font-size: 16px;
    line-height: 19.5px;
    color: rgba(255, 255, 255, 1) !important;
    background: #30BCD1;
    font-family: segoeuisb;
    border-radius: 40px;
    margin-top: 20px;
}

.favorites-is-empty a:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
}

#basket_clear button {
    min-width: unset;
}

#login_for_order,
#log_out,
#basket_clear,
#basketClearModal,
#accept-adults-popup,
.popup-body {
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 22px;
    background: #FFF;
    box-shadow: 0px 6px 21px 1px rgba(0, 0, 0, 0.21);
    z-index: 999999;
    padding: 30px 52px;
    max-width: 416px;
    width: 100%;
    transform: translate(-50%, -50%);
    bottom: unset;
}

#accept-adults-popup p,
#basket_clear p,
.login_for_order-body p,
.popup-body p {
    color: #000000;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}

.btn-groups {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-top: 20px;
}

.btn-groups button:not(:last-child) a {
    color: white;
    font-family: segoeuisb;
}

.btn-groups a {
    width: 44.5%;
}

.btn-groups button:last-child a {
    font-family: segoeuisb;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(48, 188, 209, 1);
}

.btn-groups button:last-child {
    width: 100%;
    height: 44px;
    padding: 0;
    margin: 0;
}

.btn-groups button:hover a {
    color: white;
}

.btn-groups button a:hover {
    color: unset !important;
}

.btn-groups button:last-child:hover a {
    color: #30BCD1 !important;
}

.btn-groups button:last-child:hover {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.17));
    cursor: pointer;
}

#close_order_popup {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.page-checkout-index .form-horizontal {
    height: 100%;
}

#log_out {
    max-width: 416px;
}

#log_out p {
    text-align: center;
    color: rgba(0, 0, 0, 1) !important;
    font-size: 18px;
    line-height: 22px;
}

svg.close_log_out_popup,
.close_basket_clear_popup,
.close_basket_clear_logged_in_popup, 
.popup-close {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    width: 24px;
    height: auto;
}

span.close_log_out_popup,
#log_out form a {
    display: block;
    min-width: 90px;
    padding: 12px 16px;
    text-transform: capitalize;
}

.page-checkout-index .basket-quantity.count-error {
    border-color: var(--ai-danger);
    ;
}

.favorites-page .shop-prod-item .result input {
    border: none;
    height: min-content;
    text-align: center;
    width: 74px;
    font-family: segoeuisb;
}

.favorites-page footer,
.page-account-index footer {
    margin-top: unset;
}

.favorites-page section.favorites-products-page {
    padding-bottom: 110px;
}

.c-product-item {}

.c-image {
    position: relative;
    overflow: hidden;
}

.header-profile-link {
    position: relative;
}

.header-profile-notification-icon {
    font-family: segoeuisb;
    font-size: 11px;
    line-height: 10px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 100%;
    background: #E50000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -3px;
    right: -8px;
}

#header .header-profile-notification-icon svg {
    min-width: 7px;
    width: 7px;
    height: 7px;
}

.verify-email {
    padding-top: 32px;
}

.verify-email__content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.verify-email__content.new {
    text-align: left;
}

.disabled {
    opacity: 0.6 !important;
}

.catalog-filter-rock-item.disabled label:before {
    cursor: initial;
}

.checkout-standard-process {
    text-align: left;
    max-width: 700px;
    margin: 0 auto;
}

.checkout-standard-process .order-notice {
    margin: 25px 0 0;
    /* font-size: 14px;
    line-height: 18px; */
}

.checkout-standard-process .button-group.btns-wr {
    padding: 7px 0;
}

.checkout-process-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    min-height: 314px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 22px;
    z-index: 10000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

.checkout-process-overlay svg {
    width: 100px;
    height: auto;
}