*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul,
ol {
padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
html {
overflow-x: hidden !important;
width: 100%;
}
body {
min-height: 85vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
overflow-x: hidden;
font-family: 'Open Sans', sans-serif;
color: #000000;
}
ul[class],
ol[class] {
list-style: none;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
img {
max-width: 100%;
/* display: block; */
}
article > * + * {
margin-top: 1em;
}
input,
button,
textarea,
select {
font: inherit;
}
input {
outline: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
input:focus,
textarea:focus {
outline:none;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: none !important;
}
a {
text-decoration: none;
color:#000000;
outline: none;
}
a:hover {
color: #000000;
}
button {
background-color: transparent;
border: none;
color: #000;
}
button:focus-visible {
outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type='number'] {
-moz-appearance: textfield;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
inset 0 0 0 50px white;
-webkit-text-fill-color:#000;
/* -webkit-box-shadow: transparent; */
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
font-size: 1.1rem;
}
.btn-check:focus+.btn, .btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
:root {
--grey:#A0A0A0;
--swiper-theme-color: #FFB632;;
--swiper-navigation-size: 28px;
}
#loading-popup {
visibility: hidden;
opacity: 0;
}
#loading-popup.active {
visibility: visible;
opacity: 1;
}
.swiper-pagination-bullet {
margin-right: 9px;
}
.swiper-pagination-bullet:last-child {
margin-right: 0;
}
@font-face {
font-family:'Open Sans', sans-serif;
src: url('../fonts/OpenSans-Light.ttf') format('ttf');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family:'Open Sans bold',serif;
src: url(../fonts/OpenSans-Bold.ttf) format('ttf');
font-weight: 600;
font-style: normal;
font-display: swap;
}
.grecaptcha-badge{
display: none;
}
body.overflow {
overflow: hidden;
}
.title {
font-weight: bold;
font-size: 30px;
}
img.error {
background: url("../images/lazy-load.jpeg");
background-size: cover;
font-size: 0;
transition: unset !important;
}
.underline-link {
font-weight: bold;
color: #000;
border-bottom: 1px solid #FFB632 !important;
}
/* menu */
.menu-pop-up {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #FFFFFF;
z-index: 100;
padding: 10px 0;
padding-bottom: 90px;
opacity: 0;
visibility: hidden;
/* display: none; */
-khtml-opacity: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
/* transform: perspective(0px) scale(0); */
-webkit-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}
.menu-pop-up .close-btn {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
text-align: left;
}
/* .menu-pop-up::after {
content: '';
background-color: #fff;
height: 50px;
position: absolute;
right: 0;
left: 0;
bottom: -50px;
} */
.menu--desktop {
display: none;
}
.menu-pop-up.active {
opacity: 1;
-khtml-opacity: .5;
visibility: visible;
overflow: auto;
display: block;
}
.catalog__search.menu-pop-up__search {
border-radius: 8px;
margin-bottom: 12px;
width: 95%;
}
.menu-pop-up__input.catalog__input {
border: 1px solid #FFB632;
background: url(../images/search-checked.svg) no-repeat center left 9px;
width: 95%;
}
.menu-pop-up__input.catalog__input::-webkit-input-placeholder {
color: #FFB632;
}
.menu-pop-up__input.catalog__input::-moz-placeholder {
color: #FFB632;
}
.menu-pop-up__input.catalog__input:-ms-input-placeholder {
color: #FFB632;
}
.menu-pop-up__input.catalog__input::-ms-input-placeholder {
color: #FFB632;
}
.menu-pop-up__input.catalog__input::placeholder {
color: #FFB632;
}
.menu-pop-up__subtitle {
font-weight: 600;
font-size: 14px;
line-height: 15px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
text-align: left;
}
.menu-pop-up__item {
background-color: #EC8DAC;
border-radius: 10px;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
height: 6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 7px;
margin-bottom: 0.5rem;
z-index: 10;
}
.menu-pop-up__item:first-child {
background: #FFB632;
}
.menu-pop-up__item.promo {
background: #EC8DAC;
}
.menu-pop-up__item.new {
background: #95B9EF;
}
.menu-pop-up__item.protein {
background: #F1CE75;
padding: 7px 7px 0 7px;
}
.menu-pop-up__item.keto {
background: #83CCEB;
padding: 7px 7px 0 7px;
}
.menu-pop-up__item.vegan {
background: #D7D968;
}
.menu-pop-up__item.vitamins {
background: #80E2A1;
padding: 7px 7px 0 7px;
}
.menu-pop-up__item.closes {
background: #F1CE75;
padding: 7px 7px 0 7px;
}
.menu-pop-up__item.cosmetic{
background: #95B9EF;
}
.menu-pop-up__item.bombbar {
background: #F1CE75;
}
.menu-pop-up__item.chicalab {
background: #83CCEB;
}
.menu-pop-up__item.snaq-fabriq{
background: #EC8DAC;
}
.menu-pop-up__item.overlay {
background: #95B9EF;
}
.menu-pop-up__item.combo {
background: #D7D968;
}
.menu-pop-up__item.presents {
background: #F1CE75;
}
.menu-pop-up__item.darkstore {
background: #FFF5E5;
}
.menu-pop-up__item.darkstore .menu-pop-up__subtitle {
font-weight: bold;
color: #000;
}
.menu-pop-up__item img {
-o-object-fit: contain;
object-fit: contain;
}
.menu-pop-up__items-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.close-btn {
text-align: right;
}
.menu-pop-up__category-modal {
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 101;
padding: 20px 14px;
background: #fff;
}
.menu-pop-up__category-modal.active {
visibility: visible;
opacity: 1;
}
.menu__products-name {
transition: .4s;
font-weight: 600;
}
.menu__products-item span {
border-bottom: 1px solid transparent;
}
.menu__products-img {
position: absolute;
left: -2rem;
}
.menu__products-item {
margin-bottom: 3rem;
position: relative;
font-size: 1.1rem;
max-width: 20rem;
margin-left: 2rem
}
.menu__products-item--desktop {
}
.menu__products-link span {
margin-bottom: 0.5rem;
display: inline-block;
}
.menu__categories-list--desktop {
max-width: 20rem;
}
.menu__categories-item--desktop span {
font-weight: 400;
font-size: 1.1rem;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-bottom: 1px solid transparent;
}
.menu__products-list--mobile {
display: none;
padding-top: 20px;
}
.menu__products-list--mobile.active {
display: block;
}
.menu__productrs-subcategory-item {
margin-bottom: 0.9rem;
}
.choose-city__modal {
}
.choose-city__modal {
position: fixed;
top: 0%;
left: 0%;
right: 0;
bottom: 0;
/* width: 41rem;
max-width: 80%; */
padding: 20px;
padding-bottom: 90px;
background: #FFFFFF;
-webkit-box-shadow: 0px 11px 69px rgba(0, 0, 0, 0.25);
box-shadow: 0px 11px 69px rgba(0, 0, 0, 0.25);
z-index: 130;
/* -webkit-transform: perspective(0px) scale(0);
transform: perspective(0px) scale(0); */
-webkit-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;
text-align: left;
color: #000;
overflow-y: auto;
visibility: hidden;
opacity: 0;
}
.choose-city__modal.active {
/*
-webkit-transform: perspective(600px) scale(1);
transform: perspective(600px) scale(1); */
opacity: 1;
visibility: visible;
}
.choose-city__modal .close-btn {
position: absolute;
right: 1rem;
top: 1rem;
z-index: 3;
}
.choose-city__icon {
margin-right: 10px;
}
.choose-city__title {
font-size: 22px;
font-weight: bold;
margin-bottom: 30px;
}
.choose-city__title--desktop {
display: none;
}
.choose-city__current {
font-weight: bold;
font-size: 18px;
/* margin-bottom: 20px;
display: inline-block; */
}
.choose-city__container {
/* padding: 3rem 0 2rem 0; */
}
.choose-city__icon-wrapper {
margin-bottom: 20px;
}
.choose-city__list {
padding: 0 1rem;
/* max-height: 30vh; */
overflow-y: auto;
/* display: flex; */
}
.choose-city__wrapper {
position: sticky;
top: -20px;
background-color: #fff;
}
.choose-city__list::-webkit-scrollbar-thumb {
background-color: #ABABAB;;
border-radius: 10px;
}
.choose-city__list::-webkit-scrollbar {
background-color: #E5E5E5;
width: 6px;
height: 6px;
}
.choose-city__input {
background: #FFFFFF;
border: 1px solid #C4C4C4;
border-radius: 12px;
margin-bottom: 2rem;
padding: 13px 19px;
color: #000;
font-size: 1.1rem;
width: 100%;
}
.choose-city__input::-webkit-input-placeholder {
color: #A0A0A0;
}
.choose-city__input::-moz-placeholder {
color: #A0A0A0;
}
.choose-city__input:-ms-input-placeholder {
color: #A0A0A0;
}
.choose-city__input::-ms-input-placeholder {
color: #A0A0A0;
}
.choose-city__input::placeholder {
color: #A0A0A0;
}
.choose-city__item {
font-weight: normal;
font-size: 1.2rem;
margin-bottom: 1.5rem;
}
.choose-city__item--link {
cursor: pointer;
}
/* search-pop-up */
.search-pop-up{
background-color:#fff;
position: fixed;
top: 0;
bottom: 0;
width:100vw;
z-index: 30;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
padding: 80px 7px 100px;
overflow-y: auto;
}
.search-pop-up.active {
visibility: visible;
opacity: 1;
}
.search-pop-up .close-btn {
right: 10px;
padding-top: 10px;
font-size: 13px;
position: absolute;
}
.search-pop-up__input.catalog__input {
background-color: #F4F2E9;
color: #000;
border: none;
}
.search-pop-up__input.catalog__input::-webkit-input-placeholder {
color: #000;
text-transform: capitalize;
}
.search-pop-up__input.catalog__input::-moz-placeholder {
color: #000;
text-transform: capitalize;
}
.search-pop-up__input.catalog__input:-ms-input-placeholder {
color: #000;
text-transform: capitalize;
}
.search-pop-up__input.catalog__input::-ms-input-placeholder {
color: #000;
text-transform: capitalize;
}
.search-pop-up__input.catalog__input::placeholder {
color: #000;
text-transform: capitalize;
}
/* .catalog__input:focus {
border-color: none;
background: url(../images/search-checked.svg) no-repeat center left 8px;
} */
.search-pop-up__input.catalog__input:focus::-webkit-input-placeholder {
color: #000;
}
.search-pop-up__input.catalog__input:focus::-moz-placeholder {
color: #000;
}
.search-pop-up__input.catalog__input:focus:-ms-input-placeholder {
color: #000;
}
.search-pop-up__input.catalog__input:focus::-ms-input-placeholder {
color: #000;
}
.search-pop-up__input.catalog__input:focus::placeholder {
color: #000;
}
.search-pop-up__input.catalog__input::-webkit-search-cancel-button,
.choose-city__input::-webkit-search-cancel-button {
-webkit-appearance: none;
width: 10px;
height: 8px;
background: url(../images/close-black.svg) no-repeat;
background-position: center;
right: -70px;
position: absolute;
background-size:cover;
z-index: 20;
display: block;
}
.search-city__input.catalog__input {
caret-color: #000;
padding: 8px 30px 8px 30px;
}
.search-city__input.catalog__input::-webkit-search-cancel-button {
-webkit-appearance: none;
width: 10px;
height: 10px;
background: url(../images/close-black.svg) no-repeat;
background-position: center;
right: -80px;
position: absolute;
background-size:cover;
z-index: 20;
display: block;
}
.search-pop-up__input.menu-pop-up__input.catalog__input:focus {
background-color: #F4F2E9;
background-image: url(../images/search-popup.svg);
background-repeat: no-repeat;
background-position: center left 8px;
}
.search-pop-up__input.menu-pop-up__input.catalog__input {
background-color: #F4F2E9;
background-image: url(../images/search-popup.svg);
background-repeat: no-repeat;
background-position: center left 8px;
width: 83%;
}
.search-pop-up__example {
background: #F4F2E9;
border-radius: 8px;
padding: 7px 10px;
margin-right: 10px;
font-size: 14px;
margin-bottom: 30px;
}
.search-pop-up__example:last-of-type{
margin-bottom: 20px;
}
.search-pop-up__repeat {
display: block;
margin-bottom: 23px;
padding: 0;
text-align: left;
}
.search-pop-up__repeat img {
margin-right: 10px;
}
.search-pop-up__category {
margin-bottom: 20px;
}
.search-pop-up__category-link {
/* margin-bottom: 23px; */
color: #000;
font-size: 16px;
position: relative;
margin-right: 5px;
}
.search-pop-up__category__list {
margin-bottom: 40px;
}
.repeat-btn__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.clean-results__btn {
text-align: right;
}
.search-result__cancel-btn {
display: none;
font-weight: 600;
font-size: 14px;
position: relative;
width: 27px;
height: 27px;
right: -1px;
padding: 0;
top: 2px;
padding-right: 12px;
}
.search-result__arrow-btn {
display: none;
}
.search-results__item-title {
font-weight: bold;
}
.sort-products__list {
position: absolute;
right: 0;
top: 32px;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 20px 10px 10px 20px;
z-index: 18;
width: 178px;
text-align: left;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
visibility: hidden;
opacity: 0;
}
.sort-products__list.active {
visibility: visible;
opacity: 1;
}
.sort-products__item {
font-size: 15px;
margin-bottom: 15px;
}
.sort-products__title {
font-size: 14px;
font-weight: bold;
margin-bottom: 13px;
}
.sort-products__container {
position: relative;
}
.sort-products {
padding: 0;
}
.sort-products__count {
color: #A0A0A0;
font-size: 15px;
}
.sort-products__container {
text-align: right;
}
/* pop-up-subscribe */
.pop-up-subscribe {
opacity: 0;
visibility: hidden;
background: #FFFFFF;
-webkit-box-shadow: 0px 11px 50px rgba(0, 0, 0, 0.25);
box-shadow: 0px 11px 50px rgba(0, 0, 0, 0.25);
border-radius: 12px 12px 0px 0px;
z-index: 35;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding-top: 40px;
padding-bottom: 27px;
padding: 40px 15px 27px 15px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.pop-up-subscribe__container--success {
display: none;
}
.pop-up-subscribe.active {
opacity: 1;
visibility: visible;
}
.pop-up-subscribe .close-btn {
top: 10px;
right: 10px;
position: absolute;
}
.pop-up-subscribe__container {
display: block;
}
.pop-up-subscribe__icon {
margin-bottom: 8px;
}
.pop-up-subscribe__subtitle {
font-weight: bold;
font-size: 17px;
margin-bottom: 50px;
line-height: 27px;
width: 254px;
}
.catalog-btn {
}
.pop-up-subscribe__input {
padding: 6px;
font-size: 15px;
margin-bottom: 25px;
border: none;
border-bottom: 1px solid #CECECE;
width: 100%;
}
.pop-up-subscribe__input::-webkit-input-placeholder {
color: #A0A0A0;
}
.pop-up-subscribe__input::-moz-placeholder {
color: #A0A0A0;
}
.pop-up-subscribe__input:-ms-input-placeholder {
color: #A0A0A0;
}
.pop-up-subscribe__input::-ms-input-placeholder {
color: #A0A0A0;
}
.pop-up-subscribe__input::placeholder {
color: #A0A0A0;
}
.pop-up-subscribe__left {
display: none;
}
/* pop-up */
.pop-up__product-info.active {
opacity: 1;
visibility: visible;
}
.pop-up__product-info {
visibility:hidden;
opacity: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: fixed;
z-index: 105;
left: 10px;
right: 10px;
top: calc(50% - 175px);
height: 350px;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
border-radius: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pop-up__product-info.active {
}
.pop-up__product-info .close-btn {
top: 10px;
right: 10px;
position: absolute;
}
.pop-up__product-info-btn.catalog-btn {
width: 300px;
}
.container {
}
.pop-up__product-info-text {
text-align: center;
font-weight: bold;
font-size: 17px;
width: 237px;
margin: 0 auto;
}
.pop-up__product-info-text--small {
font-size: 14px !important;
}
.pop-up__product-info-btn {
width: unset;
bottom: 20px;
left: 10px;
right: 10px;
position: absolute;
}
.unavailable-products__popup {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
border-radius: 12px;
position: fixed;
z-index: 104;
opacity: 1;
overflow-y: auto;
max-height: 100vh;
left: 10px;
right: 10px;
top: 25px;
padding: 25px 0;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.unavailable-products__popup.active {
visibility: visible;
opacity: 1;
}
.unavailable-products__inner {
}
.unavailable-products__popup .close-btn {
position: absolute;
top: 15px;
right: 15px;
}
.unavailable-products__info {
font-weight: normal;
font-size: 18px;
text-align: center;
margin-bottom: 20px;
padding-top: 30px;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.unavailable-products__header {
font-weight: bold;
font-size: 18px;
margin-bottom: 33px;
text-align: center;
padding: 0 25px;
}
.unavailable-products__scroll-container {
}
.unavailable-products__list {
}
.unavailable-products__item {
margin-bottom: 40px;
}
.unavailable-products__title {
font-weight: 600;
font-size: 16px;
line-height: 21px;
}
.unavailable-products__description {
color: #A0A0A0;
font-size: 14px;
}
.pop-up__banner {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
border-radius: 0px;
position: fixed;
z-index: 104;
opacity: 1;
overflow-y: auto;
min-height: 100vh;
left: 0px;
right: 0px;
top: 0px;
padding: 25px 0;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: flex;
justify-content: center;
align-items: center;
z-index: 152;
overflow: hidden;
}
.pop-up__banner.active {
visibility: visible;
opacity: 1;
}
.pop-up__banner .close-btn {
top: 10px;
right: 10px;
position: absolute;
}
.banner__inner {
height: 100%;
padding: 15px;
display: flex;
align-items: center;
}
.banner__title {
font-weight: 700;
font-size: 31px;
line-height: 41px;
text-align: center;
margin-bottom: 24px;
}
.banner__img {
text-align: center;
}
.banner__desc {
font-weight: 700;
font-size: 22px;
line-height: 29px;
text-align: center;
margin-bottom: 14px;
}
.banner__count {
font-weight: 700;
font-size: 22px;
line-height: 33px;
text-align: center;
color: #FFFFFF;
mix-blend-mode: normal;
background: #000000;
border-radius: 12px;
padding: 3px 12px;
display: inline-block;
margin: 0 auto 20px;
}
.banner__input {
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
background: transparent;
border-bottom: 1px solid #DCDCDC;
display: block;
width: 100%;
margin-bottom: 0px;
margin-bottom: 2rem;
font-size: 1.2rem;
line-height: 40px;
color: #000;
padding: 0.5rem 1rem;
}
.banner__btn {
display: block;
font-size: 1.1rem;
color: #000;
background: #FFB632;
border-radius: 12px;
padding: 14px 10px;
width: 100%;
margin: 0 auto 19px;
}
.banner-success__img {
text-align: center;
margin-bottom: 18px;
}
.banner-success__title {
font-weight: 700;
font-size: 24px;
line-height: 26px;
text-align: center;
margin-bottom: 25px;
}
.banner-success__desc {
font-weight: 400;
font-size: 18px;
line-height: 26px;
text-align: center;
margin-bottom: 35px;
}
.banner__checkbox {
display: flex;
justify-content: center;
}
.banner__checkbox a {
text-decoration: underline;
}
.banner__img-desktop {
display: none;
}
.pop-up__banner .subscribe {
display: flex;
flex-direction: column;
}
.pop-up__banner .success {
max-width: 330px;
}
.pop-up__new-info.active {
opacity: 1;
visibility: visible;
}
.pop-up__new-info {
visibility:hidden;
opacity: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: fixed;
z-index: 105;
left: 10px;
right: 10px;
top: calc(50% - 175px);
height: 250px;
}
.pop-up__new-info__content {
background: #FFFFFF;
position: relative;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
border-radius: 12px;
-webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25);
}
.pop-up__new-info__content .container {
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
.pop-up__new-info-footer {
display: flex;
justify-content: center;
gap: 0px;
padding-bottom: 20px;
}
.pop-up__new-info:before {
content: '';
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.pop-up__new-info.active {
}
.pop-up__new-info .close-btn {
top: 10px;
right: 10px;
position: absolute;
}
.pop-up__new-info-btn.catalog-btn {
width: 300px;
}
.container {
}
.pop-up__new-info-text {
text-align: center;
font-weight: bold;
font-size: 17px;
width: 237px;
margin: 0 auto;
}
.pop-up__new-info-btn {
border-radius: 12px;
font-size: 14px;
padding: 13px 40px;
background: #FFB632;
}
.pop-up__new-info-btn--inherit {
background: inherit;
}
.pop-up__block18 {
position: fixed;
z-index: 9999999;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.pop-up__block18.active {
display: block;
}
/* header */
.header__top {
display: none;
}
.header__top-menu-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
font-weight: 600;
color: #B1A48B;
font-size: 1rem;
}
.header__nav-item--desktop {
display: none;
}
.header__nav-link--desktop:focus {
color: #B1A48B;
}
.header__top-menu {
font-size: 12px;
color: #B1A48B;
padding: 8px 0;
}
.header__top-menu:hover, .header__top-menu:focus {
color: #B1A48B;
}
.header__top-menu-list.select__list {
width: 165px;
border-radius: 6px;
-webkit-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.19);
box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.19);
display: none;
position: absolute;
top: 84%;
background: #fff;
margin-top: 5px;
overflow-x: hidden;
overflow-y: auto;
z-index: 10;
color: #424348;
}
.dropdown-item:focus, .dropdown-item:hover {
color: inherit;
background-color: #fff;
}
.header__top-menu-item {
font-size: 11px;
line-height: 25px;
font-weight: 600;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.header__top-menu-list__text-city {
color: rgba(255, 182, 50, 1);
position: relative;
right: -13px;
}
.header__top-menu-list__text-city::before {
content: url(../images/map-sign.svg);
position: absolute;
left: -13px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
}
.choose-city--mobile {
transform: translateY(-3px);
}
.select-language-container {
display: none;
}
.select {
max-width: 19rem;
position: relative;
}
.select__list {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
top: 2.7rem;
background: #fff;
border-radius: 10px;
margin-top: 5px;
max-height: 205px;
overflow-x: hidden;
overflow-y: auto;
z-index: 20;
margin: 0;
padding: 0;
font-size: 14px;
color: #424348;
-webkit-box-shadow: 0px 11.1158px 69.4735px rgb(0 0 0 / 25%);
box-shadow: 0px 11.1158px 69.4735px rgb(0 0 0 / 25%);
}
.select__head {
width: 6rem;
border-radius: 10px;
padding-top: 0.5rem;
}
.dropdown-toggle {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.select2-container--default .select2-selection--single {
border: none;
}
.select2-container--default .select2-results>.select2-results__options {
border: none;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 10px 20px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: white;
color: #FFB632;
}
.select2-container--open .select2-dropdown--below {
z-index: 20;
}
.select2-dropdown {
border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
/* border: 0; */
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
/* background-image: ; */
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
-webkit-transform: translate(360DEG);
-ms-transform: translate(360DEG);
transform: translate(360DEG);
}
.select2-selection:focus-visible {
outline: none;
}
.select2-dropdown.select2-dropdown--below:not(.select-search,.select-search2) {
width: 190px !important;
}
.select2-container--default .select2-results__option--selected {
background-color: white;
}
.select2-results__option {
font-size: 14px;
}
.select2-results {
width: 190px;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 207px;
}
.select2-container {
width: 210px !important;
}
.select2-container--open .select2-dropdown {
left: -17px;
}
.select-search-container .select2-container {
position: relative;
}
.personal-account__input-container .select2-container {
width: 28rem !important;
}
.order-section__input-container .select2-container,
.order-section__label-container .select2-container {
width: 100% !important;
}
.select-search-container .select2-container--default .select2-selection--single {
border: 1px solid #E5E5E5;
padding: 1rem;
height: auto;
}
.select-search-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-width: 7px 7px 0 7px;
}
.select-search-container .select2-container--default .select2-selection--single .select2-selection__arrow {
height: auto;
position: absolute;
top: 50%;
right: 10px;
}
.select2-container--open .select2-dropdown.select-search,
.select2-container--open .select2-dropdown.select-search2 {
left: 0;
}
.select2-dropdown.select-search,
.select2-dropdown.select-search2 {
border: 1px solid #E5E5E5;
border-radius: 0px 0 8px 8px;
}
.select2-dropdown.select-search2 {
border-radius: 0px 0 12px 12px;
}
.select-search .select2-results,
.select-search2 .select2-results {
width: auto;
}
.select2-container--default .select-search .select2-results > .select2-results__options,
.select2-container--default .select-search2 .select2-results > .select2-results__options{
border: none;
background: inherit;
box-shadow: none;
border-radius: 0px;
padding: 10px 10px;
}
.select2-container--default .select-search .select2-search--dropdown .select2-search__field,
.select2-container--default .select-search2 .select2-search--dropdown .select2-search__field{
border: 1px solid #E5E5E5;
border-radius: 0px;
padding: 10px 20px;
background: #ffffff !important;
}
.select2-container--default .select-search2 .select2-search--dropdown .select2-search__field{
border-radius: 0px;
padding: 10px 10px;
}
.order-section__input-container .select2-container--default .select2-selection--single,
.order-section__label-container .select2-container--default .select2-selection--single {
border-radius: 12px;
padding: 0.8rem;
}
.order-section__label-container .select2-container--default .select2-selection--single {
padding: 23px 11px 10px;
}
.select-search-container {
margin-bottom: 1rem;
}
.select-search-container .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
}
.select-search-container .order-section__label {
padding-top: 0;
}
/* .select2-dropdown--below{
visibility: hidden;
opacity: 0;
display: block;
transition: .4s;
}
.select2-container--open .select2-dropdown--below {
visibility: visible;
opacity: 1;
display: block;
} */
.dropdown-toggle::after {
content: url(../images/arrow-nav.svg);
border: none;
vertical-align: middle;
position: relative;
right: -5px;
top: -1px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.dropdown-toggle.open::after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.dropdown-toggle.bonus-points::after {
display:none;
}
.header__top-tel {
padding: 9px 0;
margin-right: 10px;
}
.header__bottom {
background-color: #FED700;
padding: 13px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 30;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.header__bottom.fixed {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.header__bottom .catalog__btn {
display: none;
}
.header__bottom-user {
display: none;
}
.header__bottom-logo {
display: none;
}
.user-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.user-list__item {
position: relative;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
.user-list__item.promo {
display: none;
}
.basket {
padding-right: 5px;
}
/*.basket__btn {*/
/* margin-top: auto;*/
/*}*/
/* burger menu */
.header__burger {
position: relative;
width: 27px;
height: 27px;
/* right: 7px; */
right: 0;
padding: 0;
/* top:30px; */
-webkit-transition: .5s ease-in;
-o-transition: .5s ease-in;
transition: .5s ease-in;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.header__burger span {
display: block;
position: absolute;
height: 2px;
width: 21px;
background: #000;
border-radius: 9px;
opacity: 1;
/* left: 5px; */
right: 0;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.header__burger span:nth-child(1) {
top: 6px;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.header__burger span:nth-child(2) {
top: 12px;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.header__burger span:nth-child(3) {
top: 18px;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.header__burger.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 4px;
left: 8px;
}
.header__burger.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.header__burger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 19px;
left: 8px;
}
/* .header__burger span{
border-radius: 4px;
position: absolute;
background-color: #000;
width: 100%;
left: 0;
height: 4px;
-webkit-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
}
.header__burger .span1{
top: 10px;
}
.header__burger .span2{
top: 0;
}
.header__burger .span3{
bottom: 0;
}
.header__burger input{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
opacity: 0;
z-index: 100;
width: 100%;
flex-basis: 100%;
height: 100%;
right: 1px;
}
.header__burger input:checked ~ .span2 {
-webkit-transform: rotate(45deg) translate(6px);
-ms-transform: rotate(45deg) translate(6px);
transform: rotate(45deg) translate(6px);
transform: rotate(
45deg
) translateY(14px);
}
.header__burger input:checked ~ .span3 {
transform: rotate(
-45deg
) translateY(-14px);
}
.header__burger input:checked ~ .span1 {
-webkit-transform:rotate(495deg) translate(-6px);
-ms-transform:rotate(495deg) translate(-6px);
transform:rotate(495deg) translate(-6px);
opacity: 0;
visibility: hidden;
}
.header__burger__btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 30px;
cursor: pointer;
transition: 0.4s;
}
.header__burger__icon {
display: block;
position: relative;
width: 90%;
height: 4px;
transition: 0.4s;
}
.header__burger__icon::after,
.header__burger__icon::before {
content: "";
display: block;
position: absolute;
background: #000;;
width: 100%;
height: 4px;
transition: 0.4s;
}
.header__burger__icon::after {
top: 8px;
}
.header__burger__icon::before {
top: -8px;
}
.header__burger .mobile-menu__checkbox:checked ~ .header__burger__btn {
background: transparent;
}
.header__burger .mobile-menu__checkbox:checked ~ .header__burger__btn .header__burger__icon::before,
.header__burger input:checked ~ .header__burger__icon::after {
top: 0;
}
.header__burger input:checked ~ .header__burger__btn .header__burger__icon::after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.header__burger input:checked ~ .header__burger__btn .header__burger__icon::before {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
} */
/* .header__burger {
width: 60px;
height: 45px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
} */
/* nav */
.main-menu__list ul{
font-size: 18px;
list-style: none;
}
.main-menu__list {
/*margin-bottom: 100px;*/
/*margin-top: 80px;*/
}
.main-menu__item {
margin-bottom: 20px;
position: relative;
}
.main-menu__item::after {
/* .search-pop-up__category-link::after */
content: '';
position: absolute;
background: url(../images/arrow-right.svg) center no-repeat;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
width: 35px;
height: 20px;
right: 0;
}
.main-menu__item::after {
right: -12px;
}
.main-menu__container {
/*
-webkit-transform: translate3D(-100%,0%,0);
-ms-transform: translate3D(-100%,0%,0); */
/* transform: translate3D(0%,100%,0); */
background:#fff;
position: fixed;
right: 0;
height: 100%;
top: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 10;
padding: 40px 15px 15px;
}
.main-menu__container.active {
opacity: 1;
visibility: visible;
/*
-webkit-transform: translate3D(0%,0,0);
-ms-transform: translate3D(0%,0,0); */
/*
transform: translate3D(0%,0,0); */
}
.main-menu__container.active ~.header__burger{
position: fixed;
}
.main-menu__container.active ~ body,
.registration__pop-up.active ~ body,
.choose-city__modal.active ~ body {
overflow-y: hidden;
}
.main-menu__container {
-webkit-transition: .4s ;
-o-transition: .4s;
transition: .4s;
width: 100%;
background:#fff;
position: fixed;
right: 0;
height: 100%;
top: 0;
z-index: 22;
/* transform: translate3D(0%,100%,0); */
overflow-y: auto;
}
.main-menu__container .close-btn {
position: absolute;
top: 15px;
right: 15px;
}
.main-menu__container .main-menu__item {
margin-bottom: 0;
}
.main-menu__container a {
padding: 15px 0;
display: flex;
align-items: center;
}
.main-menu__container .main-menu__item-border > a{
border-bottom: 1px solid #E5E5E5;
}
.main-menu__item-link {
display: flex;
align-items: center;
}
.main-menu__item {
font-size: 15px;
}
.main-menu__item-img {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-self: center;
flex-wrap: wrap;
}
.main-menu__item-arrow {
width: 35px;
margin-left: auto;
display: flex;
justify-content: center;
align-items: center;
height: 30px;
}
.main-menu__container .main-menu__item::after {
content: none;
}
.main-menu__container .main-menu__link span{
border-bottom: 1px solid #FFB632;
font-weight: 700;
}
.main-menu__container .main-menu__item-title {
font-weight: 700;
font-size: 17px;
display: flex;
justify-content: space-between;
}
.main-menu__item-title .main-menu__item-arrow {
margin: 0;
justify-content: start;
}
.catalog__search {
width: 100%;
}
.catalog__search-btn {
font-weight: 600;
font-size: 16px;
position: absolute;
right: 35px;
top: 4px;
display: none;
}
.catalog__search-input {
background-color: #fff;
background: url(../images/search.svg) no-repeat center left 9px;
-webkit-transition: background-color .4s;
-o-transition: background-color .4s;
transition: background-color .4s;
}
.catalog__search-input.active {
background: url(../images/search-brown.svg) no-repeat center left 9px;
background-color: #F4F2E9;
}
.basket__num {
position: absolute;
top: 0;
color: #FFFFFF;
border-radius: 50%;
width: 12px;
height: 12px;
background-color: #EC1C24;
text-align: center;
font-size: 8px;
vertical-align: middle;
}
.in-basket__content-menu {
display: none;
}
.basket-pop-up {
visibility: hidden;
opacity: 0;
text-align: center;
position: fixed;
background: #000000;
right: 10px;
bottom: 10px;
left: 10px;
z-index: 20;
color: #FFFFFF;
font-size: 15px;
border-radius: 6px;
padding: 10px;
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
}
.basket-pop-up.active {
visibility: visible;
opacity: 1;
}
.basket-pop-up__link {
color: rgba(255, 182, 50, 1);
line-height: 20px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
margin-right: 10px
}
.basket-pop-up__link:hover {
color: #FFA400;
}
.basket-pop-up img {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.basket-pop-up span {
margin-left: 10px;
}
.basket-pop-up__checkmark {
position: relative;
margin-right: 5px;
}
.basket-pop-up__close-container {
position: absolute;
right: 10px;
}
.basket-pop-up__slider-container {
display: none;
}
.basket-pop-up .product-title {
display: none;
}
.promocode-pop-up {
visibility: hidden;
opacity: 0;
text-align: center;
position: fixed;
background: #fff;
right: 10px;
bottom: 10px;
left: 10px;
z-index: 20;
color: #000;
font-size: 15px;
border-radius: 6px;
padding: 10px;
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.19);
}
.promocode-pop-up.active {
visibility: visible;
opacity: 1;
}
.promocode-pop-up__checkmark {
position: relative;
margin-right: 10px;
}
.promocode-pop-up__close-container {
/*position: absolute;*/
right: 10px;
margin-left: auto;
}
.catalog__content-menu.active {
opacity: 1;
visibility: visible;
}
.bonus-points {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bonus-points__img {
color: #B1A48B;
}
.bonus-points__number {
font-weight: bold;
font-size: 11px;
color: #B1A48B;
margin-right: 10px;
}
.bonus-points__dropdown-item {
font-size: 11px;
font-weight: 700;
position: relative;
}
.header__top-user-select.select {
position:absolute;
left: calc(50% - 40px);
}
.bonus-points__dropdown-item.text {
padding: 10px 0px;
font-size: 10px;
font-weight: 400;
}
.bonus-points__dropdown-menu.select__list {
-webkit-box-shadow: 0px 11px 69px rgba(0, 0, 0, 0.25);
box-shadow: 0px 11px 69px rgba(0, 0, 0, 0.25);
border: none;
max-width: unset;
max-height: unset;
padding: 9px 15px;
left: unset;
top: 100%;
}
.bonus-points__dropdown-item::after {
content: '';
position: absolute;
left: auto;
right: auto;
height: 1px;
background-color: #E5E5E5;
}
.header__top-tel {
color: #B1A48B;
padding: 0;
text-align: right;
}
.header__top-user {
color: #B1A48B;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
position: relative;
}
.header__top-user picture {
vertical-align: middle;
}
.header__top-user img {
display: inline-block;
}
.header__top-user-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.user-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.user-list__item-name {
display: none;
}
.user-list__link img {
display: block;
margin: 0 auto;
}
.user-list__link {
display: block;
width: 35px;
text-align: center;
}
.user-list__link .fa {
font-size: 1.2rem;
}
.user-list__link .fas {
font-size: 1.3rem;
}
.user-list__link svg {
margin: 0 auto;
}
/* tapbar */
.tapbar {
position: fixed;
width: 100%;
bottom: 0;
padding: 20px 0;
z-index: 151;
background-color: #fff;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.container {
}
.tapbar__items-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* padding: 0 30px; */
width: 80%;
}
.tapbar__item svg {
height: 100%;
width: 100%;
}
.tapbar__item {
height: 35px;
position: relative;
}
.tapbar__item > .tapbar__icon--active {
display: none;
}
.tapbar__icon--active,
.tapbar__icon {
height: 35px;
}
.tapbar__item.active > .tapbar__icon--active {
display: block;
}
.tapbar__item.active > .tapbar__icon {
display: none;
}
.tapbar__item-num {
position: absolute;
top: -5px;
color: #FFFFFF;
border-radius: 50%;
width: 16px;
height: 16px;
background-color: #EC1C24;
text-align: center;
font-size: 11px;
vertical-align: middle;
}
/* catalog */
.catalog {
margin-bottom: 15px;
margin-top: 15px;
}
.catalog__btn {
background-color: #EC1C24;
border-radius: 8px;
border: none;
padding: 9px 20px;
color: #FFFFFF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
font-size: 14px;
width: 101px;
margin-right: 8px;
}
.catalog-btn {
background-color: rgba(255, 182, 50, 1);
font-size: 14px;
border-radius: 12px;
padding: 12px;
/* width: calc(100% - 30px); */
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
}
.catalog__btn:hover {
color: #FFFFFF;
}
.catalog__container {
position: relative;
flex-basis: 89%;
}
.catalog__search-content {
display: none;
}
.search--desktop {
}
.catalog__input {
height: 100%;
border: none;
border-radius: 12px;
width: 100% ;
font-size: 14px;
background: url(../images/search.svg) no-repeat center left 9px;
padding: 8px 0 8px 30px;
background-color: #fff;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
caret-color: #FFB632;
caret-shape: block
}
.catalog__input::-webkit-input-placeholder {
color: #A4A09A;
-webkit-transition: .4s;
transition: .4s;
}
.catalog__input::-moz-placeholder {
color: #A4A09A;
-moz-transition: .4s;
transition: .4s;
}
.catalog__input:-ms-input-placeholder {
color: #A4A09A;
-ms-transition: .4s;
transition: .4s;
}
.catalog__input::-ms-input-placeholder {
color: #A4A09A;
-ms-transition: .4s;
transition: .4s;
}
.catalog__input::placeholder {
color: #A4A09A;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
/* .catalog__input:focus {
border-color: rgba(255, 182, 50, 1);
background: url(../images/search-checked.svg) no-repeat center left 8px;
} */
.catalog__input.search-city__input:focus {
background: url(../images/search.svg) no-repeat center left 9px;
background-color: #F4F2E9;
}
.catalog__input:focus::-webkit-input-placeholder {
color: rgba(255, 182, 50, 1);
}
.catalog__input:focus::-moz-placeholder {
color: rgba(255, 182, 50, 1);
}
.catalog__input:focus:-ms-input-placeholder {
color: rgba(255, 182, 50, 1);
}
.catalog__input:focus::-ms-input-placeholder {
color: rgba(255, 182, 50, 1);
}
.catalog__input:focus::placeholder {
color: rgba(255, 182, 50, 1);
}
.catalog__input::-webkit-search-cancel-button {
/* -webkit-appearance: none;
width: 17px;
height: 16px;
background: url(../images/close-black.svg) no-repeat center;
margin-right: 2px;
background-size: cover; */
display: none;
}
/* /main slider */
.main-slider {
margin-bottom: 20px;
padding-top: 130px;
}
.swiper-pagination {
position: static;
}
.main-slider__item img {
border-radius: 13px;
width: 100%;
min-height: 127px;
-o-object-fit: cover;
object-fit: cover;
}
/* cards */
.cards {
margin-bottom: 30px;
}
.cards-item__img img {
width: 100%;
border-radius: 20px;
}
/* our-brands */
.our-brands {
margin-bottom: 40px;
}
.our-brands__title {
margin-bottom: 50px;
}
.our__brands-item {
margin-bottom: 33px;
text-align: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-direction: column;
}
.our__brands-item img {
height: 40px;
margin-bottom: 5px;
}
.our-brands > .container > .row {
justify-content: center;
}
.our__brands-item:nth-child(1) .prompt__brand {
z-index: 19;
}
.our__brands-item:nth-child(2) .prompt__brand {
z-index: 18;
}
.our__brands-item:nth-child(3) .prompt__brand {
z-index: 17;
}
/* /benefits */
.subtitle {
font-weight: 700;
font-size: 20px;
line-height: 27px;
}
.benefits {
margin-bottom: 35px;
}
.benefits__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.benefits__item {
border-radius: 11px;
padding: 14px 4px;
/*background-color: rgba(255, 245, 229, 1);*/
width: 47%;
}
/*.benefits__img {*/
/* margin-bottom: 20px;*/
/*}*/
.benefits__item img {
/*max-width: 100%;*/
width: 100%;
display: block;
margin: 0 auto;
border-radius: 20px;
}
.benefits__text {
font-weight: bold;
font-size: 10px;
line-height: 14px;
text-align: center;
width: 83%;
margin: 0 auto;
}
.cards-item.chickalab {
text-align: right;
}
/* bestsellers */
.rating-list {
height: 12px;
width: 85px;
z-index: 2;
position: relative;
/*background: url(../images/stars.svg) 0 0 no-repeat;*/
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
width: 100%;
height: 100%;
background-size: cover;
}
.rating-list__result {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
}
.rating-list__num {
color: #A0A0A0;
font-size: 12px;
font-weight: 400;
margin-left: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rating-list-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 125px;
height: 28px;
align-items: center;
margin-top: 0px;
margin-bottom: 10px;
}
.all {
text-align: right;
position: relative;
font-weight: 600;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
}
.all__link {
font-weight: 600;
}
.all__link--desktop {
display: none;
}
.all i {
-webkit-transform: translate(3px,1px);
-ms-transform: translate(3px,1px);
transform: translate(3px,1px);
}
.product-slider__container {
/*padding: 0 10px;*/
margin-top: 20px;
margin-bottom: 40px;
}
.product-slide {
width: 128px;
position: relative;
padding-bottom: 15px;
height: 100% !important;
}
.product-slide > a {
display: flex;
height: 100%;
flex-direction: column;
}
/* .product-slide::after {
content: '';
position: absolute;
bottom: 0;
right: 5%;
left: 5%;
background-color: rgba(229, 229, 229, 1);
height: 1px;
} */
.wish-list {
position: absolute;
top: 6px;
right: 6px;
padding: 0;
/* background: url(../images/wish-list.svg) center 0 no-repeat;
background-size: cover; */
border: none;
transition: .4s;
/* width: 31px;
height: 31px; */
/* -webkit-transition: all .4s cubic-bezier(.36,.65,.37,.94);
-o-transition: all .4s cubic-bezier(.36,.65,.37,.94);
transition: all .4s cubic-bezier(.36,.65,.37,.94); */
z-index: 15;
}
.wish-list.active {
/* background: url(../images/wish-list-active.svg) center 0 no-repeat;
background-size: cover; */
}
.wish-list .wish-list-content2 {
display: none;
}
.wish-list .wish-list-content1 {
}
.wish-list.active .wish-list-content1,
.wish-list:hover .wish-list-content1 {
display: none;
}
.wish-list.active .wish-list-content2,
.wish-list:hover .wish-list-content2 {
display: block;
}
.compare-list {
position: absolute;
top: 44px;
right: 6px;
/* background: url(../images/compare-icon.svg) center 0 no-repeat; */
border: none;
/* width: 30px;
height: 31px; */
-webkit-transition: all .4s cubic-bezier(.36,.65,.37,.94);
-o-transition: all .4s cubic-bezier(.36,.65,.37,.94);
transition: all .4s cubic-bezier(.36,.65,.37,.94);
z-index: 15;
/* background-size: cover; */
padding: 0;
}
.compare-list.active {
/* background: url(../images/compare-icon-active.svg) center 0 no-repeat; */
/* background-size: cover; */
}
.compare-list .compare-content2 {
display: none;
}
.compare-list.active .compare-content1,
.compare-list:hover .compare-content1 {
display: none;
}
.compare-list.active .compare-content2,
.compare-list:hover .compare-content2 {
display: block;
}
/* .new-product {
margin-right: 5px;
height: 40px;
} */
.labels {
position:absolute;
top: 1rem;
left: 1rem;
/* width: 100%; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 15;
}
.labels__item {
font-size: 1.2rem;
margin-right: 5px;
height: 27px;
line-height: 24px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack:
center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align:
center;
-ms-flex-align: center;
align-items: center;
ont-weight: 600;
border-radius:
5px;
padding:
0 7px;
}
@media screen and (max-width: 992px) {
.labels__item {
font-size: 0.9rem;
height: 22px;
}
}
/* .discount-product {
z-index: 10;
height: 40px;
} */
.discount-product img,
.new-product img {
height: 100%;
}
.product-image img {
/*border: 0.5px solid #E5E5E5;*/
border-radius: 10px;
height: 150px;
/* width: 150px; */
-o-object-fit: cover;
object-fit: cover;
width: 100%;
width: auto;
height: auto;
min-height: 100%;
min-width: 100%;
}
.product-image {
position: relative;
margin-bottom: 16px;
border: 0.5px solid #E5E5E5;
border-radius: 20px;
}
.product-image__wrapper {
overflow: hidden;
position: relative;
padding-bottom: 100%;
border-radius: 20px;
}
.product-image__melts {
position: absolute;
z-index: 1;
width: 100%;
height: 40px;
bottom: 3px;
left: 0px;
border-radius: 13px;
}
.product-image__melts img {
height: 40px !important;
width: auto !important;
min-height: auto !important;
min-width: auto !important;
border: none;
}
.product-image img {
border-radius: 13px;
width: auto;
height: auto;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-height: 100%;
min-width: 100%;
}
.price {
font-weight: 700;
font-size: 22px;
line-height: 22px;
padding-left: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*height: 25px;*/
}
.price span {
}
.price-sale .price-num{
position: relative;
displaY: inline-flex;
align-items: center;
height: 34px;
border-radius: 10px;
padding: 0 5px 0 5px;
background: #FFB632;
border: 1px solid #FFB632;
color: #000;
white-space: nowrap;
}
.price-sale .price-num span {
font-weight: 700;
line-height: 20px;
font-size: 20px;
display: inline-block;
position: relative;
z-index:2;
}
.catalog-product .price-num span {
font-weight: 700;
line-height: 20px;
font-size: 20px;
}
.product-slide .price-num span {
font-weight: 700;
line-height: 20px;
font-size: 20px;
}
.price-block {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: 7px;
margin-bottom: 6px;
height: 34px;
}
.price-block .price-sale {
/*width: 100%;*/
}
.price-block .price {
/*width: 100%;*/
}
.price-block .price.price-old {
width: unset;
padding: 0;
}
.price-old{
font-weight: 400;
color: #A0A0A0;
margin-bottom: 0;
}
.price-old .price-num{
position: relative;
font-size: 11px;
line-height: 12px;
white-space: nowrap;
margin-top: 6px;
}
.price-old .price-num:before {
content: '';
width: calc(100% + 3px);
border-top:
1px solid #A0A0A0;
position: absolute;
left: -1px;
top: 50%;
}
.amount {
font-weight: normal;
font-size: 16px;
line-height: 16px;
color: #A0A0A0;
margin-bottom: 8px;
padding-left: 5px;
}
.prompt {
position: relative;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
z-index: 19;
}
.product-slide .fa-exclamation-circle {
display: none;
padding-left: 5px;
}
.prompt .fa-exclamation-circle {
color: #DCDCDC;
/* -webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px); */
}
.prompt img {
display: block;
}
.prompt__pop-up {
position: absolute;
background: #FFFFFF;
width: 143px;
height: 72px;
opacity: 0;
color: #231F20;
padding: 11px 11px 15px 15px;
visibility: hidden;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
left: 0;
font-weight: normal;
font-size: 12px;
line-height: 16px;
-webkit-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.19);
box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.19);
border-radius: 8px 8px 8px 0px;
z-index: 5;
-webkit-transform: translateY(-72px);
-ms-transform: translateY(-72px);
transform: translateY(-72px);
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 12px;
}
.prompt__pop-up a {
border-bottom: 1px solid #FFB632;
}
.prompt__brand {
font-weight: 600;
cursor: pointer;
font-size: 12px;
}
.prompt__brand .prompt__pop-up {
width: 17rem;
top: 100px;
bottom: unset;
left: 0rem;
height: auto;
text-align: left;
margin-top: 5px;
border-radius: 8px;
}
.prompt__button .prompt__pop-up {
top: 108px;
bottom: unset;
height: auto;
text-align: left;
margin-top: 3px;
right: 1px;
left: unset;
border-radius: 8px 0 8px 8px;
right: 12px;
width: auto;
.prompt__pop-up-title {
font-weight: 600;
font-size: 16px;
line-height: 16px;
margin-bottom: 0;
}
}
.prompt .prompt__pop-up-lefter {
left: unset;
right: 0rem;
}
@media screen and (min-width: 768px){
.prompt .prompt__pop-up-lefter {
left: 0rem;
right: unset;
}
}
.prompt:hover .prompt__pop-up {
opacity: 1;
visibility: visible;
}
.price:hover .prompt__pop-up {
opacity: 1;
visibility: visible;
}
.basket-container {
border: none;
display: block;
margin-left: auto;
background-color: #EC1C24;
border-radius: 10px;
color: #fff;
/* width: 34px;
font-size: 12px;
height: 20px; */
width: unset;
padding: 0 15px;
font-size: 18px;
height: 29px;
}
.basket-container img {
display: block;
}
.basket-container__btn {
width: auto;
margin-left: unset;
padding: 0 15px;
font-size: 16px;
height: 36px;
display: flex;
align-items: center;
gap: 6px;
background: #ffbb0b;
width: 100%;
justify-content: center;
}
.basket-container__btn:hover {
background: #ffbb0b;
opacity: .9;
}
.basket-container__btn--product-mini {
background: #F0F0F0;
color: #000;
font-size: 22px;
border-radius: 10px;
height: 44px;
font-size: 22px !important;
}
.basket-container__btn--product-mini:hover {
background: #ffbb0b;
opacity: .9;
color: #ffffff;
}
.product__name {
font-weight: 600;
font-size: 1.2rem;
line-height: 1.3rem;
height: 2.6rem;
/*overflow-x: hidden;*/
/*white-space: nowrap;*/
/*-o-text-overflow: ellipsis;*/
/* text-overflow: ellipsis;*/
padding-left: 5px;
}
.product__tags {
padding-left: 5px;
display: flex;
gap: 5px;
margin-bottom: 8px;
}
.product__tag {
background:
#ffecca;
padding:
3px 7px;
border-radius:
5px;
color: #000;
font-size: 14px !important;
}
.product-not-available {
font-size: 14px;
position: relative;
text-align: left;
color: #EC1C24;
font-weight: bold;
}
.choose-color {
padding: 0 5px;
margin-bottom: 5px;
}
.choose-color__btn {
border: none;
width: 13px;
height: 13px;
background: #000000;
border-radius: 2px;
margin-right: 4px;
padding: 0;
}
.choose-color__btn:nth-child(2) {
background: #A0A0A0;
}
.choose-color__btn:nth-child(3) {
background: #A0CFC8;;
}
.choose-color__btn:nth-child(4) {
background: #FFE2F2;
}
.product__description {
font-weight: normal;
font-size: 14px;
color: var(--grey);
margin-bottom: 2px;
padding-left: 5px;
font-size: 0.9rem;
height: 2.4rem;
line-height: 1.2rem;
}
.product__description--value {
font-size: 12px !important;
margin-bottom: 5px !important;
height: auto !important;
font-weight: 400;
margin-top: auto;
}
.product-slide .product__description {
max-width: unset !important;
}
.rating-list {
position: relative;
/*background: url(../images/stars.svg) 0 0 no-repeat;*/
height: 17px;
width: 94px;
z-index: 2;
padding-left: 5px;
background-size: cover;
}
.rating-list__result {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
/*background: url(../images/stars-active.svg) 0 0 no-repeat;*/
padding-left: 5px;
background-size: cover;
}
/* reviews */
.reviews {
background-color: #FFB632;
padding-top: 25px;
margin-bottom: 40px;
padding-bottom: 40px;
}
.reviews__rating-list {
width: 66px;
height: 12px;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.reviews__rating-list-result {
/* background: url(../images/stars-small-active.svg) 0 0 no-repeat; */
}
.reviews-slider__container {
margin-top: 20px;
}
.reviews-slide {
background-color: #FFB632;
max-height: 600px;
}
.reviews-slide__content{
background-color: #FFFFFF;
border-radius: 8px;
padding: 15px;
/*height: 100%;*/
}
.reviews__name {
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-align:right;
}
.reviews__date {
color: var(--grey);
font-size: 13px;
margin-bottom: 12px;
}
.reviews__product-name {
font-weight: normal;
font-size: 13px;
line-height: 17px;
color: var(--grey);
margin-bottom: 3px;
}
.reviews__item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.reviews__product-img {
margin-bottom: 9px;
margin-right: 10px;
-ms-flex-preferred-size: 22%;
flex-basis: 22%;
}
.reviews__product-taste {
font-size: 12px;
}
.reviews__product-wrapper {
max-width: 150px;
}
.reviews__item-wrapper {
margin-bottom: 7px;
}
.reviews__title {
font-weight: bold;
font-size: 14px;
margin-bottom: 6px;
}
.reviews__text {
max-height: 111px;
max-width: 300px;
font-size: 13px;
line-height: 18px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
overflow: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.reviews__text.active {
max-height: 1200px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.add-review__container {
max-height: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
visibility: hidden;
opacity: 0;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
background: #FFFFFF;
padding: 0 10px 0;
position: relative;
}
.add-review__container.active {
max-height: 1000px;
visibility: visible;
opacity: 1;
margin-bottom: 30px;
padding: 30px 10px 28px;
}
.add-review__close-btn {
position: absolute;
right: 10px;
top: 10px;
width: 25px;
height: 25px;
}
.add-review__not-registered {
margin-bottom: 30px;
padding-top: 30px;
font-size: 16px;
}
.add-review__not-registered .bonus-points__dropdown-item {
font-size: 16px;
}
.input-file-img .close-btn {
position: absolute;
left: 1px;
top: 1px;
padding: 0;
}
.input-file-img {
}
.input-file-img {
display: none;
position: relative;
}
.input-file-img.active {
display: block;
}
.star-rating__container {
display: -webkit-box;
display: -ms-flexbox;
display: ;
margin-bottom: 2rem;
display: block;
}
.star-rating__label {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
height: 100%;
cursor: pointer;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin-right: 0.1rem;
}
.star-rating__label path {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.star-rating__label:hover path,
.star-rating__label:hover ~ .star-rating__label path,
.star-rating__label:checked ~ .star-rating__label:hover path {
fill: #FFB632;;
}
.star-rating__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
width: 181px;
margin-left: auto;
margin-right: auto;
}
.star-rating__item {
position: relative;
width: 0;
height: 0;
}
.star-rating__item:checked ~ .star-rating__label path {
fill: #FFB632;;
}
.star-rating__title {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.add-reviews__form input,
.add-reviews__form textarea {
border: 1px solid #DCDCDC;
border-radius: 8px;
font-size: 1.1rem;
padding: 13px 12px;
color: #000000;
width: 100%;
font-weight:normal;
}
.add-reviews__form input::-webkit-input-placeholder, .add-reviews__form textarea::-webkit-input-placeholder {
color: #A0A0A0;
font-size: 1.1rem;
}
.add-reviews__form input::-moz-placeholder, .add-reviews__form textarea::-moz-placeholder {
color: #A0A0A0;
font-size: 1.1rem;
}
.add-reviews__form input:-ms-input-placeholder, .add-reviews__form textarea:-ms-input-placeholder {
color: #A0A0A0;
font-size: 1.1rem;
}
.add-reviews__form input::-ms-input-placeholder, .add-reviews__form textarea::-ms-input-placeholder {
color: #A0A0A0;
font-size: 1.1rem;
}
.add-reviews__form input::placeholder,
.add-reviews__form textarea::placeholder {
color: #A0A0A0;
font-size: 1.1rem;
}
.add-reviews__input-email:invalid {
color: rgba(236, 28, 36, 1);
}
.notification__input ~ .verification-email {
text-align: center;
font-size: 1rem;
top: -1rem;
}
.add-reviews__form textarea {
min-height: 10rem;
margin-bottom: 1rem;
}
.add-reviews__form textarea {
outline: none;
-moz-appearance: none;
}
.add-review__submit-btn {
background: #B5B5B5;
border-radius: 8px;
padding: 10px;
color: #FFFFFF;
width: 100%;
}
.add-review__submit-btn.active {
background-color: #FFB632;
color: #000;
}
.add-reviews__input-file.review-file {
opacity: 0;
visibility: hidden;
position: absolute;
width: 0;
}
.input__file-button-text {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #FFB632;
font-size: 1.1rem;
}
.input-file-conditions {
list-style: disc;
}
.input-file-conditions.active {
display: none;
}
.input__file-icon-wrapper {
margin-right: 0.5rem;
}
.input__file-icon-wrapper svg {
-webkit-transform: translateY(-0.2rem);
-ms-transform: translateY(-0.2rem);
transform: translateY(-0.2rem);
}
.input__file-label {
margin-bottom: 1rem;
}
.input-file-item {
color: #A0A0A0;
font-style: 14px;
list-style: disc;
margin-left: 20px;
}
.add-reviews__check-link {
text-decoration: underline;
}
.add-reviews__input-file-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}.add-reviews__input-file-list li{
margin-right: 1rem;
height: 5rem;
width: 5rem;
position: relative;
}
.add-reviews__input-file-list li img {
max-height: 100%;
max-width: 100%;
}
.add-reviews-input.form-check-input:checked {
background-color: #FFB632;
border: 1px solid #FFB632;
border-radius: 2px;
}
.add-reviews-input {
margin-right: 0.5rem;
}
.add-reviews__checkbox {
text-align: right;
font-size: 1rem;
-ms-flex-preferred-size: 2%;
flex-basis: 2%;
}
.add-reviews__check-link {
text-decoration: underline;
}
.add-review__title {
display: none
}
.show-more-btn {
border: none;
background: transparent;
color: var(--grey);
font-size: 11px;
/* padding: 0; */
padding-top: 10px;
position: relative;
}
/* .show-more-btn::after {
content: '';
background: url('../images/arrow-show-orange.svg') center no-repeat;
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
right: -8px;
bottom: 7px;
transition: .4s;
transform: rotate(0DEG);
}
.show-more-btn.active::after {
transform: rotate(180DEG);
transition: .4s;
} */
.show-btn-content1 {
}
.show-btn-content2,
.show-btn-content1 {
display: none;
}
.show-btn-content1.active,
.show-btn-content2.active {
display: inline;
}
.reviews-slide .show-more-btn::after {
background: url('../images/arrow-show.svg') center no-repeat;
}
.popular .fa-angle-right, .promotional-goods .fa-angle-right, .bestsellers .fa-angle-right {
/* color: #FAB333; */
}
/* recipes */
.recipes {
background-color: rgba(255, 246, 229, 1);
padding-top: 27px;
margin-bottom: 40px;
}
.recipes-slider__container {
margin: 20px 0;
}
.recipes__slide-link-img {
margin-bottom: 15px;
;
overflow: hidden;
}
.recipes__slide-link-img img,
.news__image img {
border-radius: 10px;
}
.recipes__description {
margin-bottom: 20px;
transition: .4s;
font-weight: 600;
font-size: 16px;
text-align: left;
padding: 0 19px 0px 8px;
}
.recipes__slide img {
width: 100%;
height: 166px;
-o-object-fit: cover;
object-fit: cover
}
/* news */
.news {
margin-bottom: 80px;
}
.news__title.subtitle {
margin-bottom: 20px;
}
.news__image {
margin-bottom: 15px;
}
.news__image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 122px;
}
.news__subtitle {
font-weight: bold;
font-size: 15px;
padding: 0 10px;
}
.news__item:nth-child(3),.news__item:nth-child(4) {
display: none;
}
/* footer */
.fab {
color: #B1A48B;
font-size: 24px;
}
.footer {
background-color: rgba(35, 31, 32, 1);
position: relative;
padding: 50px 0 90px 0;
}
.footer__logo {
position: absolute;
top: -30px;
right: 13px;
z-index: 20;
}
.footer__title {
font-weight: bold;
font-size: 18px;
color: #FFB632;
margin-bottom: 30px;
max-width: 175px;
}
.footer__copyright.mobile img {
margin-bottom: 10px;
}
.footer__form-container {
margin-bottom: 35px;
max-width: 29rem;
}
.footer__subscribe-btn {
background-color: rgba(255, 182, 50, 1);
border: none;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #000000;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
padding: 10px 17px;
-webkit-transform: scale(103%);
-ms-transform: scale(103%);
transform: scale(103%);
}
.footer__form-input {
background: transparent;
border: none;
border-bottom: 1px solid #B1A48B;
border-radius: 0;
height: 44px;
color: #B1A48B;
max-width: 163px;
font-size: 13px;
padding: 14px 17px;
margin-right: 12px;
}
.footer__menu-card {
background: transparent;
border: none;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
.footer__menu-card+.footer__menu-card {
margin-bottom: 47px;
}
.footer__menu-trigger {
border: none;
background: transparent;
}
.footer__menu.accordion {
margin-bottom: 46px;
}
.footer__menu-btn {
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #F4F2E9 !important;
text-decoration: none;
position: relative;
padding: 16px 0;
background-color: transparent !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
max-width: 182px;
width: auto;
}
.btn-link:hover {
color: #F4F2E9;
outline: none;
}
.footer__menu-btn::after {
content: url(../images/arrow-menu-footer-down.svg);
position: absolute;
width: 20px;
height: 28px;
right: -30px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.footer .accordion-button:not(.collapsed)::after {
content: url(../images/arrow-menu-footer-down.svg);
background-image: unset;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.footer__menu-link {
font-size: 15px;
line-height: 30px;
color: #B1A48B;
}
.footer__social {
margin-bottom: 35px;
}
.footer__social.overlay {
margin-bottom: 50px;
}
.footer__social-title {
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #F4F2E9;
margin-bottom: 14px;
}
.footer__social-items-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__social-item {
margin-right: 20px;
}
.footer__info-address {
color: rgba(177, 164, 139, 1);
font-weight: normal;
font-size: 13px;
line-height: 18px;
margin-bottom: 50px;
}
.footer__info-address-tel,
.footer__info-address a {
color: rgba(177, 164, 139, 1);
}
.footer__info-address-tel:hover {
color: rgba(177, 164, 139, 1);
}
.footer__info-address.desktop {
display: none;
}
.footer__info-link {
font-size: 13px;
line-height: 30px;
color: #F4F2E9;
display: block;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.footer__info-link:hover {
color: #FFB632;
}
.footer__info-links {
margin-bottom: 50px;
}
.footer__info-links.desktop {
display: none;
}
.footer__copyright {
font-size: 13px;
line-height: 18px;
color: #F4F2E9
}
.footer__copyright.desktop {
display: none;
}
.footer__copyright-logo {
margin-bottom: 25px;
}
.footer__menu--desktop {
display: none;
}
.footer__copyright img {
max-width: 110px;
}
/* .footer__form-input:focus ~ .footer__form-email {
border-radius: 4px;
}
.footer__form-input:focus + .footer__subscribe-btn {
background: transparent;
color: rgba(255, 182, 50, 1);
} */
.footer__form-email {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 320px;
border:1px solid rgba(177, 164, 139, 1);
border-radius: 8px;
}
.footer__form-email.focused {
/* border:1px solid rgba(177, 164, 139, 1); */
/* border-radius: 8px; */
}
/* .footer__form-email.focused .footer__form-input {
border: none;
} */
/* description-product */
.description-product {
background-color: #FFF5E5;
padding: 134px 0px 20px 0;
}
.description-product__title {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}
.description-product__text {
max-height: 100px;
overflow: hidden;
padding-bottom: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 14px !important;
line-height: 14px !important;
* {
font-size: 14px !important;
line-height: 14px !important;
}
}
.description-product__text.active {
max-height: unset;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.description-product__text ul {
padding-left: 15px;
}
.description-product__text ul,
.description-product__text p {
margin-bottom: 12px;
}
.show-more-icon {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.show-more-btn.active .show-more-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.show-more-icon svg {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.show-more-btn.active .show-more-icon svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.description-product__btn {
color: rgba(255, 182, 50, 1);
font-size: 16px;
}
.description-product__btn:hover {
color: rgba(255, 182, 50, 1);
}
.description-product__img {
display: none;
}
.breadcrumb__container {
display: none;
}
.sidebar-menu {
display: none;
}
/* products-catalog */
.filter__btn-container {
margin-bottom: 15px;
margin-left: auto;
}
.filter__btn {
font-weight: bold;
font-size: 16px;
line-height: 19px;
margin-left: auto;
display: block;
text-align: right;
border: none;
position: relative;
padding-left: 15px;
}
.filter__btn::before {
content: '';
position: absolute;
background: url(../images/filter-mobile.svg);
width: 20px;
height: 20px;
left: -12px;
}
.filter__modal-content {
height: 100vh
}
.filter__modal-content.modal-content {
border: none;
}
.filter__container {
padding: 15px 10px;
}
.modal-dialog {
margin: 0;
width: 100vw;
max-width: 100%;
}
.filter__modal.show{
visibility: visible;
}
.filter__modal {
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 1060;
visibility: hidden;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
/* pagination */
.products-catalog__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalog-product {
-ms-flex-preferred-size: 48%;
flex-basis: 49%;
margin-bottom: 15px;
height: unset !important;
}
.catalog-product .prompt__pop-up {
left: -59px;
}
.catalog-product .prompt {
max-width: 30px;
}
.catalog-product.nextstop~.catalog-product {
display: none;
}
.navigation-wrapper {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.product-catalog__btn {
margin-bottom: 30px;
}
.product-catalog__navigation {
margin-bottom: 50px;
}
.product-catalog__pagination-link {
border: none;
color: #000000;
font-weight: normal;
font-size: 14px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
background: transparent;
}
.product-catalog__pagination-link.active {
color: #000;
background-color: #E5E5E5;
border-color: none;
border-radius: 8px;
}
.product-catalog__pagination-link:hover {
background-color: #FFF5E5;
border-radius: 8px;
}
.product-catalog__pagination-link:focus {
background-color: rgba(229, 229, 229, 1);
border: none;
border-radius: 8px;
outline: none;
color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
}
.product-catalog__pagination-item {
outline: none;
}
.product-catalog__pagination {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.pick-up-point__select-head::after {
content: '';
position: absolute;
background: url(../images/arrow-left-black.svg) center no-repeat;
width: 19px;
height: 24px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.pick-up-point__select-head.open::after {
background: url(../images/arrow-left-black.svg) center no-repeat;
width: 19px;
height: 24px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.close {
border: none;
background: transparent;
}
.filter__title {
text-align: center;
font-size: 17px;
font-weight: 600;
color: #000 !important;
}
.modal-header, .modal-footer {
border: none;
}
/* counter */
.counter {
/* top: 0;
position: absolute;
right: 0; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border-radius: 3px 0px 0px 3px;
position: static;
right: 0;
/* opacity: 0;
visibility: hidden; */
-webkit-transition: ease-in .4s;
-o-transition: ease-in .4s;
transition: ease-in .4s;
}
.counter.active {
visibility: visible;
opacity: 1;
}
.in-basket__counter.counter {
position: absolute;
top: 0;
right: 0;
visibility: visible;
opacity: 1;
}
.counter__minus, .counter__plus{
width: 20px;
background: rgba(236, 28, 36, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
vertical-align: middle;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #FFFFFF;
/* -webkit-transition: .4s linear;
-o-transition: .4s linear; */
/* transition: background .4s linear; */
font-size: 13px;
border-radius: 3px 0px 0px 3px;
}
.counter__plus {
/*background: #A5161B;*/
}
.counter__plus {
border-radius: 0px 3px 3px 0px;
}
.counter__minus.active, .counter__plus.active {
background-color: #A5161B;;
}
.counter__input {
height: 24px;
width: 17px;
text-align: center;
font-size: 10px;
border:1px solid #ddd;
border-left: none;
border-right: none;
display: inline-block;
vertical-align: middle;
}
/* filters */
.filter__modal-subtitle {
font-weight: 600;
font-size: 15px;
margin-bottom: 15px;
}
.filter__price-input {
position: relative;
}
.filter__price-input {
border: 1px solid #c9ba9d;
border-radius: 8px;
font-size: 14px;
padding: 5px 35px;
}
.filter__price-input:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #FFB632;
}
.filter__price-text {
color: rgba(255, 182, 50, 1);
font-size: 14px;
position: absolute;
z-index: 10;
-webkit-transform: translate3d(10px, 5px, 0px);
transform: translate3d(10px, 5px, 0px);
}
.filter__price-input-container {
margin-bottom: 25px;
}
.filter__promo-btn, .filter__selection {
background: transparent;
border: 1px solid #C7C6C6;
border-radius: 8px;
font-weight: normal;
font-size: 14px;
padding: 7px 10px;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
z-index: 5;
}
.filter__promo-btn {
margin-right: 10px;
margin-bottom: 10px;
}
.filter__promo-wrapper {
margin-bottom: 25px;
}
/* .filter__promo-btn.active, .filter__selection.active {
background: #FFB632;
border: 1px solid #FFB632;
} */
.filter__selection img, .filter__promo-btn img {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
opacity: 0;
visibility: hidden;
}
.filter__selection.active img, .filter__promo-btn.active img {
/* display: inline-block; */
opacity: 1;
visibility: visible;
}
.filter__selection.active {
background: #FFB632;
}
.filter__selection-input:checked ~ .filter__selection {
background: #FFB632;
border: 1px solid #FFB632;
}
.filter__selection-input:checked ~ .filter__selection img {
opacity: 1;
visibility: visible;
}
.filter__selection-btn {
padding: 0;
}
.filter__selection-btn input {
display: none;
}
.filter__selection-col {
display: none;
}
.filter__selection-container--desktop {
display: none;
}
.filter__reset-btn {
background-color: transparent;
border: 1px solid black;
}
.product-catalog__select {
display: none;
}
.product-catalog__select-head {
display: none;
}
.offcanvas-bottom {
height: unset;
}
.offcanvas-header {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.offcanvas-header .btn-close {
position: absolute;
right: 18px;
}
.product-category__btn {
border: none;
background: transparent;
font-weight: 600;
font-size: 15px;
padding: 0;
width: 100%;
text-align: left;
}
.product-subcategory {
color: #A0A0A0;
font-size: 13px;
margin-bottom: 25px;
}
.product-subcategory-reset {
display: flex;
align-items: flex-start;
}
.product-subcategory__wrapper {
display: flex;
justify-content: space-between;
}
.product-subcategory__item, .product-category__item {
margin-bottom: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-category__item .product-category__link{
flex: 1;
}
.product-subcategory__link {
flex: 1;
}
.arrow-right {
position: absolute;
right: 30px;
z-index: -1;
}
.product-category__list {
width: 100%;
-webkit-transform: translate3D(0%,0,0);
-ms-transform: translate3D(0%,0,0);
transform: translate3D(0%,0,0);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: absolute;
}
.product-category__list.close {
-webkit-transform: translate3D(-110%,0%,0);
-ms-transform: translate3D(-110%,0%,0);
transform: translate3D(-110%,0%,0);
}
.product-category__link.hide {
display: none;
}
.main-checkbox.hide {
display: none;
}
.btn-close:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.product-subcategory__list {
width: 100%;
-webkit-transform: translate3D(110%,0%,0);
-ms-transform: translate3D(110%,0%,0);
transform: translate3D(110%,0%,0);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
display: none;
}
.product-subcategory__list.open {
-webkit-transform: translate3D(0%,0,0);
-ms-transform: translate3D(0%,0,0);
transform: translate3D(0%,0,0);
display: block;
}
.product-mini-slider-container {
display: none;
}
.mini-button-next, .mini-button-prev {
z-index: 50;
text-align: center;
position: relative;
top: -1rem;
}
.product-subcategory__btn-container .product-category__btn{
margin-bottom: 20px;
font-weight: bold;
position: relative;
margin-left: 15px;
}
.product-subcategory__btn-container .product-category__btn::before {
content: '';
position: absolute;
width: 11px;
height: 11px;
background: url(../images/arrow-left-black.svg) no-repeat;
left: -15px;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
.product-subcategory__modal.offcanvas {
height: 400px;
overflow-y: auto;
overflow-x: hidden;
}
.product-subcategory__modal.offcanvas.show {
visibility: visible;
}
.dropdown .dropdown-menu{
display: block;
opacity:0;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
}
.recomendation .product__name {
margin-bottom: 10px;
}
/* product card*/
.previous-page {
position: relative;
padding-left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
}
.previous-page__wrapper {
margin-bottom: 10px;
}
.product-info--mobile {
display: flex;
}
.product-info--mobile .product-info__wish-list {
margin-right: 20px;
display: flex;
align-items: center;
}
.product-info--mobile .product-info__compare-list {
display: flex;
align-items: center;
}
.product-info--desktop {
display: none;
}
.main-product__description--desktop {
display: none;
}
.main-product-slider__btn-prev, .main-product-slider__btn-next {
display: none;
}
.main-product-slide img {
width: 100%;
}
.main-product-slide {
margin-bottom: 5px;
}
.main-product-slider__thumbs {
display: none;
}
.main-product-slide .labels {
top: 0;
}
.main-product__load-picture {
display: none;
}
.scale-picture__modal {
display: none;
}
.scale-picture-mobile__modal {
display: -webkit-box;
display: -ms-flexbox;
display: none;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
position: fixed;
left: 0;
overflow: hidden;
/* display: none; */
max-width: 100%;
padding: 1rem 1rem 1rem 1rem;
background: #FFFFFF;
border-radius: 12px;
z-index: 150;
/* -webkit-transform: perspective(0px) translate(-50%,-50%) scale(0);
transform: perspective(0px) translate(-50%,-50%) scale(0); */
-webkit-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;
border-radius: 14px;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
bottom: 0;
opacity: 0;
visibility: hidden;
border-radius: 0;
}
.scale-picture-mobile__modal .close-btn {
margin-bottom: 10px;
}
.scale-picture-mobile__modal .main-product__picture {
display: flex;
justify-content: center;
}
.scale-picture-mobile__modal.active {
display: flex;
visibility: visible;
opacity: 1;
}
.main-product__load-wrapper {
position: relative;
display: none;
}
.main-product .compare-list, .main-product .wish-list {
position: static;
text-align: left;
width: 32px;
height: 32px;
background-size: cover;
}
.main-product-slider__images {
position: relative;
}
.main-product-slider__images .slider__image img {
width: 100%;
width: auto;
height: auto;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-height: 100%;
min-width: 100%;
}
.main-product-slider__images .slider__image {
border-radius: 15px;
position: relative;
padding-bottom: 100%;
overflow: hidden;
}
.main-product-slider__images .swiper-slide iframe{
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
border-radius: 10px;
}
.main-product-slider__images {
margin-bottom: 15px;
}
.main-product {
padding-top: 120px;
}
.main-product__prompt span {
color: #A0A0A0;
font-size: 11px;
}
.main-product__price-col {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-product__prompt {
margin-bottom: 35px;
}
.main-product__info {
margin-bottom: 20px;
}
.main-product__info .fas {
color: #FFB632;
margin-right: 8px;
font-size: 18px;
}
.main-product__prompt.prompt i {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
margin-right: 5px;
display: inline-block;
}
.main-product .price {
margin-bottom: 10px;
padding-left: unset;
}
.main-product .price .price-num {
margin-right: 6px;
font-size: 26px;
}
.main-product-sale {
background: #FFF5E5;
border-radius: 10px;
font-weight: 700;
font-size: 17px;
line-height: 22px;
padding: 12px 21px;
margin-top: 40px;
}
.main-product-sale a {
font-weight: 400;
font-size: 15px;
line-height: 20px;
border-bottom: 2px solid #FFB632;
}
.main-product-halal {
position: absolute;
width: 100px;
right: 0;
bottom: 0;
z-index: 1;
}
.main-product-energy__block {
width: 30px;
height: 30px;
border-radius: 50%;
color: #FFB632;
font-weight: 600;
font-size: 14px;
background-color: #ffb63214;
display: flex;
align-items: center;
justify-content: center;
}
.main-product .price-sale .price-num {
height: 38px;
}
.main-product .price-sale .price-num span{
font-size: 26px;
line-height: 38px;
}
.main-product .price-sale .price-num::before {
top: 3px;
width: 30px;
height: 30px;
}
.main-product .price-sale .price-num {
font-size: 2.0rem;
}
.main-product__coins {
font-size: 12px;
}
.main-product .rating-list-container {
width: 132px;
height: 20px;
}
.main-product .rating-list {
width: 100%;
height: 100%;
background-size: cover;
}
.main-product .rating-list__result {
background-size: cover;
}
.main-product__add-btns {
text-align: right;
}
.main-product .amount {
font-size: 14px;
padding-left: unset;
}
.scale-btn {
display: none;
}
.add-in-basket__btn {
background-color: #EC1C24;
color: #fff;
border-radius: 8px;
padding: 11px 10px;
font-size: 16px;
margin-right: 11px;
margin-bottom: 20px;
-ms-flex-preferred-size: 81%;
flex-basis: 81%;
width: 195px;
}
.add-in-basket__btn.type2 {
background-color: #FFB632;
color: #000;
margin-right: 11px;
}
.add-in-basket__btn.type3 {
background-color: #FFFFFF;
color: #000;
margin-right: 11px;
border: 1px solid #C4C4C4;
cursor: default;
}
.add-in-basket__btn.type3-card {
margin-bottom: 0 !important;
border-radius: 10px;
height: 44px;
width: 100%;
}
.add-in-basket__btn.type3:hover {
background-color: #FFFFFF;
color: #000;
border: 1px solid #C4C4C4;
}
.add-in-basket__counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 45px;
}
.add-in-basket__counter .basket-content__counter {
height: 30px;
border-radius: 8px;
}
.add-in-basket__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.add-in-basket-content__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.add-in-basket__counter--desktop {
display: none;
}
.add-in-basket__available,
.add-in-basket__not-available {
display: none;
}
.add-in-basket__not-available {
display: none;
/* -webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
text-align: right;
height: 3.5rem;
color: #767676;
font-size: 1.1rem;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; */
}
.add-in-basket__notification {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
overflow-y: auto;
background: #FFFFFF;
-webkit-box-shadow: 0px 11.1158px 69.4735px rgba(0, 0, 0, 0.25);
box-shadow: 0px 11.1158px 69.4735px rgba(0, 0, 0, 0.25);
border-radius: 12px;
z-index: 105;
/* -webkit-transform: perspective(0px) translate(-50%,-50%) scale(0);
transform: perspective(0px) translate(-50%,-50%) scale(0); */
-webkit-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* align-items: center; */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
opacity: 0;
visibility: hidden;
}
.add-in-basket__notification.active {
opacity: 1;
visibility: visible;
/* -webkit-transform: perspective(600px) translate(-50%,-50%) scale(1);
transform: perspective(600px) translate(-50%,-50%) scale(1); */
}
.add-in-basket__notification .close-btn {
position: absolute;
right: 1rem;
top: 1rem;
}
.notification__container {
width: 300px;
margin: 0 auto;
}
.notification__title {
font-weight: bold;
font-size: 16px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}
.notification__input {
border: none;
background: transparent;
border-bottom: 1px solid #DCDCDC;
display: block;
margin: 0 auto;
margin-bottom: 2rem;
font-size: 1.2rem;
line-height: 40px;
color: #000;
padding: 0.5rem 1rem;
}
.notification__input::-webkit-input-placeholder {
color: #A0A0A0;
text-align: center;
}
.notification__input::-moz-placeholder {
color: #A0A0A0;
text-align: center;
}
.notification__input:-ms-input-placeholder {
color: #A0A0A0;
text-align: center;
}
.notification__input::-ms-input-placeholder {
color: #A0A0A0;
text-align: center;
}
.notification__input::placeholder {
color: #A0A0A0;
text-align: center;
}
.notification__btn {
display: block;
font-size: 1.1rem;
color: #000;
background: #FFB632;
border-radius: 12px;
padding: 14px 10px;
width: 300px;
margin: 0 auto;
}
.previous-page img {
margin-right: 6px;
}
.info__coins {
margin-bottom: 10px;
text-align: right;
}
.info__coins span {
font-size: 13px;
margin-right: 5px;
font-weight: bold;
}
.info__coins .fas {
font-size: 14px;
color: #DCDCDC;
-webkit-transform: translateY(2px) ;
-ms-transform: translateY(2px) ;
transform: translateY(2px) ;
}
.info__coins .prompt__pop-up {
left: unset;
right: 0;
text-align: left;
}
.info__promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 12px;
}
.info__promo--mobile {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.info__promo .fas {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-right: 10px;
color: #FFB632;
}
.info__promo p {
line-height: 19px;
font-size: 13px;
}
.info__promo--desktop {
display: none;
}
.info__promo-yellow {
font-size: 13px;
}
.main-product__description--mobile {
font-weight: 700;
font-size: 16px;
line-height: 25px;
margin-bottom: 18px;
}
.product-selection__select.select {
max-width: unset;
}
.combo-selection__head.select__head {
display: flex;
width: unset;
align-items: center;
padding-top: unset;
}
.combo-selection__head.select__head {
}
.combo-selection__list.select__list {
/* top: unset;
bottom: 0; */
top: unset;
}
.combo-selection__select {
max-width: unset;
}
.select__item.active {
background: #FFF5E5;
}
.combo-selection__img {
margin-right: 15px;
border-radius: 6px;
overflow: hidden;
width: 55px;
height: 55px;
}
.combo-selection__subtitle {
font-weight: 700;
font-size: 17px;
margin-bottom: 30px;
}
.combo-selection__code.select__code {
font-weight: 600;
font-size: 16px;
}
.combo-selection__wrapper {
margin-bottom: 15px;
}
.combo-selection__wrapper:last-child {
margin-bottom: 30px;
}
.combo-selection__amount {
font-size: 14px;
line-height: 19px;
color: #A0A0A0;
}
.combo-selection__wrapper:last-child {
/* margin-bottom: 70
px
; */
}
.product-selection__head.select__head {
width: 100%;
border: 1px solid #DCDCDC;
border-radius: 8px;
height: 45px;
padding: 10px 11px;
font-weight: 600;
font-size: 15px;
position: relative;
margin-bottom: 15px;
}
.product-selection__clothes {
margin-bottom: 20px;
margin-top: 20px;
}
.product-selection__clothes-img {
margin-right: 15px;
}
.product-selection__head.select__head::after,
.combo-selection__head.select__head::after,
.combo-selection__title::before
{
content: url(../images/arrow-black.svg);
border: none;
vertical-align: middle;
position: absolute;
right: 18px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.combo-selection__title::before {
content: url(../images/arrow-big.svg);
}
.product-selection__head.select__head.open.open::after,
.combo-selection__head.open.select__head::after,
.combo-selection__title.active::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.product-selection__head.select__head span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
padding-right: 20px;
}
.product-selection__item.select__item {
padding: 12px;
padding-left: 20px;
color: #000;
font-weight: 600;
}
.combo-selection__title {
font-weight: 700;
font-size: 15px;
padding-bottom: 10px;
position: relative;
margin-bottom: 10px;
transition: .4s;
}
.combo-selection__title::after {
content: '';
bottom: 0;
right: 0;
left: 0;
background-color: #E5E5E5;
height: 1px;
position: absolute;
}
.combo-selection__cart-list {
max-height: 0;
transition: .4s;
overflow-y: hidden;
}
.combo-selection__cart-list.active {
visibility: visible;
opacity: 1;
max-height: 100rem;
}
.basket-content__combo .select-characteristic--type2 {
margin-bottom: 20px;
width: 70%;
}
.disabled-item {
pointer-events: none !important;
color: #A0A0A0 !important;
}
.amount-in-package {
border: 1px solid #C4C4C4;
border-radius: 8px;
font-size: 14px;
color: #A0A0A0;
padding: 7px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin-right: 10px;
margin-bottom: 20px;
/*
width: 53px;
height: 33px; */
}
.amount-in-package .amount-in-package--clothes {
width: 33px;
}
.amount-in-package.active {
color: #FFB632;
border: 1px solid #FFB632;
}
.amount-in-package.disable {
background: url(../images/disable-line.svg) center no-repeat;
background-size: cover;
}
.amount-in-package__info {
display: none;
}
/* delivery */
.delivery {
background-color: #FFF5E5;
padding: 15px 0;
margin-bottom: 10px;
}
.delivery__info {
font-weight: normal;
font-size: 14px;
margin-bottom: 20px;
}
.delivery__city {
color: #FFB632
}
.delivery__benefit {
position: relative;
margin-bottom: 15px;
line-height: 20px;
}
.delivery__benefit-img {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.delivery__benefit-text {
font-weight: normal;
font-size: 13px;
margin-left: 41px;
color: #767676;
max-width: 233px;
}
.delivery__conditions {
font-weight: normal;
font-size: 14px;
}
.delivery__conditions i {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
.delivery__conditions a {
margin-right: 2px;
}
.delivery--desktop {
display: none;
}
.product-property__name {
display: inline-block;
font-weight: normal;
font-size: 14px;
color: #A0A0A0;
margin-right: 4px;
}
.product-property__value {
display: inline-block;
font-weight: normal;
font-size: 14px;
margin-right: 10px;
flex-basis: 50%;
}
.product-catalog__navigation.product-page__navigation {
display: none;
}
.tabs-item__anker {
display: none;
}
#digi-recs-item_page-alternatives {
padding-top: .75rem;
}
/* tabs */
.tabs {
height: 50%;
position: relative;
}
.tabs::after {
content: '';
position: absolute;
background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(right, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
top: 0;
bottom: 100px;
right: 0;
width: 50px;
height: 30px;
}
.tabs__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
overflow-y: hidden;
border-bottom: 1px solid #E5E5E5;
position: relative;
}
.tabs__nav::-webkit-scrollbar {
width: 0px;
height: 0px;
background-color: transparent
}
.tabs__nav-btn {
padding: 8px 0px 8px 0px;
font-size: 16px;
border: none;
outline: none;
margin-right: 23px;
position: relative;
-webkit-appearance: none;
/* background: transparent; */
display: flex;
align-items: center;
}
.tabs__nav-btn.tabs__nav-btn--desktop {
display: none;
}
.tabs__nav-btn.active:before {
width: 100%;
right: auto;
left: 0;
}
.tabs__nav-btn::before {
content: '';
position: absolute;
width: 0;
left: auto;
background-color: #FFB632;
height: 3px;
bottom: -2px;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
right: 0;
}
.tabs__nav-btn.bonus-table__tab::before {
display: none;
}
.tabs__item-subtitle {
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}
.tabs__item {
display: none;
}
.product-tabs__item {
margin-top: 25px;
margin-bottom: 25px;
}
.tabs__item.active {
display: block
}
.buy-section__list-container.tabs__item {
display: block;
}
.tabs__item .show-more-btn {
}
.tabs__item-text.description-product__text.active {
max-height: 1500px;
}
.tabs__content {
padding: 34px 0px 15px;
}
.tabs__item-text.description-product__text {
margin-bottom: 25px;
}
.tabs__item-text p {
margin-bottom: 15px;
}
.tabs__item-text table {
max-width: 100% !important;
}
.tabs__item-subtitle-text {
font-weight: bold;
}
.product-property__container {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
.product-property__container--desktop {
display: none;
}
.product-specification__container {
}
.product-specification__item {
border-bottom: 2px dotted #767676;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.product-specification__item.product-specification__item-header {
border-bottom: unset;
}
.product-specification__sizes--clothes {
/* width: 50%; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-specification__value ,.product-specification__name {
background-color: #fff;
-webkit-transform: translateY(7px);
-ms-transform: translateY(7px);
transform: translateY(7px);
display: inline-block;
}
.product-specification__name {
font-size: 14px;
line-height: 24px;
color: #A0A0A0;
}
.product-specification__value {
font-size: 14px;
line-height: 24px;
color: #000000;
}
.expert-opinion__container {
margin-bottom: 30px;
}
.expert-opinion__container img {
margin-right: 10px;
}
.expert-opinion__link {
border-bottom:1px solid #FAB333;
font-weight: bold;
}
.product-specifications.description-product__text.active {
max-height: 700px;
}
.product-reviews__container{
background-color: #FFF;
margin-bottom: 10px;
}
.reviews-title__col{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-reviews__top {
background-color: #FFF5E5;
padding: 20px 10px 23px 13px;
border-radius: 8px;
margin-bottom: 27px;
}
.product-reviews__count {
text-align: right;
font-size: 15px;
color: #A0A0A0;
}
.product-reviews__count a {
color: #A0A0A0;
}
.product-reviews__admin-responce {
padding-bottom: 20px;
padding-top: 20px;
padding-left: 25px;
}
.product-reviews__admin-logo {
display: none;
}
.product-reviews__title {
font-weight: bold;
font-size: 18px;
display: inline-block;
margin-bottom: 10px;
}
.product-reviews__icon {
margin-right: 10px;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.product-reviews__expert-link {
display: inline-block;
margin-bottom: 15px;
}
.product-reviews__expert-name {
font-weight: bold;
font-size: 15px;
margin-bottom: 5px;
}
.product-reviews__expert-description {
font-weight: normal;
font-size: 13px;
}
.product-reviews__expert-link {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
font-weight: 600;
font-size: 13px;
color: #FFB632;
}
.product-reviews__expert-text {
font-weight: normal;
font-size: 14px;
}
.product-reviews__gallery-title {
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}
.product-reviews__gallery--desktop {
padding-top: 10px;
}
.product-reviews__gallery-slide {
margin-bottom: 30px;
}
.product-reviews__btn {
background-color: rgba(255, 182, 50, 1);
font-size: 14px;
border-radius: 8px;
padding: 12px;
width: calc(100%);
margin: 0 auto;
display: block;
margin-bottom: 30px;
}
.product-reviews__item {
position: relative;
margin-bottom: 40px;
padding-left: 10px;
}
.product-reviews__item-img {
margin: 10px;
margin-left: 0;
}
.product-reviews__admin-responce-text {
position: relative;
font-size: 16px;
line-height: 19px;
}
.product-reviews__item::after {
content: '';
position: absolute;
height: 1px;
left: 0;
right: 0;
background-color: #E5E5E5;
bottom: -17px;
}
.product-reviews__admin-responce-title {
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
}
.product-reviews__item-name {
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
margin-right: 5px;
}
.product-reviews__item-date {
color: #A0A0A0;
font-size: 13px;
font-weight: 400;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
}
.product-reviews__item .rating-list-container {
width: 85px;
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px);
height: 15px;
margin-bottom: 15px;
}
.product-reviews__name-wrap {
margin-bottom: 9px;
}
.product-reviews__item .rating-list, .product-reviews__item .rating-list__result {
background-size: cover;
width: 100%;
height: 100%;
}
.product-reviews__item-customer {
color: #43C922;
font-size: 15px;
margin-bottom: 15px;
}
.product-reviews__item-customer img {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
height: 13px;
}
.product-reviews__item-subtitle {
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
}
.product-reviews__item-text {
font-weight: normal;
font-size: 16px;
line-height: 19px;
}
/* top-search */
.top-search {
margin-bottom: 50px;
}
.review-page__container--mobile {
position: relative;
}
.review-page__container--mobile::after {
content: '';
background: url(../images/arrow-right-orange.svg) center no-repeat;
position: absolute;
width: 12px;
height: 25px;
}
.review-page__link--mobile {
color: #FFB632;
font-size: 14px;
font-weight: 600;
}
.review-page__link--mobile:hover {
color: #FFB632;
}
.top-search__title {
font-weight: 700;
font-size: 20px;
position: relative;
margin-bottom: 15px;
}
.top-search__item {
background: #FFF5E5;
border-radius: 8px;
padding: 6px 15px;
margin-right: 10px;
margin-bottom: 10px;
font-weight: normal;
font-size: 13px;
}
.top-search-buttons {
/* overflow-x: auto;
white-space: nowrap */
}
.recover-btn {
display: none;
}
.break {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
height: 0;
}
.share {
display: none;
}
.catalog--basket-page {
margin-bottom: 28px;
}
.basket-header__breadcrumb {
display: none;
}
.basket-header {
padding-left: 10px;
padding-top: 120px;
background: #F4F3ED;
}
.basket-content__price-subtitle {
font-weight: normal;
font-size: 12px;
color: #A0A0A0
}
.basket-content__price-column {
display: flex;
justify-content: flex-end;
}
.basket-content__label {
font-weight: normal;
font-size: 14px;
}
.basket-header__title {
font-weight: bold;
font-size: 20px;
padding-bottom: 17px;
margin-top: 15px;
}
.basket-header__info {
font-weight: normal;
font-size: 13px;
padding-bottom: 17px;
}
.basket-content {
background: #F4F3ED;
padding: 20px 0;
margin-bottom: 30px;
}
.basket-content__header--desktop {
display: none;
}
.basket-content__img {
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.basket-content__item {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: #FFFFFF;
margin-bottom: 20px;
padding: 12px;
position: relative;
}
.basket-content__item.active {
display: block;
}
.basket-content__item .recover-btn--mobile{
display: block;
}
.basket-content__item.active .recover-btn--mobile{
display: none;
}
.recover-btn--mobile {
position: absolute;
z-index: 5;
font-weight: 600;
font-size: 1.1rem;
right: 12px;
top: 12px;
color: #A0A0A0;
z-index: 5;
}
.basket-content__item::after {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background: rgba(255, 255, 255, 0.7);
z-index: 3;
}
.basket-content__item.active::after {
display: none;
}
.basket-content__input-container {
padding-left: 12px;
}
.basket-content__item .basket-content__close-btn {
right: 12px;
top: 12px;
position:absolute;
padding: 0;
}
.basket-content__list {
margin-bottom: 30px;
}
.basket-content__list--disabled {
}
/* presents in cart */
.basket-content__list.basket-content__list--present .select__code {
color: #A0A0A0;
}
.basket-content__list.basket-content__list--present .basket-content__total-subtitle {
font-weight: bold;
color: #000;
}
.basket-content__list.basket-content__list--present .basket-content__plus {
background-color: #C4C4C4;
}
.main-checkbox.form-check-input:disabled {
background-color: #C4C4C4 !important;
border: 1px solid #C4C4C4 !important;
}
.main-checkbox.form-check-input:checked {
background-color: #FFB632;
border: 1px solid #FFB632;
border-radius: 2px;
}
.main-checkbox.form-check-input[type=checkbox] {
border-radius: 2px;
}
.form-check-input:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #C7C6C6;
}
.basket-content__input {
margin-right: 8px;
margin-bottom: 16px;
}
.basket-content__name {
font-weight: normal;
font-size: 15px;
padding-top: 10px;
padding-left: 10px;
max-width: 142px;
}
.basket-content__name.basket-content__name--desktop {
display: none;
font-weight: 600;
}
.basket-content__item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
.product-selection__select.basket-content__select {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
font-size: 12px;
}
.basket-content__select__head {
font-size: 12px;
width: 100%;
border: 1px solid #DCDCDC;
border-radius: 8px;
height: 30px;
padding: 6px 11px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.basket-content__select-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
margin-bottom: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.select-characteristic__form {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
.select-characteristic__form.combo-selection__form {
flex-basis: 100%;
}
.basket-content__price-subtitle,
.basket-content__total-subtitle {
font-size: 14px;
color: #A0A0A0
}
.basket-content__price {
font-weight: 600;
font-size: 15px;
text-align: right;
/*margin-right: 10px;*/
}
.basket-content__price-wrapper {
margin-bottom: 18px;
position: relative;
}
.basket-content__price-wrapper::after {
content: '';
position: absolute;
background-color: #E5E5E5;
height: 1px;
bottom: -11px;
left: 0;
right: 0;
}
.basket-content__price--old,
.basket-content__total--old {
font-weight: normal;
font-size: 13px;
color: #868686;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-left: 8px;
}
.basket-content__price--old::after,
.basket-content__total--old::after {
content: '';
position: absolute;
width: 35px;
right: 0;
height: 1px;
background-color: #868686;
z-index: 2;
}
.basket-content__price-sale {
margin-right: 0;
display: flex;
justify-content: end;
margin-right: 10px;
}
.basket-content__price-sale .price-num span {
font-size: 1.0rem;
margin-right: 0.1rem;
margin-left: 0.1rem;
}
.basket-content__price-sale .price-num::before {
line-height: 25px;
width: 25px;
height: 25px;
text-indent: 0px;
text-align: center;
}
.basket-content__total {
font-weight: bold;
font-size: 17px;
text-align: right;
}
.basket-content__counter-value {
width: 1.5rem;
font-size: 1rem;
text-align: center;
font-size: 13px;
border: none;
border-left: none;
border-right: none;
-moz-appearance: textfield !important;
}
.in-basket__counter .basket-content__counter-value {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.basket-content__counter {
border: 1px solid #E5E5E5;
border-radius: 6px;
/* padding: 6px 0; */
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 78px;
}
.basket-content__plus {
background-color: #EC1C24;
color: #fff;
font-size: 15px;
border-radius: 6px;
width: 26px;
}
.basket-content__minus {
background: #C4C4C4;
font-size: 15px;
color: #fff;
border-radius: 6px;
width: 26px;
}
.basket-content__select .select__list {
top: unset;
}
.promo-code__input {
background: transparent;
font-size: 13px;
color: #000;
border: 1px solid #DCDCDC;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
padding: 9px 13px;
padding-right: 38px;
width: 215px;
/* width: 100%; */
}
.promo-code__input::-webkit-input-placeholder {
color: #A0A0A0;
}
.promo-code__input::-moz-placeholder {
color: #A0A0A0;
}
.promo-code__input:-ms-input-placeholder {
color: #A0A0A0;
}
.promo-code__input::-ms-input-placeholder {
color: #A0A0A0;
}
.promo-code__input::placeholder {
color: #A0A0A0;
}
.promo-code__reset {
display: none;
border: none;
background: transparent;
position: absolute;
z-index: 5;
left: 188px;
background: url(../images/close-black.svg) center no-repeat;
width: 20px;
height: 34px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
}
.promo-code__form {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 270px;
}
.promo-code__btn {
font-size: 14px;
font-weight: bold;
transform: translateX(-20PX);
background: #FFB632;
border-radius: 12px;
}
.bonus-point__used-check {
-webkit-appearance: none !important;
-moz-appearance: none;
appearance: none;
height: 25px;
border: none;
width: 51px;
background-color: #fff;
cursor: pointer;
border-radius: 1em;
position: relative;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.bonus-point__used-check::before {
content: "";
height: 100%;
width: 50%;
background-color: #E5E5E5;
position: absolute;
border-radius: 50%;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: border-color 0.3s ease, -webkit-transform 0.3s ease;
transition: border-color 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease, border-color 0.3s ease;
transition: transform 0.3s ease, border-color 0.3s ease;
transition: transform 0.3s ease, border-color 0.3s ease, -webkit-transform 0.3s ease;
}
.bonus-point__used-check:checked {
background-color: #FFB632;
}
.bonus-point__used-check:checked::before {
border-color: #fff;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-color: #fff;
}
.bonus-point__content2 {
display: none;
}
.bonus-points__container {
margin-bottom: 10px;
}
.bonus-points__current span {
font-weight: bold;
font-size: 14px;
margin-right: 7px;
}
.bonus-points__current .prompt{
display: inline-block;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.bonus-point__used-label {
font-weight: normal;
font-size: 13px;
margin-bottom: 24px;
}
.bonus-point__used {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin-bottom: 20px;
}
.bonus-point__used::after {
content: '';
position: absolute;
height: 1px;
left: 0;
right: 0;
background: #E5E5E5;
bottom: -2px;
}
.content-empty {
/* background-color: #fff; */
padding: unset;
}
.content-empty__container {
height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.content-empty__icon {
margin-bottom: 15px;
}
.content-empty__text {
font-size: 18px;
}
.content-empty__text a {
background-color: #FFB632;
display: block;
width: 100%;
font-size: 16px;
padding: 14px;
border-radius: 8px;
margin-top: 10px;
}
.content-empty__text span {
display: none;
}
.prompt .fa-question-circle {
color: #DCDCDC;;
}
.price-calc__dropdown-item-title {
display: none;
}
.price-calc__without-discount-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.price-calc__without-discount-count {
font-weight: normal;
font-size: 15px;
}
.price-calc__without-discount-value {
font-weight: normal;
font-size: 17px;
}
.price-calc__discount-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.price-calc__discount-title {
font-weight: normal;
font-size: 15px;
padding: 0;
position: relative;
text-align: left;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
.price-calc__discount-value {
font-weight: normal;
font-size: 17px;
color: #EC1C24;
}
.price-calc__dropdown-container {
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 0 12px;
max-height: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
visibility: hidden;
margin-bottom: 10px;
margin-top: 10px;
}
.price-calc__dropdown-container.active {
visibility: visible;
max-height: 500px;
opacity: 1;
padding: 10px 12px;
}
.price-calc__recomendation--desktop {
display: none;
}
.price-calc__dropdown-item {
margin-bottom: 8px;
}
.price-calc__dropdown-title {
font-weight: normal;
font-size: 15px;
color: #868686
}
.price-calc__dropdown-value {
font-weight: normal;
font-size: 15px;
}
.price-calc__dropdown-total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.price-calc__dropdown-total-title {
font-weight: bold;
font-size: 15px;
}
.price-calc__dropdown-total-value {
font-size: 15px;
color: #EC1C24;
font-weight: 600;
}
.price-calc__discount-title span::after {
content: '';
background: url(../images/arrow-black.svg) center no-repeat;
border: none;
position: absolute;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: 20px;
height: 24px;
}
.price-calc__discount-title.open::after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.price-calc__delivery-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 35px;
}
.price-calc__delivery-container::after {
content: '';
position: absolute;
height: 1px;
left: 0;
right: 0;
background: #E5E5E5;
bottom: -21px;
}
.price-calc__delivery-title {
font-weight: normal;
font-size: 15px;
}
.price-calc__delivery-value {
font-weight: normal;
font-size: 17px;
}
.price-calc__delivery-value--free {
color: #2FB60D;
}
.price-calc__total-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 3px;
}
.price-calc__total-title {
font-size: 19px;
}
.price-calc__total-value--new {
font-weight: bold;
font-size: 24px;
}
.price-calc__total-value--old {
font-weight: normal;
font-size: 15px;
color: #868686;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.price-calc__total-value--old::after {
content: '';
position: absolute;
width: 45px;
right: 0;
height: 1px;
background-color: #868686;
z-index: 2;
}
.price-calc__info-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
position: relative;
}
.price-calc__info-container::after {
content: '';
position: absolute;
height: 1px;
left: 0;
right: 0;
background: #E5E5E5;
bottom: -21px;
}
.order-section--mobile .price-calc__info-container {
margin-bottom: 56px;
}
.price-calc__info-title {
font-weight: normal;
font-size: 16px;
color: #A0A0A0
}
.price-calc__info-value {
font-weight: normal;
font-size: 14px;
}
.price-calc__used-bonus-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 13px;
}
.price-calc__used-bonus-value {
font-weight: normal;
font-size: 17px;
}
.price-calc__used-bonus-title {
font-weight: normal;
font-size: 15px
}
.price-calc__recomendation {
font-weight: normal;
font-size: 12px;
text-align: center;
margin-bottom: 15px;
padding: 0 11px;
}
.back-link__container {
text-align: center;
}
.price-calc__btn {
background-color: #EC1C24;
border-radius: 12px;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
padding: 13px;
width: 100%;
margin: 0 auto;
display: block;
margin-bottom: 15px;
}
.back-link__container a{
font-weight: 600;
font-size: 15px;
}
.back-link__container svg{
margin-right: 5px;
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.basket-content__delivery-info {
display: block;
/*background: url(../images/delivery-background.svg) no-repeat;*/
background-size: cover;
border-radius: 12px;
/*min-height: 7rem;*/
/*width: 17rem;*/
padding: 1rem 2rem 1rem;
font-size: 1rem;
font-weight: normal;
flex-direction: column;
background: #fff5e5;
border-radius: 15px;
bottom: 3rem;
margin-bottom: 2rem;
right: 0;
}
/* order */
.order-switch-btn.catalog-btn {
width: 100%;
padding: 14px;
font-size: 16px;
}
.order-switch-btn2.catalog-btn {
margin-bottom: 2rem;
}
.order-switch-btn.type2 {
background: transparent;
border: 1px #000 solid;
border-radius: 12px;
width: 100%;
padding: 14px;
margin-top: 15px;
font-size: 16px;
}
.order-section__address {
font-size: 17px;
margin-bottom: 17px;
}
.order-section__account-link {
}
.overlay--order {
position: fixed;
width: 100%;
height: 100%;
background-color: black;
opacity: 0;
z-index: 70;
visibility: hidden;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
right: 0;
bottom: 0;
top: 0;
}
.overlay--order.active {
visibility: visible;
opacity: .6;
}
.customer__auth {
background: #FFF5E5;
border-radius: 12px;
padding: 1.8rem 2.1rem;
margin-bottom: 2rem;
}
.customer__auth-title {
font-weight: 700;
font-size: 1.3rem;
line-height: 26px;
color: #000000;
}
.customer__auth-text {
font-size: 1.2rem;
line-height: 26px;
color: #000000;
}
.customer__auth-text span{
display: inline-flex;
align-items: center;
}
.header-order {
background: #fff;
padding: 1rem 0;
margin-bottom: 8px;
}
.header-order__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
@media screen and (max-width: 769px){
img {
width: 100%;
max-width: 260px;
}
}
}
.header-order__support {
text-align: right;
}
.header-order__tel {
font-weight: bold;
font-size: 14px;
}
.header-order__support-subtitle {
font-weight: normal;
font-size: 13px;
}
.order-title {
display: none;
}
.order-section__title {
display: none;
}
.order-section__link-container {
display: block;
}
.order-section__link-container a {
color: #000;
font-size: 1.2rem;
display: flex;
align-items: center;
}
.order-section__link-container a span:first-child {
margin-right: 9px;
}
.order-section__link {
}
.order-section__order-container {
}
.order-section__breadcrumps {
}
.order-section__order-content {
}
.order-section__delivery-methods {
margin-bottom: 40px;
}
.order-section__subtitle {
font-weight: 700;
font-size: 24px;
margin-bottom: 20px;
line-height: 30px;
}
.order-section__city {
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #43C922;
margin-bottom: 20px;
display: inline-block;
}
.order-section__account-link {
font-style: normal;
font-weight: normal;
font-size: 14px;
border: 1px solid #000000;
border-radius: 12px;
width: 215px;
padding: 12px 20px;
margin-bottom: 20px;
}
.order-section__client-number {
font-size: 20px;
margin-bottom: 20px;
}
.order-section__sms-code .sms-code__input {
margin: 0;
}
.order-section__sms-code ~ .sms-code__countdown-container,
.order-section__sms-code ~ .sms-code__countdown-container .sms-code__counter-wrap {
text-align: left;
}
.order-section__invalid-code.sms-code__invalid-code {
left: 21px;
}
.account__container {
margin-bottom: 30px;
font-weight: normal;
font-size: 13px;
}
.account__container a {
text-decoration: underline;
}
.order-section__user-info {
}
.order-section__user-subtitle {
font-style: normal;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
}
.order-section__inputs {
display: flex;
flex-direction: column;
}
.customer__form-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.customer__form-container .order-section__input {
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
margin-bottom: 1rem;
}
.customer__form-container .order-section__input-container {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.customer__form-container .registration__form-input {
margin-bottom: 1rem;
}
.customer__form-container-order .order-section__input {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.confirm__address {
margin-bottom: 0rem;
}
.confirm__address-title {
margin-bottom: 1.4rem;
font-weight: 700;
display: flex;
justify-content: space-between;
}
h3.confirm__address-title {
font-size: 1.5rem;
font-weight: 700;
}
.confirm__address-date {
font-weight: 700;
}
.confirm__address-price {
font-weight: 700;
}
.confirm__address-textarea {
border: 1px solid #E5E5E5;
border-radius: 4px;
}
/*.textarea--border {*/
/* position: relative;*/
/* background: #F2EFE7;*/
/* border-radius: 8px;*/
/* overflow: hidden;*/
/*}*/
/*.textarea--border:after {*/
/* content: '';*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* overflow: hidden;*/
/* border: 6px solid;*/
/* border-radius: 8px;*/
/* border-image: repeating-linear-gradient(45deg,*/
/* #F79B94 0,*/
/* #F79B94 9px,*/
/* transparent 10px,*/
/* transparent 18px,*/
/* #23CCA9 19px,*/
/* #23CCA9 28px,*/
/* transparent 29px,*/
/* transparent 38px*/
/* ) 5;*/
/*}*/
.textarea--border textarea {
/*background: #F2EFE7;*/
position: relative;
z-index: 1;
padding: 5px;
}
/*.textarea--border textarea::placeholder {*/
/* font-size: 10px;*/
/* color: #bababa;*/
/*}*/
.order-section__container-mini {
display: flex;
flex-direction: column;
}
.customer__container-mini {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 2rem 5rem 1rem 3rem;
margin-bottom: 2rem;
}
.confirm__payment-radio-container .order-radio {
margin-bottom: 1rem;
}
.confirm__payment-radio-container .order-radio:last-child {
margin-bottom: 0;
}
.confirm__payment-radio-container .order-radio span {
text-align: left;
font-size: 1.1rem;
font-weight: normal;
}
.confirm__payment-radio-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
margin-bottom: 0rem;
}
.ordering-controls .confirm__payment-btn.catalog-btn {
margin-bottom: 1rem;
}
.order-section__input,
.order-section__textarea-container {
padding: 1rem;
width: 100%;
margin-bottom: 2rem;
border: 1px solid #E5E5E5;
border-radius: 12px;
background-color: white;
color: #000;
}
input[type=email]:invalid ~ .verification-email {
opacity: 1;
visibility: visible;
position: relative;
}
input[type=tel]:invalid ~ .verification-tel {
opacity: 1;
visibility: visible;
position: relative;
}
.verification-email,
.verification-tel {
color: rgba(236, 28, 36, 1);
font-size: 0.8rem;
position: relative;
top: -0.5rem;
padding-left: 1rem;
opacity: 0;
visibility: hidden;
position: absolute;
}
.password__input {
border: 1px solid #D8D8D8;
width: 100%;
border-radius: 12px;
padding: 14px 11px;
margin-bottom: 18px;
}
.password__label {
display: block;
position: relative;
}
.code-label.password__label::after{
content: '';
width: 19px;
height: 14px;
background: url(../images/checkmark-green.svg) no-repeat center;
background-size: cover;
position: absolute;
right: 10px;
top: calc(50% - 14px);
/* display: none; */
}
.password__input {
position: relative;
}
.password__input::after{
display: block;
content: '';
width: 19px;
height: 14px;
background: url(../images/checkmark-green.svg) no-repeat center;
background-size: cover;
position: absolute;
/* right: 10px;
top: calc(50% - 14px); */
}
.order-section__textarea-container {
min-height: 95px;
}
/* .order-section__input::-webkit-input-placeholder, .order-section__textarea-container::-webkit-input-placeholder {
color: #A0A0A0;
}
.order-section__input::-moz-placeholder, .order-section__textarea-container::-moz-placeholder {
color: #A0A0A0;
}
.order-section__input:-ms-input-placeholder, .order-section__textarea-container:-ms-input-placeholder {
color: #A0A0A0;
}
.order-section__input::-ms-input-placeholder, .order-section__textarea-container::-ms-input-placeholder {
color: #A0A0A0;
}
.order-section__input::placeholder,
.order-section__textarea-container::placeholder {
color: #A0A0A0;
} */
.add-reviews__input-email {
}
.verification-email {
}
.back-link {
}
.order-section__basket-container {
}
.order-section__label {
position: absolute;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
left: 10px;
padding: 14px 0;
color: #A0A0A0;
/* padding: 14px 10px; */
}
.order-section__label-container {
position: relative;
}
.order-section__input:focus ~ .order-section__label {
top: -10px;
font-size: 13px;
}
.order-section__input:not(:-moz-placeholder-shown) ~ .order-section__label {
top: -10px;
font-size: 1px;
}
.order-section__input:not(:-ms-input-placeholder) ~ .order-section__label {
top: -10px;
font-size: 13px;
}
.order-section__input:not(:placeholder-shown) ~ .order-section__label {
top: -10px;
font-size: 13px;
}
.order-section__input:focus:invalid {
border-color: red;
}
.order-radio {
display: flex;
align-items: start;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.curier__order-radio.order-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.curier__order-radio.order-radio .courier-service__price {
color: #43C922;
font-weight: 600;
}
.delivery-method .courier-service__price {
font-size: 14px;
font-weight: normal;
}
.order-radio svg {
fill: none;
vertical-align: middle;
margin-right: 13px;
}
.order-radio svg circle {
stroke-width: 2;
stroke: #C8CCD4;
}
.order-radio svg path {
stroke:#FFB632;
color: transparent;
}
.order-radio svg path.inner {
stroke-width: 6;
stroke-dasharray: 19;
stroke-dashoffset: 19;
}
.order-radio svg path.outer {
stroke-width: 2;
stroke-dasharray: 57;
stroke-dashoffset: 57;
}
.order-radio input {
display: none;
}
.order-radio input:checked + svg path {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color:#FFB632;
}
.order-radio input + svg path {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color:#FFB632;
}
.order-radio input:checked + svg path.inner {
stroke-dashoffset: 38;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.order-radio input:checked + svg path.outer {
stroke-dashoffset: 0;
}
.order-radio span {
display: inline-block;
vertical-align: middle;
text-align: center;
margin-right: 16px;
width: calc(100% - 20px);
}
.order-section__delivery-methods .order-radio span {
text-align: left;
}
.order-section__delivery-methods .order-section__delivery-item {
margin-bottom: 15px;
}
.order-section__delivery-methods .courier-service__grey {
/*margin-left: 32px;*/
}
.order-section__delivery-methods .courier-service__time{
margin-left: 34px;
}
.spinner {
width: 16px;
height: 24px;
}
.spinner svg {
width: 100%;
height: 100%;
overflow: visible;
-webkit-animation: rotation 1455ms infinite linear;
animation: rotation 1455ms infinite linear;
}
.spinner svg path {
stroke: #FFB632;
}
.spinner circle {
stroke: #FFB632;
stroke-dasharray: 45px 1px 3px 1px 2px 1px 1px 5px 1px;
stroke-dashoffset: 11px;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotatey(180deg) rotate(90deg);
-ms-transform: rotatey(180deg) rotate(90deg);
transform: rotatey(180deg) rotate(90deg);
-webkit-animation: spinner 3850ms infinite ease;
animation: spinner 3850ms infinite ease;
}
.live-search-group .spinner {
position: absolute;
right: 30px;
top: calc(50% - 12px);
display: none;
}
.delivery-methods__date {
font-weight: normal;
font-size: 14px;
margin-left: 34px;
}
.delivery-method {
font-weight: 600;
font-size: 15px;
}
.delivery-methods__item {
margin-bottom: 30px;
}
.delivery-methods__price {
margin-left: 34px;
color: #43C922;
font-weight: normal;
font-size: 13px;
}
.order-section__btn.catalog-btn {
width: 100%;
margin-bottom: 20px;
}
.back-link {
text-align: center;
font-weight: 600;
font-size: 15px;
margin-bottom: 12px;
}
.confirm--mobile .back-link {
text-align: left;
}
.back-link img {
-webkit-transform: translate(-3px, -1px);
-ms-transform: translate(-3px, -1px);
transform: translate(-3px, -1px);
}
.courier-service .order-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.courier-service__price-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.courier-service__grey {
color: grey;
}
.courier-service__list {
margin-bottom: 50px !important;
display: flex;
flex-wrap: wrap;
}
.courier-service__logo {
display: inline-block;
/*width: 70px;*/
margin-left: 5px;
}
.courier-service__img {
display: block;
margin-bottom: 1rem;
width: 100px;
height: 30px;
}
.courier-service__img img {
max-width: 100%;
max-height: 100%;
}
.courier-service__item {
margin-bottom: 50px;
position: relative;
flex-basis: 50%;
}
.courier-service__item:last-child {
margin-bottom: 0px;
}
.courier-service__spinner {
position: absolute;
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
}
.courier-service__name {
font-weight: bold;
font-size: 15px;
margin-bottom: 8px;
}
.courier-service__time {
font-weight: normal;
font-size: 14px;
margin-right: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.order__price {
color: #43C922;
font-weight: 600;
font-size: 12px;
border: 1px solid #43C922;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
height: 24px;
padding: 0 2px;
/*width: 46px;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tab-item-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pick-up-point__container iframe {
position: relative;
height: 100vh;
}
.pick-up-point__container {
position: relative;
}
/* pick-up-point__container {
po
} */
/* map */
.pick-up-point__container ymaps {
z-index: 30;
}
.ymaps-2-1-79-balloon {
-webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
border-radius: 8px;
}
.ymaps-2-1-79-balloon__content {
font: 13px/20px 'Open Sans', sans-serif !important;
font-size: 12px;
font-weight: 400;
}
.btn-type3__text {
font-weight: 400;
padding: 9px 15px;
background: #FFB632;
border-radius: 8px;
cursor: pointer;
}
.ymaps__header-container .order__price {
padding: 7px 4px;
}
.ymaps-2-1-79-balloon__close {
display: none
}
.ymaps__header-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1px;
align-items: center;
margin-bottom: 12px;
}
.ymaps-2-1-79-balloon__layout {
border-radius: 10px !important;
}
.ymaps-2-1-79-balloon_layout_panel {
right: 0;
bottom: 200px !important;
margin: 20px;
width: 100%;
}
.ymaps-2-1-79-balloon__tail {
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
}
.ymaps-2-1-79-balloon-content__header {
font-size: 100% !important;
}
.ymaps-2-1-79-balloon__content p {
max-width: 260px;
}
.pick-up-point__modal {
height: 100px;
position: absolute;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px 8px 0px 0px;
width: 100%;
padding-top: 10px;
height: 150px;
/* -webkit-transform: translateY(40vh);
-ms-transform: translateY(40vh);
transform: translateY(40vh); */
bottom: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
z-index: 80;
}
.pick-up-point__modal.active {
height: 80vh;
-webkit-transform: translateY(5vh);
-ms-transform: translateY(5vh);
transform: translateY(5vh);
}
.pick-up-point__change-screen {
height: 100%;
padding: 0 10px;
/* height: 100px;
position: absolute;
background: #FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px 8px 0px 0px;
width: 100%;
padding-top: 10px;
height: 80vh;
transform: translateY(40vh);
bottom: 0;
transition: .4s;
z-index: 80; */
}
.pick-up-point-modal__subtitle {
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}
.up-btn {
display: block;
margin: 0 auto;
border: none;
background: #C4C4C4;
border-radius: 5px;
width: 36px;
height: 4px;
margin-bottom: 9px;
}
.pick-up-point__section {
position: relative;
overflow-y: hidden;
position: fixed;
overflow-y: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pick-up-point__select-action {
font-weight: bold;
font-size: 14px;
}
.pick-up-point__select-head {
width: 100%;
}
.pick-up-point__select-code {
font-weight: normal;
font-size: 14px;
}
.pick-up-point__select {
margin-bottom: 15px;
}
.order-title__container {
margin-bottom: 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.order-section__container--desktop {
display: block;
}
.order-section--desktop {
display: block;
}
.tabs-point {
}
.tabs-point__container {
width: 100%;
position: relative;
margin-bottom: 2rem;
}
.tabs-point__nav-btn.active {
background: #FFE0A8;
border: 1px #FFE0A8 solid;
}
.tabs-point__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto !important;
}
.tabs-point__btn-prev,
.tabs-point__btn-next {
position: absolute;
top: 0;
-webkit-transform: translateY(0.3rem);
-ms-transform: translateY(0.3rem);
transform: translateY(0.3rem);
}
.tabs-point__btn-prev {
left: -1rem;
}
.tabs-point__btn-next {
right: -1rem;
}
.registration-order__tabs {
display: none;
}
.pick-up-point__select .select__list {
padding: 15px;
}
.pick-up-point__select .select__item {
margin-bottom: 10px;
}
.pickpoint-map {
height: 500px;
}
.tabs-point__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
border-bottom: 1px solid #E5E5E5;
position: relative;
padding-bottom: 17px;
margin-bottom: 17px;
}
.tabs-point__nav::-webkit-scrollbar {
height: 5px;
background-color: #E1E1E1;
}
.tabs-point__nav::-webkit-scrollbar-thumb {
height: 5px;
background: #C4C4C4;
border-radius: 10px;
}
.tabs-point__nav-btn {
padding: 6px 11px;
font-weight: normal;
font-size: 13px;
outline: none;
/*margin-right: 10px;*/
position: relative;
border: 1px solid #C7C6C6;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 20px;
}
.tabs-point__nav-btn.active {
background: #FFB632;
border: 1px solid #FFB632;
}
.tabs__nav-btn.tabs__nav-btn--desktop {
display: none;
}
.tabs-point__nav-btn span {
/*margin-right: 10px;*/
}
.tabs-point__item {
display: none;
font-weight: normal;
font-size: 13px;
border-bottom: 1px solid #E5E5E5;
/* padding-bottom: 19px; */
margin-bottom: 20px;
}
.tabs-point__item.active {
display: block
}
.tabs-point__content.active .tabs-point__item {
display: block
}
.tabs-point__nav-btn img {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
opacity: 0;
visibility: hidden;
}
.tabs-point__nav-btn.active img {
/* display: inline-block; */
opacity: 1;
visibility: visible;
}
.pick-up-point__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 6px;
}
.pick-up-point__time {
color: #868686;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* input[type="search"]::-webkit-search-cancel-button {
color: #43C922;
} */
.pick-up-point__item-name {
font-weight: bold;
font-size: 14px;
margin-bottom: 16px;
position: relative;
}
.pick-up-point__item {
position: relative;
}
.pick-up-point__item-name::after {
content: '';
position: absolute;
background: url(../images/arrow-back.svg) center no-repeat;
-webkit-transform: rotate(180DEG);
-ms-transform: rotate(180DEG);
transform: rotate(180DEG);
width: 20px;
height: 20px;
right: 0;
top: 0;
}
.confirm__item .pick-up-point__item-name {
margin-bottom: 0;
}
.confirm-order__checkbox {
display: flex;
}
.confirm-order__checkbox .form-check-label {
font-weight: normal;
font-size: 13px;
margin-bottom: 15px;
}
.confirm-order__checkbox_link {
text-decoration: underline;
}
.confirm-order__agreement {
display: flex;
}
.confirm-order__agreement .main-checkbox {
margin-right: 5px;
}
.confirm-order__checkbox .main-checkbox {
margin-right: 5px;
}
.confirm__container.row {
flex-direction: column;
}
.customer-container {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 1rem;
}
.customer-container--textarea .confirm__payment-radio-container{
height: 100%;
margin-bottom: 0;
}
.customer-container--textarea textarea {
min-height: 120px;
}
.order-section__container-mini .customer-container{
margin-bottom: 2rem;
width: 100%;
}
.pick-up-point__address {
font-weight: normal;
font-size: 14px;
}
.scroll-container {
overflow-y: auto;
height: 100%;
padding: 0 10px;
}
.back-btn {
font-size: 16px;
padding: 0;
font-weight: 400;
margin-bottom: 17px;
}
.back-btn img {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.pickpoint-map-wrapper .back-btn {
position: fixed;
top: 20px;
z-index: 3000;
left: 10px;
background-color: #fff;
padding: 5px;
border-radius: 10px;
}
.order-section__back {
margin-bottom: 17px;
display: inline-block;
}
.pick-up-point__info .order-section__btn.catalog-btn {
width: unset;
margin-bottom: 30px;
position: absolute;
bottom: 0;
width: calc(100% - 30px);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.confirm__item {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
padding: 12px;
font-size: 14px;
font-weight: normal;
margin-bottom: 15px;
}
.confirm-order__agreement {
/* margin: 0 auto;
width: 250px;
text-align: center; */
margin-bottom: 15px;
}
.confirm-order__agreement .form-check-label {
display: inline;
font-weight: normal;
font-size: 13px;
/*max-width: 17rem;*/
}
.edit-btn {
text-align: right;
}
.pick-up-point__item-address {
margin-bottom: 20px;
font-size: 14px;
}
.pick-up-point__working-hours,
.pick-up-point__tel,
.pick-up-point__delivery-time {
font-size: 14px;
margin-bottom: 10px;
}
.confirm__item .order-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.confirm__item .order-radio span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 0;
text-align: left;
-ms-flex-preferred-size: 89%;
flex-basis: 89%;
font-size: 14px;
font-weight: normal;
}
.confirm-order__checkbox-container .back-link {
margin-bottom: 30px;
}
.ordering-basket {
margin-bottom: 2rem;
}
.ordering-basket__item-img {
overflow: hidden;
margin-right: 5px;
}
.ordering-basket__item-img img {
border-radius: 8px;
}
.ordering-basket__name-container {
-webkit-box-flex: 2;
-ms-flex: 2 0 0px;
flex: 2 0 0;
}
.ordering-basket__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.ordering-basket__item-name {
font-weight: normal;
font-size: 14px;
}
.ordering-basket__item-price--new {
font-weight: bold;
font-size: 15px;
}
.ordering-basket__item-price--old {
font-weight: normal;
font-size: 13px;
color: #868686;
text-decoration: line-through;
}
/*order registration */
.order-registration__number-container {
margin-bottom: 18px;
}
.order-registration__number-title {
font-weight: normal;
font-size: 18px;
}
.order-registration__number-value {
font-weight: bold;
font-size: 18px;
}
.order-registration__info.delivery__prompt {
margin-bottom: 30px;
font-weight: normal;
font-size: 15px;
display: block;
}
/* successful-order */
.successful-order {
}
.successful-order__btn.catalog-btn {
position: absolute;
bottom: 30px;
width: calc(100% - 30px);
}
@media screen and (min-width: 576px){
.successful-order__btn.catalog-btn {
width: 20rem;
position: static;
}
}
.successful-order__content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.successful-order__content {
text-align: center;
width: 250px;
padding-top: 120px;
}
.successful-order__title {
font-weight: bold;
font-size: 22px;
text-align: center;
margin-bottom: 20px;
}
.order-registration__number-container {
}
.order-registration__number-title {
}
.order-registration__number-value {
}
.unsuccesful-order__error {
text-align: center;
font-weight: bold;
color: #EC1C24;
font-size: 16px;
margin-bottom: 15px;
}
.unsuccesful-order__number {
text-align: center;
}
.unsuccesful-order .order-registration__content {
margin-top: 25vh;
}
.unsuccesful-order .order-registration__subtitle {
text-align: center;
line-height: unset;
}
/* personal-account */
.personal-account__address--desktop {
display: none;
}
.personal-account__link {
margin-top: 120px;
text-align: left;
}
.personal-account__btns-container--desktop {
display: none;
}
.personal-account {
background-color: #F4F2E9;
padding-top: 80px;
min-height: 80vh;
padding-bottom: 60px;
}
.personal-account__content {
}
.user-contacts-form__subtitle {
display: none;
}
.personal-account__main-screen {
margin-bottom: 10px;
}
.personal-account__title {
margin-bottom: 20px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.personal-account__title.points-screen__title {
font-weight: 700;
}
.personal-account__title--desktop {
display: none;
}
.personal-account__item {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
border-radius: 12px;
padding: 13px 20px;
font-size: 14px;
margin-bottom: 10px;
position: relative;
}
.personal-account__info-item--small {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
.personal-account__input--small {
width: 50px;
}
.personal-account__info-screen {
padding-top: 55px;
padding-bottom: 78px;
}
.personal-account__info-screen.ticket-system {
}
.personal-account__subtitle {
font-weight: bold;
font-size: 17px;
margin-bottom: 17px;
display: inline-block;
margin-left: 5px;
}
.ticket-system {
}
.ticket-system__message {
font-size: 17px;
border-bottom: 2px solid #FFB632;
margin-bottom: 23px;
}
.ticket-system__list {
}
.ticket-system__header {
display: none;
}
.ticket-system__item {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
margin-bottom: 20px;
padding: 13px 14px;
position: relative;
}
.ticket-system__item .unread-message {
left: 3px;
}
.ticket-system__topic {
font-size: 15px;
margin-bottom: 6px;
}
.ticket-system__date {
color: #A0A0A0;
margin-bottom: 6px;
font-size: 14px;
}
.ticket-system__number {
font-size: 14px;
color: #B1A48B;
text-align: right;
}
.ticket-system__status {
color: #B1A48B;
font-size: 15px;
}
.ticket-system__status--positive {
color: #43C922 !important;
}
.ticket-system__answer,
.ticket-system__question {
position: relative;
background: #FFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 12px;
padding: 11px 17px;
max-width: 260px;
font-size: 15px;
margin-bottom: 32px;
}
.ticket-system__answer {
background: #F5F5F5;
}
.ticket-system__cancel-btn {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
font-size: 17px;
width: 100%;
position: relative;
z-index: 27;
margin-bottom: 10px;
padding: 12px;
font-weight: 600;
font-size: 15;
}
.ticket-system__delete-btns {
position: fixed;
left: 10px;
right: 10px;
bottom: 20px;
z-index: 27;
}
.ticket-system__delete-btn {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.ticket-system__delete-btn .answer{
color: #575650;
position: relative;
padding: 12px;
}
.ticket-system__delete-btn .remove{
color: #575650;
position: relative;
padding: 12px;
color: #EC1C24;
}
.ticket-system__delete-btn .answer::after{
content: '';
position: absolute;
background-color: #DCDCDC;
bottom: 0;
height: 1px;
left: 0;
right: 0;
}
.ticket-system__question,
.ticket-system__photo {
-ms-flex-item-align: end;
align-self: flex-end;
}
.ticket-system__photo {
width: 137px;
height: 137px;
border-radius: 12px;
-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.12));
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.12));
margin-bottom: 32px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.ticket-system__photo.active {
-webkit-transform: scale(1.5) translateY(-100%);
-ms-transform: scale(1.5) translateY(-100%);
transform: scale(1.5) translateY(-100%);
z-index: 25;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
position: fixed;
bottom: 0px;
}
.ticket-system__blur-background {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
z-index: 23;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ticket-system__photo.active ~.ticket-system__blur-background {
opacity: 1;
visibility: visible;
}
.ticket-system__answer-content {
margin-bottom: 6px;
}
.ticket-system__triangle {
width: 13px;
height: 14px;
-webkit-filter: drop-shadow( 0px 0px 10px rgba(0, 0, 0, 0.12));
filter: drop-shadow( 0px 0px 10px rgba(0, 0, 0, 0.12));
background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #F5F5F5));
background: -o-linear-gradient(right bottom, transparent 50%, #F5F5F5 50%);
background: linear-gradient(to left top, transparent 50%, #F5F5F5 50%);
position: absolute;
left: 14px;
z-index: 0;
bottom: -11px;
}
.ticket-system__question .ticket-system__triangle {
background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, transparent), color-stop(50%, #fff));
background: -o-linear-gradient(left bottom, transparent 50%, #fff 50%);
background: linear-gradient(to right top, transparent 50%, #fff 50%);
left: unset;
right: 14px;
}
.ticket-system__time {
color: #A0A0A0;
}
.ticket-system__textarea {
background: #FFFFFF;
border-radius: 8px;
border: none;
height: 65px;
width:100%;
/* position: fixed;
bottom: 79px; */
padding: 10px 33px;
resize: none;
position: relative;
color: #000;
}
.ticket-system__textarea.ticket-system__textarea--black {
background: #000;
color: #C4C4C4;
}
.ticket-system__textarea-container.active {
/* z-index: 500;
bottom: 20px; */
}
.ticket-system__textarea::-webkit-input-placeholder {
color: #C4C4C4;
}
.ticket-system__textarea::-moz-placeholder {
color: #C4C4C4;
}
.ticket-system__textarea:-ms-input-placeholder {
color: #C4C4C4;
}
.ticket-system__textarea::-ms-input-placeholder {
color: #C4C4C4;
}
.ticket-system__textarea::placeholder {
color: #C4C4C4;
}
.ticket-system__textarea-container {
position: fixed;
bottom: 79px;
width:calc(100% - 25px);
}
.ticket-system__container--desktop {
display: none;
}
.ticket-system__send-message {
position: absolute;
z-index: 3;
right: 8px;
top: 8px;
}
.ticket-system__send-message.active path {
fill: #FFB632;
}
.ticket-system__time-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ticket-system {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
top: 0;
bottom: 145px;
}
.ticket-system__label {
position: absolute;
z-index: 2;
left: 8px;
top: 8px;
}
.ticket-system__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
/* height: 100vh;
padding-bottom: 265px;
height: 100vh;
padding-bottom: 265px; */
}
.ticket-system-file {
opacity: 0;
/* visibility: hidden; */
position: absolute;
width: 40px;
height: 40px;
}
.ticket-system-file-img {
display: none;
}
.ticket-star-rating__title {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-weight: bold;
font-size: 17px;
text-align: center;
margin-bottom: 20px;
}
.ticket-system-file-img.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 200;
background: #000000;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
padding-top: 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ticket-system-file-img img {
max-height: 480px;
}
.ticket-system__star-rating.star-rating__container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 30px;
margin-bottom: 0;
position: relative;
}
.ticket-system__star-rating.star-rating__container::before {
content: '';
background-color: #DCDCDC;
height: 1px;
left: -10px;
right: -10px;
position: absolute;
top: 0;
}
.ticket-system-file-img .close-btn {
position: absolute;
left: 10px;
top: 10px;
}
.change-pswrd__pop-up,
.change-pswrd__pop-up-invalid {
position: fixed;
text-align: center;
padding: 20px;
font-size: 16px;
font-weight: bold;
color: #fff;
top: 0;
left: 0;
z-index: 200;
right: 0;
display: none;
}
.change-pswrd__pop-up {
background: #43C922;
}
.change-pswrd__pop-up-invalid {
background: #EC1C24;
}
.change-pswrd-btn.disable {
background: #D8D8D8;
}
.unread-message {
background: #FFB632;
border-radius: 50%;
width: 6px;
height: 6px;
position:absolute;
left: 20px;
}
.personal-account__wrap-number {
margin-bottom: 15px;
}
.personal-account__wrap-company {
margin-bottom: 22px;
}
.personal-account__info-item {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
margin-bottom: 15px;
padding: 10px;
}
.personal-account__info-item--small:last-child {
margin-bottom: 0;
}
.personal-account__info-item.password-field {
padding: 9px 12px;
}
.personal-account__subscribe {
background: #fff;
}
.personal-account__info-columns {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
background: inherit;
box-shadow: unset;
}
.personal-account__info-columns .personal-account__checkbox {
width: 100%;
}
.personal-account__info-columns__mobile .personal-account__checkbox {
width: 50%;
}
.personal-account__info-divide {
width: calc(100% - 3em);
height: 1px;
background: #D8D8D8;
margin: 0 1.5em 2em;
}
.personal-account__info-item--subscribe-all {
display: flex;
justify-content: left;
margin-bottom: 2.4em;
}
.subscribe-btn-all {
color: #FFB632;
border: 1px solid #FFB632;
background: inherit;
width: auto;
padding: 5px 10px;
margin: 0 0 0 0.8em;
}
.show-password-icon {
background: url(../images/eye.svg) no-repeat center;
width: 22px;
height: 22px;
}
.show-password-icon.view {
background: url(../images/eye-show.svg) no-repeat center;
width: 22px;
height: 22px;
}
.personal-account__arrow--mobile {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.personal-account__input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.personal-account__input-container .live-search-group {
flex-basis: 86%;
position: relative;
}
.live-search-group .personal-account__input {
width: 100%;
}
.personal-account__input-container .buy-section__city-list {
left: -10px;
width: calc(100vw - 1.5rem);
transform: translateY(10px);
}
.order-section__label-container .buy-section__city-list{
transform: translateY(-8px);
}
.personal-account__input-container--small {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.personal-account__info-item--birthday {
-ms-flex-preferred-size: 77%;
flex-basis: 77%;
margin-right: 1rem;
margin-bottom: 0;
}
.personal-account__info-item--birthday-btn {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
margin-right: 0rem;
margin-bottom: 0;
align-items: center;
display: flex;
}
.personal-account__info-item--100 {
flex-basis: 100%;
}
.personal-account__info-item--100 .personal-account__input--small {
width: 28rem;
}
.personal-account__label {
font-weight: 600;
font-size: 12px;
color: #A8A8A8;
display: block;
}
.personal-account__input {
border: none;
padding: 4px 0;
font-weight: normal;
font-size: 15px;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
background: transparent;
}
.personal-account__exit {
text-align: center;
font-weight: normal;
font-size: 14px;
border-top: 1px solid #D8D8D8;
padding: 11px 0;
margin-top: 20px;
}
.personal-account__exit a {
color: #868686;
}
.personal-account__textarea {
border: none;
}
.personal-account__textarea:focus-visible {
outline: none !important;
}
.personal-account__checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
}
.personal-account__checkbox .form-check-label {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
font-size: 14px;
}
.personal-account__checkbox .main-checkbox {
margin-right: 0.5rem;
}
.personal-account__checkbox_link {
text-decoration: underline;
}
.personal-account__order-number {
font-weight: bold;
font-size: 14px;
}
.personal-account__order-date {
font-weight: normal;
font-size: 16px;
text-align: right;
}
.personal-account__order-company {
font-weight: normal;
font-size: 15px;
}
.personal-account__price {
font-weight: bold;
font-size: 17px;
text-align: right;
}
.personal-account__order-btn-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.personal-account__change-name {
color: #575650;
font-size: 16px;
margin-left: 5px;
}
.personal-account__change-btn {
}
.personal-account__change-icon {
}
.personal-account__arrow-icon {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.personal-account__arrow-icon--desktop {
display: none;
}
.ordering-basket__item-amount {
color: #A0A0A0;
font-size: 14px;
}
.personal-account__total-title {
font-weight: 600;
font-size: 19px;
}
.personal-account__order-product {
opacity: 0;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
visibility: hidden;
max-height: 0;
padding: 13px;
position: relative;
top: -5px;
border-radius: 0 0 8px 8px;
}
.personal-account__home-address-wrapper {
margin-bottom: 20px;
position: relative;
padding-top: 15px;
font-size: 15px;
font-weight: 600;
padding-right: 10px;
}
.personal-account__home-address-map {
padding: 0;
border-bottom: 1px solid #FFB632;
font-weight: normal;
}
.pop-up__order-history {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #FFFFFF;
z-index: 100;
padding-top: 20px;
opacity: 0;
visibility: hidden;
transition: .4s;
}
.pop-up__order-history.active {
visibility: visible;
opacity: 1;
}
.pop-up__order-subtitle {
font-weight: 700;
font-size: 18px;
margin-bottom: 30px;
}
.pop-up__order-history .close-btn {
top: 18px;
right: 10px;
position: absolute;
}
.pop-up__order-history-top {
height: 50vh;
}
.pop-up__order-history-address {
font-weight: 600;
font-size: 17px;
margin-bottom: 15px;
}
.pop-up__order-history-date {
}
.pop-up__order-history-bottom {
height: 50vh;
}
.order-history-map-wrapper {
height: 50vh;
}
.order-story__price-info--desktop {
display: none;
}
.order-history-map {
height: 50vh;
}
.order-story__container .price-calc__discount-container {
position: relative;
padding-top: 20px;
}
.order-story__container .price-calc__discount-container::before,
.personal-account__home-address-wrapper::before,
.change-btns-container::before {
content: '';
position: absolute;
top: 0;
left: 0px;
right: 0px;
background-color: #E5E5E5;
height: 1px;
}
.order-delivery__banner {
margin-top: 30px;
text-align: center;
}
.order-delivery__banner-desktop {
display: none;
}
.order-delivery__banner-mobile {
display: block;
}
.personal-account__home-address-wrapper::before {
left: -10px;
right: -10px;
}
.change-btns-container {
position: relative;
padding-top: 20px;
}
.change-btn {
margin-bottom: 15px;
display: flex;
}
.change-btn__icon {
margin-right: 10px;
width: 16px;
display: inline-block;
}
.change-btn__title {
font-size: 16px;
text-align: left;
}
.personal-account__home-address {
font-weight: normal;
margin-bottom: 15px;
display: inline-block;
}
.personal-account__order-product.open {
opacity: 1;
max-height: 500rem;
visibility: visible;
padding-top: 35px;
background: #fff;
margin-bottom: 15px;
}
.order-story__price-info--mobile {
padding-top: 15px;
}
.ordering-basket__content-menu {
display: none;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
padding: 1rem;
right: -2rem;
min-height: 100%;
/* height: 39rem; */
}
.ordering-basket--confirm .ordering-basket__content-menu {
display: block;
}
.ordering-basket--confirm confirm__payment-radio-container {
height: 100%;
}
.ordering-basket--confirm confirm__payment-radio-container {
}
.order-story__container .ordering-basket__content-menu-list {
max-height: 160px;
overflow-y:auto;
padding-right: 10px;
}
.personal-account__header-wrap.active .personal-account__arrow-icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.personal-account__delivery-value {
font-size: 15px;
}
.order-story__header--desktop {
display: none;
}
.personal-account__delivery-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 13px;
}
.personal-account__price--desktop {
display: none;
}
.personal-account__ammount-points {
color: #EC1C24;
background: #FFFFFF;
border-radius: 8px;
font-weight: bold;
font-size: 24px;
padding: 10px 35px;
margin-right: 15px;
}
.personal-account__promo-info {
font-weight: bold;
font-size: 18px
}
.personal-account__info-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.personal-account__info-link a {
color: #A0A0A0;
font-size: 14px;
border-bottom: 1px solid #A0A0A0;
display: inline-block;
}
.promo-info__container {
margin-bottom: 17px;
}
.ammount-points-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.loyalty-card {
width: 100%;
padding: 15px;
border-radius: 1.2rem;
color: #fff;
background: -webkit-gradient(linear, left top, right bottom, from(#c4956a), color-stop(45%, #8b5a3b), to(#4a3025));
background: -o-linear-gradient(left top, #c4956a 0%, #8b5a3b 45%, #4a3025 100%);
background: linear-gradient(135deg, #c4956a 0%, #8b5a3b 45%, #4a3025 100%);
-webkit-box-shadow: 0 0.4rem 1.6rem rgba(74, 48, 37, 0.25);
box-shadow: 0 0.4rem 1.6rem rgba(74, 48, 37, 0.25);
}
.loyalty-card--bronze {
background: -webkit-gradient(linear, left top, right bottom, from(#c4956a), color-stop(45%, #8b5a3b), to(#4a3025));
background: -o-linear-gradient(left top, #c4956a 0%, #8b5a3b 45%, #4a3025 100%);
background: linear-gradient(135deg, #c4956a 0%, #8b5a3b 45%, #4a3025 100%);
-webkit-box-shadow: 0 0.4rem 1.6rem rgba(74, 48, 37, 0.25);
box-shadow: 0 0.4rem 1.6rem rgba(74, 48, 37, 0.25);
}
.loyalty-card--silver {
background: -webkit-gradient(linear, left top, right bottom, from(#d1dbe3), color-stop(50%, #8a9bab), to(#4a5a6b));
background: -o-linear-gradient(left top, #d1dbe3 0%, #8a9bab 50%, #4a5a6b 100%);
background: linear-gradient(135deg, #d1dbe3 0%, #8a9bab 50%, #4a5a6b 100%);
-webkit-box-shadow: 0 0.4rem 1.6rem rgba(58, 72, 86, 0.22);
box-shadow: 0 0.4rem 1.6rem rgba(58, 72, 86, 0.22);
}
.loyalty-card--gold {
background: -webkit-gradient(linear, left top, right bottom, from(#e8c76b), color-stop(45%, #c9a227), to(#6b4a1e));
background: -o-linear-gradient(left top, #e8c76b 0%, #c9a227 45%, #6b4a1e 100%);
background: linear-gradient(135deg, #e8c76b 0%, #c9a227 45%, #6b4a1e 100%);
-webkit-box-shadow: 0 0.4rem 1.6rem rgba(107, 74, 30, 0.24);
box-shadow: 0 0.4rem 1.6rem rgba(107, 74, 30, 0.24);
}
.loyalty-card--platinum {
background: -webkit-gradient(linear, left top, right bottom, from(#dfe7f0), color-stop(40%, #8fa3b8), to(#2f3d4d));
background: -o-linear-gradient(left top, #dfe7f0 0%, #8fa3b8 40%, #2f3d4d 100%);
background: linear-gradient(135deg, #dfe7f0 0%, #8fa3b8 40%, #2f3d4d 100%);
-webkit-box-shadow: 0 0.4rem 1.6rem rgba(35, 49, 63, 0.28);
box-shadow: 0 0.4rem 1.6rem rgba(35, 49, 63, 0.28);
}
.loyalty-card__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
}
.loyalty-card__balance-value {
font-size: 28px;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.02em;
}
.loyalty-card__balance-label {
margin-top: 0;
font-size: 1.05rem;
opacity: 0.88;
font-weight: 400;
}
.loyalty-card__cashback {
text-align: right;
}
.loyalty-card__cashback-main {
font-size: 12px;
font-weight: 600;
}
.loyalty-card__cashback-next {
margin-top: 0;
font-size: 10px;
opacity: 0.75;
}
.loyalty-card__level-row {
margin-bottom: 4px;
}
.loyalty-card__level-text {
margin-bottom: 0;
}
.loyalty-card__level-name {
font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
.loyalty-card__level-caption {
margin-top: 4px;
font-size: 14px;
opacity: 0.85;
}
.loyalty-card__tiers {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.loyalty-card__tier {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
position: relative;
padding: 0 2px;
min-width: 0;
}
.loyalty-card__tier:not(:last-child)::after {
content: "";
position: absolute;
top: 7px;
left: calc(50% + 6px);
width: calc(100% - 12px);
height: 2px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.28);
z-index: 0;
}
.loyalty-card__tier--complete:not(:last-child)::after {
background: rgba(255, 255, 255, 0.92);
}
.loyalty-card__tier-dot {
display: block;
width: 10px;
height: 10px;
margin: 0 auto 6px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
border: 2px solid rgba(255, 255, 255, 0.45);
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative;
z-index: 1;
}
.loyalty-card__tier--complete .loyalty-card__tier-dot {
background: #fff;
border-color: #fff;
}
.loyalty-card__tier--current .loyalty-card__tier-dot {
background: #fff;
border-color: #fff;
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4);
}
.loyalty-card__tier-label {
display: block;
font-size: 10px;
line-height: 1.15;
opacity: 0.82;
font-weight: 500;
}
@media screen and (min-width: 380px) {
.loyalty-card__tier-label {
font-size: 11px;
}
}
.loyalty-card__tier--complete .loyalty-card__tier-label,
.loyalty-card__tier--current .loyalty-card__tier-label {
opacity: 1;
font-weight: 600;
}
.loyalty-card__tier--current .loyalty-card__tier-label {
text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.9);
}
.loyalty-card__progress-track {
height: 5px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.28);
overflow: hidden;
margin-bottom: 8px;
}
.loyalty-card__progress-fill {
height: 100%;
border-radius: 999px;
background: #fff;
}
.loyalty-card__progress-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 10px;
font-size: 13px;
}
.loyalty-card__progress-hint {
opacity: 0.78;
text-align: right;
white-space: nowrap;
}
.offer-agreement a {
font-weight: normal;
font-size: 15px;
display: inline-block;
border-bottom: 1px solid black;
}
.offer-agreement {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.personal-account__info-item {
}
.personal-account__info-item--desktop {
display: none;
}
.personal-account__discount-title {
font-size: 13px;
}
.copy-link__header {
font-size: 16px;
margin-bottom: 5px;
padding-left: 0;
}
.copy-link__btn {
text-align: right;
margin-bottom: 5px;
}
.copy-link__btn--desktop {
display: none;
}
.copy-link__content {
overflow-x: auto;
padding: 3px 0;
white-space: nowrap;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #FFB632;
padding: 3px 0 0 10px;
}
.copy-link__content::-webkit-scrollbar {
background-color: transparent;
width: 0;
height: 0;
}
.copy-link__container {
position: relative;
}
.copy-link__pop-up {
right: 10px;
z-index: 10;
position: absolute;
background: #FFFFFF;
color: #000;
-webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
border-radius: 8px;
width: 220px;
height: 80px;
font-size: 13px;
font-weight: 600;
top: 27px;
opacity: 0;
padding: -10px;
visibility: hidden;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.catalog-banner .copy-link__pop-up {
top: unset;
bottom: 0;
height: auto;
}
.copy-link__pop-up.active {
opacity: 1;
visibility: visible;
}
.copy-link__pop-up__icon {
text-align: right;
}
.personal-account__info-item.bonus-table {
padding-top: 0;
}
.bonus-table__content.tabs__item {
display: none;
}
.bonus-table__content.tabs__item.active {
/* display: grid;
grid-template-columns: repeat(3,1fr);
grid-row-gap: 15px; */
padding-top: 20px;
display: block !important;
}
.bonus-table__header,
.bonus-table__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.bonus-table__body {
margin-bottom: 15px;
padding-top: 15px;
}
.bonus-table__tabs-container {
background: rgba(241, 241, 241, 0.85);
border-radius: 8px;
}
.bonus-table__tab {
position: relative;
font-size: 17px;
font-weight: normal;
padding: 10px;
text-align: center;
}
.bonus-table__tab.active {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
z-index: 2;
font-weight: bold;
width: 110%;
}
.bonus-table__header {
margin-bottom: 15px;
}
.bonus-table__header-item {
color: #A0A0A0;
font-size: 15px;
}
.bonus-table__header-item--desktop {
display: none;
}
.bonus-table__header-item--column {
flex: 1;
}
.bonus-table__body::after {
content: '';
height: 1px;
position: absolute;
left: 0;
right: 0;
top: 0;
background-color: #E5E5E5;
}
.bonus-table__header-count {
text-align: right;
}
.bonus-table__body-item {
font-size: 14px;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
.bonus-table__body-item--bold {
font-weight: bold;
}
.bonus-table__date {
font-size: 14px;
margin-bottom: 10px;
}
.bonus-table__description {
color: #868686;
font-size: 14px;
}
.bonus-table__description--desktop {
display: none;
}
.bonus-table__count {
font-weight: bold;
font-size: 15px;
text-align: right;
}
.positive-value {
color: #43C922;
}
.negative-value {
color: #EC1C24;
}
.personal-account__header-wrap {
/* display: flex;
justify-content: space-between;
flex-wrap: wrap; */
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12) !important;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12) !important;
border-radius: 8px;
padding: 13px;
position: relative;
z-index: 2;
}
.footer.personal-account__footer {
display: none;
}
/* promo */
.promo-section__title {
margin-bottom: 12px;
}
.promo-section {
padding-top: 120px;
background-color: #F4F2E9;
padding-bottom: 30px;
}
.promo-section__items-container {
}
.promo-section__subtitle {
font-weight: bold;
font-size: 19px;
margin-bottom: 15px;
}
.promo-section__item {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 30px;
margin-bottom: 20px;
padding-bottom: 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.promo-section__img-container {
margin-bottom: 15px;
position: relative;
border-radius: 15px;
overflow: hidden;
}
.promo-section__countdown {
}
.promo-section__text {
color: #575650;
font-size: 15px;
margin-bottom: 25px;
}
.promo-section__img {
width: 100%;
}
.promo-section__content-container {
padding: 0 20px;
padding-bottom: 18px;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.promo-section__term {
color: #A0A0A0;
font-size: 15px;
margin-bottom: 10px;
}
.promo-section__countdown {
color: #fff;
display: inline-block;
text-align: center;
font-size: 22px;
background: rgba(0, 0, 0, 0.8);
border-radius: 0px 12px 12px 0px;
padding: 5px 10px;
font-weight: 800;
position: absolute;
top: 17px;
left: 0;
}
.promo-section__btn.catalog-btn {
width: calc(100% - 40px);
margin-bottom: 11px;
display: inline-block;
}
.promo-section__code-btn {
width: 100%;
font-weight: bold;
font-size: 16px;
}
.promo-section__code-content {
position: relative;
text-align: center;
font-weight: bold;
font-size: 16px;
display: none;
}
.promo-section__code-name.invisible {
position: absolute;
}
.promo-section__code-name {
font-weight: normal;
}
.promo-section__code-pop-up {
position: absolute;
font-size: 16px;
font-weight: normal;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.19);
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.19);
border-radius: 0px 8px 8px 8px;
padding: 12px 15px;
right: 0;
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;
bottom: -46px;
}
.promo-section__code-pop-up.active {
visibility: visible;
opacity: 1;
}
/* .promo-section__item.active .promo-section__code-pop-up {
visibility: visible;
opacity: 1;
} */
.promo-section__item.active .promo-section__code-content {
display: block;
}
.countdown-number {
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.countdown-time {
border-radius: 3px;
color: #fff;
display: inline-block;
}
.countdown-text {
display: block;
padding-top: 5px;
font-size: 16px;
}
.promo-section__subscribe-emblem {
text-align: center;
font-size: 20px;
background: url(../images/subscribe.png) center no-repeat;
border-radius: 20px;
text-transform: uppercase;
font-weight: bold;
padding: 27px 30px;
height: 127px;
position: relative;
background-size: contain;
margin-bottom: 15px;
}
.promo-section__subscribe {
padding: 30px 20px;
}
.promo-section__subscribe-btn {
width: 100%;
background-color: #EC1C24;
color: #FFF;
padding: 15px;
border-radius: 12px;
text-align: center;
margin-bottom: 15px;
}
.promo-section__subscribe-subtitle {
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
line-height: 28px;
}
.promo-section__subscribe-subtitle span {
color: #EC1C24;
}
.promo-section__label:first-of-type {
margin-bottom: 11px;
}
.promo-section__label {
margin-bottom: 20px;
position: relative;
width: 100%;
}
.promo-section__label .verification-email {
top: 0;
}
.promo-section__input[type=email]:invalid ~ .verification-email {
position: absolute;
top: unset;
}
.promo-section__subscribe-text {
color: #A0A0A0;
font-size: 13px;
}
.promo-section__subscribe-text p:first-child {
margin-bottom: 20px;
}
.promo-section__input {
border: 1px solid #E5E5E5;
width: 100%;
border-radius: 8px;
padding: 12px;
font-size: 14px;
}
.promo-section__input::-webkit-input-placeholder {
color: #A0A0A0;
}
.promo-section__input::-moz-placeholder {
color: #A0A0A0;
}
.promo-section__input:-ms-input-placeholder {
color: #A0A0A0;
}
.promo-section__input::-ms-input-placeholder {
color: #A0A0A0;
}
.promo-section__input::placeholder {
color: #A0A0A0;
}
/* sets */
.product-sets__slide {
padding: 20px;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.product-sets__slider-container {
position: relative;
}
.product-sets__btn-prev,
.product-sets__btn-next {
display: none;
}
.product-sets__specification-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
}
.product-sets__specification {
margin-bottom: 15px;
}
.product-sets__specification-container .product-specification__item {
width: 78%;
}
.product-sets__img {
text-align: center;
margin-bottom: 17px;
}
.product-sets__subtitle {
text-align: center;
font-weight: bold;
font-size: 19px;
margin-bottom: 10px;
}
.product-sets__back {
text-align: center;
font-weight: bold;
font-size: 14px;
margin-bottom: 20px;
}
.product-sets__back a {
color: #FFB632;
text-decoration: underline;
margin-right: 5px;
}
.product-sets__description {
font-size: 13px;
}
.product-sets__quantity {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
.product-sets__items {
font-weight: bold;
font-size: 15px;
margin-bottom: 30px;
}
.product-sets__item {
font-weight: normal;
display: block;
}
.product-sets__info {
margin-bottom: 20px;
}
.info-back-link {
background-color: #FFF5E5;
text-align: left;
padding: 0 17px;
padding-top: 120px;
margin-bottom: unset;
}
.info-back-link__white {
background: #fff;
padding-top: 45px;
margin-bottom: 50px;
}
.info-picture {
background-color: #FFF5E5;
padding: 40px 0 20px 0;
margin-bottom: 15px;
}
.info-picture__title {
font-size: 30px;
font-weight: bold;
width: 250px;
text-align: center;
}
.static-page h1 {
font-size: 30px;
font-weight: bold;
width: unset;
text-align: left;
}
.info-picture__title span{
font-weight: normal;
font-size: 16px;
display: block;
padding-top: 8px;
text-align: center;
}
.info-picture__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.info-picture__icon {
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
}
.info-picture__icon img {
width: 100%;
}
.info-picture__icon:last-child {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
-ms-flex-preferred-size: 57%;
flex-basis: 57%;
}
.info-delivery__select.select {
max-width: 100%;
}
.info-delivery__text {
font-size: 13px;
/* background: url(../images/delivery-background-small.svg) no-repeat;
background-size: cover; */
height: 86px;
padding: 11px 15px;
margin-bottom: 35px;
background-color: #FFF5E5;
border-radius: 12px;
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-delivery__text::after {
content: '';
left: 0;
right: 0;
bottom: -14px;
position: absolute;
background: url(../images/delivery-background.svg) no-repeat;
height: 100%;
background-size: contain;
z-index: -1;
}
.info-delivery__item span,
.static-page h2 {
font-weight: bold;
font-size: 17px;
display: block;
}
.info-delivery__item.payment__item span {
margin-bottom: 20px;
}
.info-delivery__item {
margin-bottom: 20px;
}
.info-delivery__country-content {
display: none;
}
.info-delivery__country-content.active {
display: block;
}
.payment__card-list img {
margin-right: 15px;
}
.payment__card-list {
margin-bottom: 32px;
}
.payment__e-money img {
margin-right: 25px;
}
.info-delivery__list {
list-style: disc outside !important;
list-style-image: url(../images/dot.svg) !important;
padding: 20px 0 0px 20px !important;
font-size: 18px;
margin-bottom: 57px;
}
/* .info-delivery__item:before {
color: red;
content: ".";
padding-right: 10px;
} */
.info-delivery {
}
.info-delivery__trigger {
font-weight: bold;
font-size: 17px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 12px;
position: relative;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
padding-right: 15px;
}
.info-delivery__trigger.active {
border-bottom: 1px solid transparent;
}
.info-delivery__trigger::after {
content: '';
background: url(../images/plus.svg) center no-repeat;
width: 30px;
height: 30px;
position: absolute;
right: -7px;
top: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.info-delivery__trigger.active::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.info-delivery__content {
opacity: 0;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
visibility: hidden;
max-height: 0;
padding: 13px;
position: relative;
top: -5px;
/* background-color: #F4F2E9; */
}
.info-delivery__content.open {
opacity: 1;
max-height: 250vh;
visibility: visible;
margin-bottom: 15px;
}
.info-delivery__methods {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
}
.info-delivery__method-icon {
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-delivery__method {
margin-right: 21px;
}
.info-calculator {
background: #fff;
}
.calculator-back-link {
background: initial;
}
.info-calculator__picture {
margin-bottom: 29px;
}
.info-calculator__picture img {
width: 100%;
border-radius: 20px;
}
h1.info-calculator__title {
font-weight: 700;
font-size: 15px;
line-height: 20px;
}
.info-calculator .info-calculator__title {
width: auto;
}
.info-calculator .info-picture__title-container {
margin-bottom: 0px;
}
.info-calculator__wrapper {
margin: 0 -15px 10px;
}
.info-calculator__wrapper .card-title {
justify-content: right !important;
}
.info-calculator__wrapper .product_name {
padding-right: 0 !important;
}
.info-calculator__wrapper, .static-page h1 {
line-height: 3.8rem;
}
.info-calculator .info-calculator__subtitle {
font-weight: 700;
font-size: 20px;
line-height: 27px;
margin-bottom: 17px;
}
.info-calculator .info-calculator__text {
font-size: 15px;
line-height: 25px;
margin-bottom: 43px;
}
.info-calculator .info-calculator__text-bold {
font-weight: 700;
}
.info-calculator .product-slider__container {
padding: 0;
}
.info-calculator .product-slider__btn-prev,
.info-calculator .product-slider__btn-next {
display: none;
}
.calculator-container__wrapper {
overflow: hidden;
position: relative;
}
@media screen and (max-width: 1025px) {
.calculator-container {
padding: 0;
margin: 0 0 40px;
position: relative;
max-width: 100%;
}
}
.calculator-container img {
display: block;
/*min-width: 100vw;*/
/*height: 100vh;*/
object-fit: cover;
}
.calculator-container .form-step1 {
}
.calculator-container .form-step2 {
display: none;
}
.info-calculator img {
height: auto;
border-radius: 15px;
/*max-height: 500px;*/
}
.calculator-container__wrapper img {
position: absolute;
height: 100%;
}
.info-calculator .form-cover {
padding: 58px 15px;
/*position: absolute;*/
position: relative;
top: 0;
z-index: 1;
/*height: 100%;*/
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.info-calculator .form-cover button {
width: 100%;
padding: 17px 40px;
}
.info-calculator .form-cover__text {
font-weight: 700;
font-size: 17px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.info-calculator .form-cover__desc {
font-size: 15px;
line-height: 110%;
color: #fff;
}
.info-calculator .form-cover__input {
margin-bottom: 10px;
}
.info-calculator .news {
margin-bottom: 40px;
}
.info-calculator .news__item:nth-child(3),
.info-calculator .news__item:nth-child(4) {
display: block;
}
.info-calculator2__wrapper {
margin: 40px 0 80px;
}
.calculator2__wrapper{
border-radius: 15px;
border: 1px solid #E5E5E5;
background: #FFF;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.06);
padding: 0px 5px;
margin-bottom: 50px;
}
.info-calculator2__wrapper > div:last-child {
/*display: none;*/
}
.calculator2-sales {
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
/*margin-top: 10px;*/
flex-direction: row;
}
.calculator2-sales_title {
color: #041F2C;
text-align: center;
font-size: 26px;
font-weight: 800;
text-transform: uppercase;
}
.calculator2-sales_text {
color: #041F2C;
font-size: 13px;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
}
.calculator2-sales_promo {
border-radius: 9px;
border: 1.5px solid #FFB632;
color: #FFB632;
text-align: center;
font-size: 30px;
font-weight: 800;
padding: 2px 11px;
letter-spacing: 1px;
}
@media screen and (max-width: 480px){
.calculator2-sales {
flex-direction: column;
}
}
@media screen and (max-width: 1024px){
.calculator-container__wrapper .form-step1 img {
object-fit: cover;
object-position: -67em;
}
}
@media screen and (max-width: 721px){
.calculator-container__wrapper .form-step1 img {
object-fit: cover;
object-position: bottom;
width: 100%;
}
.calculator-container__wrapper .form-step2 img {
object-position: bottom;
width: 100%;
}
}
.table__wrapper {
border-radius: 0px;
background: #FFB632;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.30) inset, 3px 0px 10px 0px rgba(255, 255, 255, 0.47) inset;
padding: 0px;
margin: 0 0 0 -15px;
width: calc(100% + 30px);
}
.table__row {
display: flex;
padding: 0 20px;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
}
.table__col:first-child {
width: 170px;
padding-left: 20px;
}
.table__col:last-child {
width: calc(100% - 200px);
padding: 15px 0;
}
.table__row-white{
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.table__row-orange {
border-radius: 8px;
border: 1px solid #FFF;
background: #FFC761;
}
.table__title {
font-size: 16px;
font-weight: 700;
}
.table__title .table__col {
padding: 15px 0;
}
.calculator2-container .calculator-container__wrapper {
position: fixed;
bottom: 0;
z-index: 2;
width: 100%;
display: none;
}
.form-step1__button {
position: absolute;
top: 15px;
right: 15px;
z-index: 2;
cursor: pointer;
}
.select__icon.city-select__icon {
width: 20px;
height: 20px;
/* position: absolute; */
display: inline-block;
background: url(../images/russia-icon.svg);
background-size: cover !important;
margin-right: 5px;
background-repeat: no-repeat !important;
background-position: center !important;
}
.city__head {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 12px;
width: 100%;
font-weight: bold;
font-size: 18px;
position: relative;
z-index: 7;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-page__select.city__head {
z-index: 9;
}
.city__list {
z-index: 4;
border-radius: 0 0px 12px 12px;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
padding-top: 15px !important;
}
.site-page__select .city__list {
max-height: 250px;
}
.site-page__select-list {
z-index: 8;
}
.city__arrow {
position: absolute;
right: 20px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.select__head.open .select-arrow {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.select-arrow {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.info-delivery__additionally a {
display: inline-block;
margin-right: 5px;
border-bottom: 2px solid #FFB632;
}
.info-delivery__links-list {
display: none;
}
.info-delivery__accordion {
margin-bottom: 57px;
}
.info-picture__icon.payment__icon {
-ms-flex-preferred-size: unset;
flex-basis: unset;
}
.payment__system-list,
.static-page ul {
list-style: disc outside !important;
list-style-image: url(../images/dot-mini.svg) !important;
padding-left: 20px !important;
font-size: 16px;
}
.payment__system-item,
.static-page li,
.static-page p {
margin-bottom: 15px;
}
.info-delivery__item-text p {
margin-bottom: 20px;
}
.info-delivery__item-text p:last-child {
margin-bottom: 0;
}
.info-delivery__courier-item img{
margin-right: 20px;
margin-bottom: 20px;
}
.info-delivery__courier {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.info-delivery__deadlines-name {
font-weight: bold;
font-size: 15px;
margin-bottom: 17px;
}
.info-delivery__delivery-time {
font-weight: bold;
font-size: 13px;
margin-bottom: 8px;
}
.info-delivery__deadlines-content {
font-size: 15px;
}
.info-delivery__deadlines-item {
margin-bottom: 36px;
}
/* registration */
.registration__pop-up {
opacity: 0;
visibility: hidden;
position: fixed;
left: 0;
top: 0;
bottom: 0;
top: 0;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;
max-height: 0;
z-index: -1;
}
.registration__pop-up .close-btn {
position: fixed;
right: 10px;
top: 10px;
z-index: 100;
display: block;
}
.registration__pop-up.active {
opacity: 1;
visibility: visible;
z-index: 250;
max-height: 100%;
}
.registration__screen {
height: 100vh;
width: 100vw;
/* display: none; */
visibility: hidden;
opacity: 0;
-webkit-transition: ease-in-out .2s;
-o-transition: ease-in-out .2s;
transition: ease-in-out .2s;
left: -100vw;
position: absolute;
}
.registration__screen.open {
/* display: block; */
left: 0;
visibility: visible;
opacity: 1;
}
.registration__img-wrapper {
background: url(../images/registration-screen1.jpg) center no-repeat;
background-size: cover;
height: 80vh;
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.registration__img-wrapper.screen2 {
background: url(../images/registration-screen2.jpg) center no-repeat;
background-size: cover;
}
.registration__img-wrapper.screen3,
.registration__img-wrapper.screen4 {
background: url(../images/registration-screen3_1.jpg) center no-repeat;
background-size: cover
}
.registration__img-wrapper.screen5 {
background: url(../images/registration-screen5.jpg) center no-repeat;
background-size: cover;
}
.registration__bottom {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border-radius: 15px 15px 0px 0px;
width: 100vw;
position: absolute;
z-index: 60;
bottom: 0;
padding-top: 40px;
padding-bottom: 20px;
height: unset;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding: 25px 30px 120px;
min-height: 280px ;
overflow-y: auto;
max-height: 100vh;
}
.registration__bottom.active {
/* height: 40vh; */
-webkit-transform: translateY(calc(100% - 280px));
-ms-transform: translateY(calc(100% - 280px));
transform: translateY(calc(100% - 280px));
}
.registration__subtitle {
font-size: 16px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
line-height: 22px;
}
.registration__btn {
padding: 15px;
font-size: 15px;
border-radius: 12px;
width: 100%;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
.registration__btn.type1 {
background: #fff;
border: 1px solid #000000;
}
.registration__btn.type2 {
background-color: #FFB632;
border: none;
}
.registration__btn.type3 {
background-color: #0077FF;
color: #ffffff;
border: none;
display: flex;
justify-content: center;
}
.registration__btn.type3:hover {
opacity: .9;
background-color: #0077FF;
}
.registration__btn-icon {
margin-left: 5px;
}
.spinner.spinner--dark {
display: none;
margin: 0 auto;
}
.spinner.spinner--dark svg path {
stroke: #000;
}
.spinner.spinner--dark circle {
stroke: #000;
}
.registration__form-input {
margin-bottom: 12px;
border: 1px solid #E5E5E5;
border-radius: 12px;
padding: 14px;
font-size: 15px;
width: 100%;
}
.registration__form-input:last-of-type {
margin-bottom: 20px;
}
.registration__select {
border: none;
outline: none;
height: 100%;
}
.registration__select option {
text-align: right;
}
.registration__form {
border-radius: 12px;
}
.search-pop-up__input.catalog__input::-webkit-search-cancel-button,
.choose-city__input::-webkit-search-cancel-button {
-webkit-appearance: none;
margin-right: 100px !important;
}
.registration__phone-input {
border: none;
outline: none;
padding-left: 10px;
font-size: 16px;
background: transparent;
}
.phone-choice__select-head.select__head {
padding-top: unset;
width: unset;
min-width: 44px;
max-width: 90px ;
position: relative;
font-size: 17px;
display: flex;
}
.phone-choice__select-head:after {
content: '';
background: #D8D8D8;
position: absolute;
width: 1px;
top: -5px;
bottom: -5px;
right: -5px;
}
.login-error-msg {
color:#EC1C24;
font-size: 15px;
text-align: center;
margin-bottom: 10px;
}
.phone-choice__select {
position: relative;
}
.phone-choice__select-code.select__code {
margin-right: 6px;
}
.phone-choice__select-head .select-arrow {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}
.phone-choice__select-list.select__list {
padding: 10px 14px !important;
left: -14px;
right: unset;
width: 63px;
top: 100%;
max-height: 143px;
font-size: 17px;
margin-bottom: 10px;
}
.select__language-item {
margin-bottom: 10px;
}
.change-screen__btn {
background-color: transparent;
font-size: 14px;
width: 100%;
}
.change-screen__btn span {
display: none;
}
.registration__back-btn {
font-weight: bold;
font-size: 20px;
margin-bottom: 25px;
}
.registration__back-btn svg {
margin-right: 5px;
}
.registration__back-arrow svg {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.form-check-label a {
display: inline-block;
/* border-bottom: 1px solid #000; */
}
.registration__checkbox-container {
margin-bottom: 28px;
}
.sms-code__counter-wrap {
font-weight: bold;
text-align: center;
}
.sms-code__input {
border: 1px solid #D8D8D8;
border-radius: 12px;
display: block;
margin: 0 auto;
padding: 15px 15px;
width: 130px;
font-size: 17px;
text-align: center;
}
.sms-code__resend a {
font-weight: bold;
border-bottom: 1px solid #000;
display: inline-block;
}
.sms-code__input.invalid {
color: #EC1C24;
}
.sms-code__countdown-container {
font-size: 14px;
text-align: center;
margin-bottom: 25px;
}
.sms-code__input-container {
position: relative;
margin-bottom: 28px;
}
.sms-code__invalid-code {
color: #EC1C24;;
text-align: center;
font-size: 12px;
padding-top: 10px;
}
.sms-code__input::-webkit-input-placeholder {
text-align: center;
}
.sms-code__input::-moz-placeholder {
text-align: center;
}
.sms-code__input:-ms-input-placeholder {
text-align: center;
}
.sms-code__input::-ms-input-placeholder {
text-align: center;
}
.sms-code__input::placeholder {
text-align: center;
}
.registration__successful-subtitle {
font-weight: bold;
font-size: 20px;
padding-top: 15px;
text-align: center;
margin-bottom: 50px;
line-height: 24px;
}
.registration__successful-counter {
font-size: 17px;
text-align: center;
margin-bottom: 50px;
}
.registration-screen__btn-wrap {
display: none;
}
.registration__close-btn {
display: none;
}
.close-btn--desktop {
display: none;
}
.registration-screen__delimiter {
height: 1px;
width: 100%;
background: #D8D8D8;
position: relative;
margin: 20px 0 20px;
display: flex;
justify-content: center;
}
.registration-screen__delimiter span {
display: inline-block;
background: #fff;
padding: 10px 20px;
position: absolute;
top: -19px;
font-weight: 400;
font-size: 13px;
line-height: 18px;
text-align: center;
color: #97989B;
}
/* favorite goods */
.add-all {
background-color: #FFB632;
border-radius: 12px;
font-size: 14px;
padding: 9px;
width: 187px;
}
.clean-all {
color: #575650;
font-size: 15px;
padding: 0;
}
.clean-all svg {
margin-right: 4px;
}
.favorite-catalog__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.favorite-catalog__item {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
.favorite-goods__row {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.backward__container {
font-weight: bold;
font-size: 17px;
}
.backward__container svg {
margin-right: 8px;
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
.favorite-goods__counter {
text-align: right;
font-size: 17px;
}
.favorite-goods__btns-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.favorite-goods__btns-container--desktop {
display: none;
}
.clean-all svg {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.favorite-goods__title {
display: none;
}
.compare-product__slider-container.active {
/* background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
border-radius: 0px 0px 12px 12px; */
}
.compare-product__scroll-head.active {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
border-radius: 0px 0px 12px 12px;
}
.compare-product__items-container {
position: relative;
overflow-x: hidden;
}
.compare-products__item-bottom {
/* display: flex;
flex-wrap: nowrap;
*/
}
.compare-products__item-header {
}
.compare-product__slider-container {
/* overflow-y: auto; */
margin-bottom: 40px;
}
.compare-product__property-wraper {
/* grid-area: properties;
width: 287px;
margin-right: 15px; */
}
.compare-product__slide {
/* display: none; */
/* grid-area: slide;
width: 287px;
margin-right: 15px; */
}
.compare-product__slide.active {
/* display: block; */
}
.compare-product__property-title-wrap {
position: absolute;
bottom: 0;
width: 100%;
}
.compare-product__property-title-wrap--desktop {
display: none;
}
.compare-products__table {
overflow-y: auto;
overflow: auto;
}
.compare-product__property-title {
font-weight: bold;
font-size: 16px;
margin-bottom: 46px;
background: #F4F2E9;
border-radius: 4px;
padding-left: 20px;
}
.compare-product__row {
margin-bottom: 15px;
}
.compare-product__slide-header {
min-height: 343px;
}
.compare-product__slide .product__description p {
max-width: 8rem;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.compare-product__slide-header .product-image {
overflow: unset;
}
.favorite-goods__counter.compare__counter {
text-align: left;
}
.compare-product__btn-prev--mobile {
margin-right: 12px;
}
.compare-product__btns-wrap {
text-align: right;
}
.compare-product__btn-prev--desktop ,
.compare-product__btn-next--desktop {
display: none;
}
.compare-product__slide .close-btn {
position: absolute;
right: 5px;
top: 5px;
z-index: 4;
}
.compare-product__slide img {
width: 100%;
}
.compare-product__property-wrap {
/* margin-bottom: 40px;
*/
margin-top: 46px;
}
.compare-product__property-wrap:last-child {
margin-bottom: 10px;
}
.compare-product__property-value {
font-size: 16px;
padding-left: 20px;
position: relative;
}
.compare-product__property-value::after {
content: '';
position: absolute;
width: 1px;
background-color: #D8D8D8;
top: 0;
bottom: 0;
right: -1px;
}
.compare-product__slide .product__link {
/* width: 48vw; */
display: block;
}
.compare-product__slide-container {
min-height: 24rem;
padding-bottom: 15px;
width: 44vw;
margin-right: 16px;
}
/* table { table-layout:fixed; } */
/* table tr { height:1em; } */
/* td { overflow:hidden; */
/* white-space:nowrap; */
.demo thead th {
position: sticky;
top: 0;
z-index: 2;
background-color: #FFB632;
}
.compare-products__table-container {
overflow-x:auto;
}
.compare-products__item-header {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
border-radius: 0px 0px 12px 12px;
}
.compare-products__item-header.fixed {
/* position: sticky;
top: 0; */
z-index: 50;
max-height: 55vh;
}
.compare-products__item-header.fixed .compare-product__slide .rating-list-container {
display: none;
}
.compare-products__row-fixed {
position: absolute;
width: 100%;
background: #F4F2E9;
border-radius: 4px;
margin-bottom: 30px;
font-weight: bold;
font-size: 16px;
}
.compare-products__cell-fixed {
position: absolute;
margin-bottom: 30px;
}
.compare-products__row {
padding: 10px 0;
height: 10vh;
}
/* contacts */
.contacts-section__title {
margin-bottom: 20px;
}
.contacts__padding-container {
padding-top: 120px;
}
.contacts-section {
margin-bottom: 30px;
}
.contacts-disclaimer {
background: #FFF3CD;
border: 1px solid #FFDE8A;
border-radius: 12px;
padding: 18px 20px;
margin-bottom: 20px;
color: #7A5A00;
}
.contacts-disclaimer__title {
font-weight: bold;
font-size: 20px;
line-height: 1.3;
margin-bottom: 10px;
}
.contacts-disclaimer__text {
font-size: 17px;
line-height: 1.5;
}
.contacts-section__container {
}
.contacts-section__item {
}
.contacts-section__item-header {
background: #F4F2E9;
border-radius: 12px;
font-weight: bold;
font-size: 20px;
padding: 12px 16px;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.contacts-section__item-content {
padding-left: 15px;
padding-bottom: 20px;
}
.contacts-section__info {
font-size: 17px;
margin-bottom: 15px;
}
.contacts-section__info-border {
border-bottom: 1px solid #FFB632;
}
.contacts-section__info-bold {
font-weight: bold;
border-bottom: none;
}
.contacts-section__info-btn {
background: #FFB632;
border-radius: 12px;
padding: 6px 13px;
font-size: 14px;
margin-bottom: 15px;
display: inline-block;
}
.contacts-section__legal-entities {
margin-bottom: 30px;
}
.contacts-section__legal-entities:last-child{
margin-bottom: 0;
}
.contacts-section__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.contacts-form {
margin-bottom: 45px;
}
.container {
}
.contacts-form__subtitle {
font-weight: bold;
font-size: 22px;
margin-bottom: 15px;
}
.contacts-form__subtitle--desktop {
display: none;
}
.contacts-form__img-container {
margin-bottom: 15px;
}
.contacts-form__img-container img {
width: 100%;
}
.contacts-form__img-container--desktop {
display: none;
}
.contacts-form__label {
margin-bottom: 10px;
width: 100%;
}
.contacts-form__input,
.contacts-form__textarea {
border: 1px solid #D8D8D8;
border-radius: 12px;
color: #000;
width: 100%;
font-size: 16px;
padding: 14px 16px;
}
.contacts-form__input::-webkit-input-placeholder, .contacts-form__textarea::-webkit-input-placeholder {
color: #A0A0A0;
}
.contacts-form__input::-moz-placeholder, .contacts-form__textarea::-moz-placeholder {
color: #A0A0A0;
}
.contacts-form__input:-ms-input-placeholder, .contacts-form__textarea:-ms-input-placeholder {
color: #A0A0A0;
}
.contacts-form__input::-ms-input-placeholder, .contacts-form__textarea::-ms-input-placeholder {
color: #A0A0A0;
}
.contacts-form__input::placeholder,
.contacts-form__textarea::placeholder {
color: #A0A0A0;
}
.contacts-form__btn {
width: 100%;
background: #FFB632;
border-radius: 12px;
padding: 13px;
font-size: 16px;
margin-bottom: 15px;
}
.contacts-form__textarea {
margin-bottom: 20px;
}
.add-reviews__checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
margin-bottom: 8px;
}
.add-reviews__check-link {
text-decoration: none;
}
.input__file-button-text.contacts-form__file-btn {
color: #000;
}
.add-reviews-input {
}
.select__head.open .select-arrow {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
z-index: 21;
/* position: relative; */
}
.contacts-form__select.select {
max-width: unset;
margin-bottom: 10px;
background: #fff;
border-radius: 12px;
}
.contacts-form__select-list.select__list {
top: 0;
padding: 16px;
}
.contacts-form__input.select__head {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts-form__select-item,
.contacts-form__select-header {
font-size: 16px;
margin-bottom: 20px;
position: relative;
width: unset;
padding-top: unset;
}
.contacts-form__select-header::after {
content: '';
bottom: -12px;
background-color: #D8D8D8;
left: 0;
right: 0;
position: absolute;
height: 1px;
}
.contacts-form__select-item:last-child {
margin-bottom: unset;
}
.contacts-form__select-list.select__list {
max-height: unset;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.contacts-form__select-list-container {
max-height: 130px;
overflow-y: auto;
}
.contacts-form__select-list-container::-webkit-scrollbar {
background-color: transparent;
width: 6px;
}
.contacts-form__select-list-container::-webkit-scrollbar-thumb {
background-color: #EAE8DD;
border-radius: 8px;
}
.form-check-input {
}
.add-reviews__check-label {
text-align: center;
}
.form-check-label {
}
.add-reviews__check-link {
}
/* static page */
/* darkstore */
.darkstore-top {
background: #FFF5E5;
margin-bottom: 20px;
padding-bottom: 20px;
}
.darkstore-top__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 80px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.darkstore-bottom__label {
display: block;
margin-bottom: 10px;
}
.darkstore-bottom__input,
.darkstore-bottom__country,
.darkstore-bottom__city {
border: 1px solid #D8D8D8;
border-radius: 12px;
padding: 13px;
width: 100%;
font-size: 17px;
}
.darkstore-bottom__country,
.darkstore-bottom__city {
margin-bottom: 10px;
}
.darkstore-bottom__text {
font-size: 17px;
margin-bottom: 23px;
}
.darkstore-bottom__text--desktop {
display: none;
}
.darkstore-bottom__text span {
font-weight: bold;
}
.darkstore-bottom__subtitle {
font-weight: bold;
font-size: 22px;
margin-bottom: 15px;
}
.darkstore-bottom__overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 20;
background: rgba(0, 0, 0, 0.3);
top: 0;
}
.darkstore-bottom__lock {
text-align: center;
margin-top: 50px;
}
.darkstore-bottom__container {
position: relative;
padding-top: 20px;
}
.darkstore-bottom__container .products-catalog__container {
margin-bottom: 0;
}
.darkstore-bottom__address-container {
font-size: 18px;
margin-bottom: 15px;
display: none;
}
.darkstore-bottom__address-value {
font-weight: bold;
}
.darkstore-bottom__input {
/* display:none; */
}
.darkstore-icon {
position: absolute;
bottom: 5px;
left: 5px;
z-index: 10;
}
.darkstore-icon img {
border: none;
}
.darkstore-bottom__btn.catalog-btn {
width: 100%;
font-size: 16px;
padding: 14px;
}
.darkstore-basket__container {
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
border-radius: 10px;
background: #FFF5E5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
margin-bottom: 15px;
}
.darkstore-basket__header {
}
.darkstore-basket__address {
margin-bottom: 15px;
font-size: 16px;
}
.darkstore-basket__address-value {
font-weight: bold;
}
.darkstore-basket__icon {
margin-right: 10px;
}
.darkstore-basket__text {
font-size: 16px;
font-weight: bold;
}
.darkstore-product__container {
margin-bottom: 30px;
background: #FFB632;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.darkstore-product__icon-container {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
background: #FFF5E5;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
}
.darkstore-product__text {
font-weight: bold;
font-size: 17px
}
.darkstore-product__catalog-link {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
font-size: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.darkstore-product__icon {
margin-right: 10px;
}
/*cashback*/
.cashback__title.title {
text-align: center;
margin: 0 auto;
}
.cashback-section {
margin-bottom: 60px;
}
.cashback-section__item {
}
.cashback-section__item-header {
background: #FFF5E5;
border-radius: 12px;
font-weight: bold;
font-size: 20px;
padding: 11px 15px;
margin-bottom: 20px;
}
.cashback-section__content {
padding-left: 10px;
}
.cashback-section__content-item {
list-style: disc outside !important;
list-style-image: url(../images/dot-mini.svg) !important;
padding: 0 5px;
margin-left: 10px;
margin-bottom: 30px;
font-size: 17px;
}
.cashback-section__content-item a {
color: #FFB632;
border-bottom: 1px solid #FFB632;
}
.cashback-section__content-item span {
font-weight: bold;
}
.cashback-section__info {
font-weight: bold;
padding: 0 10px;
margin-bottom: 30px;
}
.cashback__padding-container {
padding-top: 30px;
}
.cashback-icon {
text-align: center;
}
.cashback-picture.info-picture {
margin-bottom: 0;
}
/* buy-section */
.buy-section__padding-container {
padding-top: 80px;
}
.buy-section__name {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.buy-section__item {
margin-bottom: 30px;
position: relative;
padding: 25px 44px ;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
}
.buy-section__item .fas {
top: 27px;
position: absolute;
left: 21px;
color: #FFB632;
}
.buy-section__shop-value {
margin-bottom: 20px;
font-size: 16px;
font-weight: 600;
}
.buy-section__img {
width: 100%;
margin-bottom: 10px;
display: flex;
gap: 40px;
align-items: center;
}
.buy-section__info {
font-size: 16px;
margin-bottom: 20px;
padding-right: 20px;
}
.buy-section__info a {
color: #FFB632;
border-bottom: 1px solid #FFB632;
}
.buy-section__address {
font-size: 16px;
margin-bottom: 10px;
}
.buy-section__site-link {
border-bottom: 1px solid #000;
color: #000;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.partners-map {
width: 100%;
height: 300px;
}
.buy-section__city-list {
display: none;
position: absolute;
background: #FFFFFF;
-webkit-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.19);
box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.19);
border-radius: 6px;
padding: 20px 0;
width: 100%;
z-index: 3;
max-height: 300px;
overflow-y: auto;
}
.buy-section__city-list.active {
display: block;
}
.buy-section__city-container {
position: relative;
}
.buy-section__city-item {
padding: 15px 10px;
font-size: 16px;
}
.buy-section__city-item:hover,
.buy-section__city-item.active {
background: #FFF5E5;
}
.live-search-box::-webkit-search-cancel-button {
display: none;
}
.live-search-box {
margin-bottom: 20px;
}
/* referral */
.referral-section {
margin-bottom: 60px;
padding-top: 30px;
}
.referral-section__content-item {
position: relative;
padding: 0 10px;
margin-left: 10px;
margin-bottom: 30px;
font-size: 17px;
}
.referral-section__content-item a {
border-bottom: 1px solid #FFB632;
}
.referral-section__content-item::before {
content: counter(num);
counter-increment: num;
display: inline-block;
position: absolute;
top: 4px;
left: -18px;
width: 21px;
height: 21px;
background: #FFB632;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 18px;
font-size: 15px;
border-radius: 50%;
border: 1px solid #FFB632;
}
.referral-section__content{
list-style-type: none;
counter-reset: num;
}
/* status */
.status-section__info-container {
margin-bottom: 50px;
}
.status-section__info-item {
margin-bottom: 20px;
font-size: 17px;
}
.status-section__info-value {
font-weight: bold;
}
.status-section__info-value a {
background-color: rgb(255, 182, 50);
padding: 2px 5px;
}
.status-section__hide {
visibility: hidden;
opacity: 0;
}
.status-section__hide.active {
visibility: visible;
opacity: 1;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
/* reviews */
.reviews-section__icon-text {
text-align: center;
font-size: 18px;
}
.reviews-section__product-name {
color: #575650;
font-size: 15px;
}
.reviews-section__product-img {
margin-right: 10px;
}
.reviews-section__product-img {
border-radius: 12px;
overflow: hidden;
}
.reviews-section__modal .product-category__list.close {
display: none;
}
.reviews-section__modal .product-subcategory__list {
display: none;
}
.reviews-section__modal .product-subcategory__list.open {
display: block;
}
.reviews-section__product-taste {
font-size: 16px;
font-weight: 600;
}
.rating-list.five-stars {
height: 20px;
width: 111px;
background-size: cover;
}
.rating-list-container.five-stars {
width: unset;
height: 38px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.rating-list__result.four-stars{
width: 78%;
}
.rating-list__result.three-stars{
width: 58%;
}
.rating-list__result.two-stars{
width: 38%;
}
.rating-list__result.one-stars{
width: 18%;
}
.rating-list__name {
padding-left: 9px;
font-size: 14px;
}
.offcanvas-bottom {
border-radius: unset !important;
}
.reviews-section__reviews-counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 17px;
}
.reviews-section__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.reviews-section__row {
position: relative;
padding-bottom: 15px;
}
.reviews-section__row::after {
content: '';
position: absolute;
bottom: 0;
right: 10px;
left: 10px;
background-color: #E5E5E5;
height: 1px;
}
.reviews-section__item {
padding-left: 0;
}
.reviews-section-title.title {
margin-right: 2rem;
}
.product-subcategory__modal.reviews-modal {
border-radius: 8px 8px 0px 0px;
}
.rewiews-section__real-customers-checkbox {
display: block;
height: 38px;
}
.clean-filter {
border: 1px solid #000000;
border-radius: 12px;
width: calc(100% - 30px);
margin: 0 auto;
padding: 12px;
font-size: 14px;
}
.apply-btn {
width: calc(100% - 30px);
}
.apply-btn__container {
-webkit-box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
width: 100%;
padding-top: 7px;
}
.real-customers__label {
font-weight: 600;
font-size: 15px;
margin-left: 5px;
}
.reviews__filter-modal {
position: absolute;
}
.reviews-section__modal{
max-height: 0;
position: static;
height: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
opacity: 0;
visibility: hidden;
margin-bottom: 15px;
overflow-x: auto;
}
.reviews-section__modal::-webkit-scrollbar-thumb {
background: #C4C4C4;
}
.reviews-section__modal::-webkit-scrollbar {
width: 5px;
background: #EFEFEF;
}
.reviews-section__modal.active {
max-height: 200px;
opacity: 1;
height: 200px;
visibility: visible;
overflow-x: auto;
margin-bottom: 37px;
margin-top: 37px;
}
.reviews-section__modal .product-category__list {
position: relative;
}
.rating-list-container .main-checkbox{
margin-right: .5rem;
}
/* nutritionist */
.nutritionist-section {
position: relative;
}
.nutritionist-consultation {
background: #FFF5E5;
border-radius: 15px;
padding: 20px;
margin-bottom: 25px;
position: relative;
}
.nutritionist-consultation__btn.catalog-btn {
max-width: 165px;
margin: unset;
}
.nutritionist-benefits {
}
.nutritionist-consultation__title {
font-weight: bold;
font-size: 25px;
margin-bottom: 15px;
max-width: 200px;
}
.nutritionist-benefits__list {
margin-bottom: 35px;
}
.nutritionist-benefits__item {
padding-left: 35px;
position: relative;
font-weight: 600;
font-size: 23px;
margin-bottom: 16px;
}
.nutritionist-benefits__item::before {
content: '';
position: absolute;
left: 0;
width: 23px;
height: 100%;
background: url("../images/thumb.svg") no-repeat center;
}
.nutritionist-team {
margin-bottom: 40px;
}
.nutritionist-team__subtitle {
font-weight: bold;
font-size: 27px;
max-width: 200px;
margin-bottom: 15px;
}
.subtitle {
}
.nutritionist-team__text {
font-size: 17px;
line-height: 20px;
margin-bottom: 35px;
}
.nutritionist-consultation__img {
position: absolute;
right: 4px;
bottom: 20px;
display: none;
}
.nutritionist-consultation__img {
right: 0px;
bottom: 25px;
display: block;
}
.nutritionist-team__name {
font-weight: bold;
font-size: 18px;
position: relative;
padding-left: 25px;
margin-bottom: 5px;
}
.nutritionist-team__name::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 17px;
height: 17px;
background: url(../images/nutrition-check.svg) center no-repeat;
}
.nutritionist-team__ocupation {
font-weight: 600;
font-size: 16px;
margin-bottom: 13px;
}
.nutritionist-team__img {
margin-bottom: 15px;
}
.nutritionist-team__img img {
width: 100%;
}
.nutritionist-team__item {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
border-radius: 15px;
margin-bottom: 13px;
}
.nutritionist-team__description-wrap {
padding: 0 12px;
}
.nutritionist-team__show-btn {
width: 100%;
margin-bottom: 12px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.nutritionist-team__show-btn.active {
-webkit-transform: rotate(-180DEG);
-ms-transform: rotate(-180DEG);
transform: rotate(-180DEG);
}
.nutritionist-team__description {
max-height: 0;
font-size: 16px;
line-height: 22px;
-webkit-transform: all .4s;
-ms-transform: all .4s;
transform: all .4s;
visibility: hidden;
opacity: 0;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.nutritionist-question__subtitle--desktop {
display: none;
}
.nutritionist-team__show-btn.active ~ .nutritionist-team__description{
max-height: 1000px;
visibility: visible;
opacity: 1;
margin-bottom: 30px;
}
.nutritionist-instruction__subtitle {
font-weight: bold;
font-size: 26px;
margin-bottom: 25px;
}
.nutritionist-instruction__item::before {
color: #000;
}
.nutritionist-instruction__list {
}
.nutrition-instruction {
margin-bottom: 40px;
}
.nutrition-question {
position: relative;
}
.nutritionist-question__subtitle {
font-weight: bold;
font-size: 30px;
margin-bottom: 15px;
width: 300px;
}
.nutritionist-question__overlay {
display: none;
position: absolute;
top: 80px;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.8);
padding-top: 40px;
}
.nutritionist-question__overlay.active {
display: block;
}
.nutritionist-question__lock {
text-align: center;
margin-bottom: 35px;
}
.nutritionist-question__text {
font-weight: bold;
font-size: 19px;
line-height: 25px;
text-align: center;
/* margin: 0 auto; */
padding: 0 20px;
/* width: 279px; */
color: #FFFFFF;
margin-bottom: 32px;
}
.nutrition-question__submit-btn {
margin-bottom: 15px;
}
.nutritionist-question__btn.catalog-btn {
/* width: calc(100% - 20px) ; */
}
.nutritionist-question__btn {
}
.catalog-btn {
}
.nutrition-question__img img {
width: 100%;
color: #A0A0A0;
}
.nutrition-question__textarea {
background: #FFFFFF;
border: 1px solid #D8D8D8;
border-radius: 12px;
padding: 14px;
font-size: 16px;
width: 100%;
height: 135px;
margin-bottom: 10px;
}
.nutrition-question__textarea::-webkit-input-placeholder {
font-size: 16px;
}
.nutrition-question__textarea::-moz-placeholder {
font-size: 16px;
}
.nutrition-question__textarea:-ms-input-placeholder {
font-size: 16px;
}
.nutrition-question__textarea::-ms-input-placeholder {
font-size: 16px;
}
.nutrition-question__textarea::placeholder {
font-size: 16px;
}
.nutrition-question__img {
margin-bottom: 17px;
}
.nutrition-question__form {
}
.nutrition-question__info {
font-size: 14px;
text-align: center;
padding-bottom: 15px;
}
.nutrition-question__request-form {
text-align: center;
}
.nutrition-question__request-form svg {
margin-bottom: 16px;
}
.nutrition-question__request-title {
font-weight: bold;
font-size: 18px;
margin-bottom: 16px;
}
.nutrition-question__request-text {
padding-bottom: 30px;
}
/* publication */
.publication {
background: #F4F2E9;
}
.publication__title {
margin-bottom: 11px;
}
.publication-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 22px;
}
.publication__padding-container {
background: #F4F2E9;
}
.publication__img img {
width: 100%;
height: 260px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.publication__img {
margin-bottom: 15px;
}
.publication-header__item {
font-weight: normal;
font-size: 16px;
margin-right: 25px;
position: relative;
}
.publication__date-wrapper {
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.publication-header__item:last-of-type {
margin-right: 0;
}
.publication-header__item.active {
font-weight: bold;
border-bottom: 3px solid #FFB632;
}
.publication__items-container {
margin-bottom: 30px;
}
.publication__item {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 15px;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.publication__type {
position: absolute;
top: 10px;
left: 10px;
font-weight: bold;
font-size: 15px;
color: #fff;
padding: 5px 10px;
border-radius: 8px
}
.publication__article {
background: #43C922;
}
.publication__news {
background: #FFB632
}
.publication__date {
color: #A0A0A0;
font-size: 15px;
}
.publication__video {
position: relative;
}
.publication__recipe {
background: #EC1C24;
z-index: 2;
}
.publication__video-play {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.publication__subtitle {
padding: 0 20px;
font-weight: bold;
font-size: 17px;
}
.publication__bookmark.active svg {
fill: #FFB632;
}
.publication__bookmark.active path {
stroke: #FFB632;
}
.publication__navigation.product-catalog__navigation {
margin-bottom: unset;
padding-bottom: 60px;
}
.publication__is-empty {
font-size: 18px;
width: 370px;
padding-left: 15px;
}
.publication__is-empty a {
font-weight: bold;
border-bottom: 2px solid #FFB632;
}
/* publication-item */
.previous-page__wrapper {
}
.publication-recipe {
}
.container {
}
.publication-recipe__img {
position: relative;
margin-bottom: 15px;
}
.publication-recipe__img img {
width: 100%;
border-radius: 20px;
}
.publication__type {
}
.publication__recipe {
}
.publication-recipe__date-wrapper.publication__date-wrapper {
padding: unset;
}
.publication__date {
}
.publication__bookmark span {
margin-right: 8px;
color: #A0A0A0;
}
.active {
}
.publication-recipe__subtitle.publication__subtitle {
padding: unset;
margin-bottom: 20px;
}
.publication-recipe__text p:first-child{
margin-bottom: 20px;
}
.publication-recipe__text {
margin-bottom: 15px;
}
.publication-recipe__text ol {
padding-left: 20px;
}
.publication-recipe__text img {
border-radius: 20px;
}
.publication-recipe__nutrients {
background: #FFF5E5;
border-radius: 6px;
display: inline-block;
padding: 5px 10px;
font-size: 15px;
margin-bottom: 15px;
}
.publication-recipe__nutrients span {
font-weight: bold;
}
.publication-recipe__ingredients {
padding: 25px 0;
margin-bottom: 20px;
}
.publication-recipe__subtitle {
font-size: 17px;
font-weight: bold;
margin-bottom: 12px;
}
.publication-recipe__ingredients-list {
list-style: disc !important;
list-style-type: disc !important;
margin-left: 20px;
}
.publication-recipe__ingredients-list:first-of-type {
margin-bottom: 40px;
}
.publication-recipe__ingredients-item {
margin-bottom: 10px;
font-size: 17px;
}
.publication-recipe__ingredients-item:last-of-type {
margin-bottom: 0;
}
.publication-recipe__instruction-title {
font-weight: bold;
font-size: 17px;
margin-bottom: 15px;
}
.nutritionist-instruction__list {
}
.referral-section__content {
}
.cashback-section__content {
}
.nutritionist-instruction__item .span {
cursor: pointer;
}
.referral-section__content-item {
}
.publication-recipe__promo {
font-size: 17px;
margin-bottom: 25px;
}
.publication-recipe__promo span {
font-weight: bold;
}
.publication-recipe__imgs-ingredients {
}
.publication-recipe__imgs-item {
margin-bottom: 20px;
}
.publication-recipe__imgs-item img {
width: 100%;
}
.publication-recipe__social-media {
padding: 15px;
background-color: #FFF5E5;
border-radius: 15px;
margin-bottom: 40px;
}
.publication-recipe__social-media-subtitle {
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
line-height: 1.5;
}
.publication-recipe__social-media-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.publication-recipe__social-media-item {
margin-right: 20px;
}
.publication-recipe__column:nth-of-type(2) {
display: none;
}
.publication-recipe__column {
}
.ytp-large-play-button.ytp-button {
background-color: chartreuse !important;
display: none !important;
}
.ytp-large-play-button {
display: none;
}
.hidden {
display: none !important;
}
.publication-recipe__video {
width: 100%;
border-radius: 15px;
overflow: hidden;
margin-bottom: 33px;
}
/* .wrapper {
max-width: 560px;
width: 100%;
margin-left: auto;
margin-right: auto;
} */
.video-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
border-radius: 15px;
}
.video-youtube iframe {
border-radius: 20px;
}
.video-youtube.video-youtube_overlay:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
/* background: rgba(0, 0, 0, 0.4); */
width: 100%;
height: 100%;
display: block;
z-index: -1;
}
.video-youtube .video-youtube__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 15px;
z-index: 1;
}
.video-youtube__content {
}
.ytp-embed-mobile-exp .ytp-chrome-controls .ytp-button, .ytp-embed-mobile-exp.ytp-small-mode .ytp-chrome-controls .ytp-button {
display: none !important;
}
.video-youtube .video-youtube__content.video-youtube__content_hide-origin-play-btn {
width: 10000%;
height: 10000%;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.video-youtube .video-youtube__content.video-youtube__content_hide-origin-play-btn::-moz-selection {
background-color: transparent;
}
.video-youtube .video-youtube__content.video-youtube__content_hide-origin-play-btn::selection {
background-color: transparent;
}
.video-youtube .video-youtube__new-play-btn {
max-width: 153px;
max-height: 153px;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
cursor: pointer;
}
/* article */
.article__list {
padding-left: 10px;
}
.article__item {
margin-bottom: 20px;
font-size: 16px;
list-style: disc outside !important;
list-style-image: url(../images/dot-mini.svg) !important;
padding: 0 5px;
}
/* 404 */
.error-section {
min-height: 100vh;
background: #FAF8F1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.error-section__inner {
}
.error-section__title {
text-align: center;
font-size: 30px;
max-width: 237px;
margin: 0 auto;
margin-bottom: 60px;
}
.error-section__icon {
margin-bottom: 40px;
}
.error-section__info {
margin-bottom: 26px;
font-size: 18px;
}
.error-btn {
background: #EC1C24;
border-radius: 15px;
color: #FFFFFF;
padding: 10px;
font-size: 18px;
width: 100%;
display: block;
margin: 0 auto;
width: 280px;
}
/* cookie */
.padding__wrapper {
height: 70px;
}
.cookie-modal {
position: fixed;
bottom: 68px;
left: 0;
right: 0;
z-index: 21;
opacity: 0;
visibility: hidden;
-webkit-transition: .4s all;
-o-transition: .4s all;
transition: .4s all;
}
.cookie-modal.active {
visibility: visible;
opacity: 1;
}
.cookie-modal__text {
font-weight: normal;
font-size: 13px;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
.cookie-modal img {
display: none;
}
.cookie-modal__btn {
background: #FFB632;
border-radius: 7px;
font-size: 13px;
padding: 5px 25px;
}
.cookie-modal__inner {
background: #FFF5E5;
-webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
border-radius: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 14px 18px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* questions */
.questions__subtitle {
font-weight: bold;
font-size: 21px;
margin-bottom: 20px;
color: #FFB632;
}
.questions__code {
font-weight: bold;
font-size: 18px;
}
.questions-selection__item.select__item {
padding: 10px;
color: #000;
font-size: 17px;
}
.info-picture__title {
/* margin-left: auto;
margin-right: auto; */
width: unset;
}
.border-btn {
width: 100%;
padding: 11px;
background: #FFFFFF;
border: 1px solid #000000;
border-radius: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: .6s all;
-o-transition: .6s all;
transition: .6s all;
}
.border-btn:hover {
color: #FFF;
background-color: #000;
}
.search-page__title {
margin-bottom: 22px;
}
.page-search__section .filter__btn{
margin-left: unset;
left: 15px;
}
/* .certification */
.certification {
}
.certification__list {
margin-bottom: 56px;
}
.certification__item {
margin-bottom: 40px;
}
.certification__item:last-child {
margin-bottom: 0;
}
.certification__subtitle {
font-weight: bold;
font-size: 18px;
}
.certification__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.certification__download-list-header {
font-weight: bold;
font-size: 20px;
}
.certification__download {
padding-left: 20px;
margin-bottom: 50px;
}
.info-delivery__list {
}
.certification__download-item {
}
.info-delivery__item {
}
.certification__download-list .info-delivery__item a {
font-weight: bold;
border-bottom: 1px solid #FFB632;
}
.wrap_a26d,
.label_7566._bottom_fffc {
display: none !important;
}
.promo-section.page-search__section {
background-color: #fff;
}
.button_ba21 {
/* transform: scale(.8) !important; */
}
.__jivoMobileButton {
bottom: -2px!important;
z-index: 19 !important;
}
.logoIconCloud_afa8.icons_dbd4 {
background-image: url(../images/chat.svg) !important;
background-position: center !important;
background-size: contain !important;
width: 43px !important;
}
.button_ba21 {
background: transparent !important;
box-shadow: none !important;
margin-bottom: unset !important;
height: 40px !important ;
}
._orientationRight_be35 .button_ba21 {
margin-right: unset !important;
}
.wrap_e962 {
z-index: 151 !important;
}
/* медиазапросы */
@media screen and (max-width: 376px){
.counter__minus, .counter__plus {
width: 18px;
}
.basket-container {
height: 30px;
}
.price {
font-size: 20px;
}
.bonus-table__header-item:first-child {
-ms-flex-preferred-size: 18%;
flex-basis: 18%;
}
.personal-account__checkbox .form-check-label {
font-size: 11px;
}
}
@media screen and (max-width: 321px){
.title {
font-size: 28px;
}
.reviews-section-title.title {
margin-right: 0;
}
.reviews__product-img {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
.product-reviews__item-text {
font-size: 14px;
}
.price {
font-size: 16px;
}
.ordering-basket__item-name {
font-size: 12px;
}
.ordering-basket__item-price--new {
font-size: 13px;
}
.ordering-basket__item-price--old {
font-size: 11px;
}
.bonus-table__header-item {
font-size: 13px;
}
.bonus-table__date {
font-size: 12px;
}
.bonus-table__description,
.bonus-table__body-item {
font-size: 12px;
}
.personal-account__promo-info {
font-size: 16px;
}
.personal-account__info-link a {
font-size: 12px;
}
.personal-account__order-company {
font-size: 13px;
}
.promo-section__subtitle {
font-size: 16px;
}
.promo-section__text {
font-size: 13px;
}
.promo-section__countdown {
top: 10px;
}
.promo-section__term {
font-size: 13px;
}
.promo-section__code-name {
font-size: 14px;
}
.promo-section__subscribe-emblem {
background-size: cover;
height: 90px;
padding: 13px 30px;
font-size: 17px;
}
.filter__btn {
font-size: 14px;
}
.product-reviews__item-customer {
font-size: 13px;
}
.product-reviews__admin-responce-title {
font-size: 16px;
}
.product-reviews__admin-responce-text {
font-size: 14px;
}
.product-reviews__item-subtitle {
font-size: 18px;
}
.info-delivery__deadlines-name {
font-size: 16px;
}
.favorite-goods__counter {
font-size: 15px;
}
.backward__container {
font-size: 15px;
}
.add-all {
width: 170px;
font-size: 13px;
}
.clean-all {
font-size: 14px;
}
.ticket-star-rating__title {
font-size: 15px;
}
.registration__form-input {
padding: 2rem;
font-size: 14px;
width: 100%;
}
.darkstore-bottom__text {
font-size: 15px;
}
.darkstore-bottom__subtitle {
font-size: 20px;
}
.darkstore-bottom__address-container {
font-size: 16px;
}
.nutritionist-team__subtitle {
font-size: 26px;
}
.publication-header__item {
font-size: 15px;
}
.certification__subtitle {
font-size: 16px;
}
}
/* анимация */
@-webkit-keyframes spinner {
0% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(0deg) rotate(0deg);
transform: rotatey(0deg) rotate(0deg);
}
24.9999% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(0deg) rotate(0deg);
transform: rotatey(0deg) rotate(0deg);
}
25% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(180deg) rotate(270deg);
transform: rotatey(180deg) rotate(270deg);
}
49.9999% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(180deg) rotate(270deg);
transform: rotatey(180deg) rotate(270deg);
}
50% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(0deg) rotate(180deg);
transform: rotatey(0deg) rotate(180deg);
}
74.9999% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(0deg) rotate(180deg);
transform: rotatey(0deg) rotate(180deg);
}
75% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(180deg) rotate(90deg);
transform: rotatey(180deg) rotate(90deg);
}
100% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(180deg) rotate(90deg);
transform: rotatey(180deg) rotate(90deg);
}
}
@keyframes spinner {
0% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(0deg) rotate(0deg);
transform: rotatey(0deg) rotate(0deg);
}
24.9999% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(0deg) rotate(0deg);
transform: rotatey(0deg) rotate(0deg);
}
25% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(180deg) rotate(270deg);
transform: rotatey(180deg) rotate(270deg);
}
49.9999% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(180deg) rotate(270deg);
transform: rotatey(180deg) rotate(270deg);
}
50% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(0deg) rotate(180deg);
transform: rotatey(0deg) rotate(180deg);
}
74.9999% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(0deg) rotate(180deg);
transform: rotatey(0deg) rotate(180deg);
}
75% {
stroke-dashoffset: 11px;
-webkit-transform: rotatey(180deg) rotate(90deg);
transform: rotatey(180deg) rotate(90deg);
}
100% {
stroke-dashoffset: 33px;
-webkit-transform: rotatey(180deg) rotate(90deg);
transform: rotatey(180deg) rotate(90deg);
}
}
@-webkit-keyframes rotation {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes bottom{
0%{
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
opacity: 0;
}
100%{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
@keyframes bottom{
0%{
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
opacity: 0;
}
100%{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
.main-menu__container .js-mobile-level0 > a{
display: none;
}
.main-menu__container .js-mobile-level1 > a{
display: none;
}
.main-menu__container .js-mobile-level2 > a{
display: none;
}
.main-menu__container .js-mobile-level0.active > a{
display: flex;
}
.main-menu__container .js-mobile-level1.active > a{
display: flex;
}
.main-menu__container .js-mobile-level2.active > a{
display: flex;
}
.main-menu__container .js-mobile-level0.visible > a {
display: none;
}
.main-menu__container .js-mobile-level1.visible > a {
display: none;
}
.main-menu__container .js-mobile-level2.visible > a {
display: none;
}
.header__bottom {
display: none;
}
.header-mobile {
position: absolute;
width: 100%;
background: #fff;
z-index: 20;
top: -1px;
/*background-image: url(../images/winter/header-desktop.png);*/
/*background-repeat: no-repeat;*/
}
.header-mobile.fixed {
position: fixed;
top: 0 !important;
}
.header-mobile__auth {
display: inline-block;
margin-right: 5px;
}
.header-mobile__cart {
position: relative;
}
/*.header-mobile__top > div {*/
/* flex: 0 0 33.333333%;*/
/*}*/
.header-mobile__top > div {
width: 90px;
}
.header-mobile__top > div:nth-child(2) {
flex: 1;
@media (min-width: 400px) {
flex: 1;
}
}
.header-mobile__logo {
text-align: center;
picture {
width: 100%;
}
a {
display: flex;
width: 100%;
img {
max-width: 100%;
width: 100%;
max-width: 250px;
}
}
}
.header-mobile__cart-wrapper {
text-align: right;
}
.basket__num-mobile {
left: -6px;
top: -1px;
font-size: 10px;
width: 16px;
height: 15px;
padding: 0px;
}
.search__input--mobile {
background: url(../images/winter/search-mobile.png) no-repeat center left 10px;
/*background-color: #ECECEC;*/
background-color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 8px;
border: 1px solid #EC1C24;
color: #EC1C24;
}
.catalog-banner {
height: auto;
width: 100%;
background: #FF2929;
border-radius: 12px;
margin-bottom: 31px;
position: relative;
overflow: hidden;
display: none;
}
.catalog-banner.active {
display: block;
}
.catalog-banner img {
width: 100%;
height: 100%;
}
.catalog-banner__image {
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}
.catalog-banner__layer {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
flex-direction: row;
align-items: center;
height: 50px;
width: 100%;
}
/*.catalog-banner__title {*/
/* font-weight: 700;*/
/* font-size: 16px;*/
/* line-height: 22px;*/
/* text-align: center;*/
/* color: #FFFFFF;*/
/*}*/
.catalog-banner__timer {
display: flex;
justify-content: center;
margin-bottom: 0px;
}
.catalog-banner__num {
background: #000000;
border-radius: 6px;
font-weight: 800;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 16px;
width: 25px;
height: 28px;
}
.catalog-banner__separator {
color: #FFFFFF;
padding: 0px 4px;
display: flex;
justify-content: center;
align-self: center;
font-weight: 800;
height: 31px;
font-size: 16px;
line-height: 16px;
align-items: center;
}
.catalog-banner__separator-day {
font-size: 11px;
line-height: 14px;
padding-top: 7px;
}
.catalog-banner__text {
font-weight: 700;
text-align: center;
color: #FFFFFF;
margin: 0 0 0 20px;
font-size: 12px;
line-height: 14px;
display: flex;
align-items: center;
}
.catalog-banner__promo {
border: 2px solid #FFFFFF;
border-radius: 6px;
padding: 3px 9px;
margin-left: 10px;
display: inline-block;
cursor: pointer;
position: relative;
}
.catalog-banner__promo:before {
content: '';
position: absolute;
top: -30px;
left: -37px;
background-image: url('data:image/svg+xml,%3Csvg width="42" height="34" viewBox="0 0 42 34" fill="none" xmlns="http://www.w3.org/2000/svg"> span {
display: flex;
align-items: center;
}
.line-promocode__wrapper--mobile {
display: none;
}
.line-promocode__wrapper {
background: rgba(255, 245, 229, 1);
margin: 60px 0;
.line-promocode__block {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
.line-promocode__text {
font-weight: 400;
font-size: 15px;
line-height: 20px;
margin-right: auto;
width: 100%;
}
.line-promocode__content {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
.line-promocode__input {
background: inherit;
font-weight: 400;
font-size: 15px;
border: 0;
margin-right: auto;
min-width: 100px;
width: 100%;
}
.line-promocode__button {
padding: 0;
border: 0;
background: inherit;
}
}
}
.line-promocode__link {
margin-left: auto;
a {
font-weight: 400;
font-size: 15px;
line-height: 20px;
border-bottom: 1px solid #000;
}
}
}
.fast-categories {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 3.2rem;
}
.fast-category {
padding: 0 15px;
display: flex;
align-items: center;
border: 1px solid #9f9f9e;
border-radius: 20px;
white-space: nowrap;
height: 40px;
}
.fast-category__title {
font-size: 14px;
font-weight: 600;
}
.fast-category img {
max-height: 30px;
max-width: 30px;
}
.price__tag {
color: #EC1C24;
font-size: 1.4em;
font-weight: 600;
margin-left: auto;
}
.price__cashback {
margin-left: auto;
display: inline-flex;
align-items: center;
background: #FFECCA;
padding: 0 5px;
height: 27px;
border-radius: 5px;
color: #000;
font-size: 12px;
line-height: 12px;
font-weight: 400;
height: 24px;
}
.card-product .price-sale .price-num {
padding: 0 !important;
background: inherit;
border: 0;
color: #E53900;
}
.product-cards-skeleton {
display: flex;
gap: 15px;
flex-wrap: nowrap;
width: 100%;
}
.product-card-skeleton {
flex: 1;
margin-bottom: 20px;
}
.product-block-image-skeleton {
border-radius: 13px;
border: 1px solid #eee;
padding: 10px;
margin-bottom: 10px;
}
.product-image-skeleton {
width: 100%;
padding: 50%;
background-color: #f2f2f2;
border-radius: 5px;
animation: skeleton-loading 1.5s linear infinite alternate;
}
.product-details-skeleton {
padding: 5px;
}
.product-title-skeleton {
width: 70%;
height: 20px;
background-color: #f2f2f2;
margin-bottom: 10px;
border-radius: 3px;
animation: skeleton-loading 1.5s linear infinite alternate;
}
.product-price-skeleton {
width: 40%;
height: 18px;
background-color: #f2f2f2;
margin-bottom: 10px;
border-radius: 3px;
animation: skeleton-loading 1.5s linear infinite alternate;
}
.product-description-skeleton {
width: 90%;
height: 16px;
background-color: #f2f2f2;
margin-bottom: 10px;
border-radius: 3px;
animation: skeleton-loading 1.5s linear infinite alternate;
}
.product-button-skeleton {
width: 50%;
height: 30px;
background-color: #f2f2f2;
border-radius: 5px;
animation: skeleton-loading 1.5s linear infinite alternate;
}
/* Анимация мерцания */
@keyframes skeleton-loading {
0% {
background-color: #f2f2f2;
}
100% {
background-color: #ddd;
}
}
@media (max-width: 992px) {
.product-card-skeleton:nth-child(n+4) {
display: none;
}
}
@media (max-width: 575px) {
.product-card-skeleton:nth-child(n+3) {
display: none;
}
}
@media screen and (max-width: 992px){
.price {
font-size: 18px;
line-height: 18px;
}
.price-sale .price-num span {
font-size: 20px;
line-height: 20px;
}
.amount {
font-size: 12px;
line-height: 12px;
}
.product__description {
font-size: 12px;
height: 30px;
line-height: 14px;
}
.product__name {
font-size: 18px;
line-height: 21px;
height: 44px;
margin-bottom: 10px;
overflow: hidden;
}
.product__tag {
font-size: 12px !important;
}
.basket-container__btn--product-mini {
height: 38px;
font-size: 18px !important;
}
.price-old .price-num {
font-size: 12px;
line-height: 12px;
}
}
@media screen and (max-width: 575px){
.price {
font-size: 15px;
line-height: 15px;
padding-left: 0px;
}
.price-old .price-num {
font-size: 10px;
line-height: 10px;
}
.price-sale .price-num {
height: 26px;
padding: 0 4px 0 4px;
}
.price-sale .price-num span {
font-size: 15px;
line-height: 15px;
}
.card-product .price-sale .price-num {
padding: 0 !important;
}
.price__cashback {
font-size: 10px;
line-height: 10px;
height: 24px;
padding: 0 3px;
}
.product__name {
font-size: 15px;
line-height: 17px;
height: 34px;
overflow: hidden;
padding-left: 0;
}
.product__description--value {
font-size: 11px !important;
}
.product__description {
overflow: hidden;
padding-left: 0;
}
.amount {
padding-left: 0;
}
.product__tags {
padding-left: 0;
}
.product__tag {
font-size: 10px !important;
padding:
0 3px;
}
.price-block {
gap: 4px;
}
}
.promo-page {
padding-top: 120px;
margin-bottom: 40px;
.promo-page__image {
padding-top: 0px;
margin-bottom: 40px;
}
.promo-page__title {
font-size: 26px;
line-height: 30px;
font-weight: 800;
margin-bottom: 30px;
}
.promo-page__description {
font-size: 18px;
line-height: 22px;
margin-bottom: 40px;
a {
color: #ed217c;
}
}
.container-column {
padding: 20px 0;
}
.container-column:first-child {
padding: 191px 0;
}
.steps_column:last-child {
margin-top: 4px;
flex: 1;
display: flex;
flex-direction: row;
gap: 30px;
}
.steps_column__info {
align-content: center;
flex-direction: column;
align-self: center;
display: flex;
}
.steps_column .checkbox {
margin-left: auto;
}
.steps_item {
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: #000000;
mix-blend-mode: normal;
padding-bottom: 30px;
max-width: 600px;
position: relative;
display: flex;
gap: 20px;
}
.steps_column a {
font-size: 16px;
line-height: 18px;
color: #ed217c;
}
.steps_item-mobile {
display: none;
}
.steps_svg-desktop {
display: block;
}
.steps_svg-mobile {
display: none;
}
.form_row {
display: flex;
gap: 30px;
}
.form_text {
margin-top: 20px;
border: none;
background: initial;
border: 1px solid #ed217c;
padding: 12px 15px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
outline: none;
width: 100%;
resize: vertical;
border-radius: 5px;
}
.form_input {
margin-top: 10px;
border: none;
background: initial;
border-bottom: 1px solid #ed217c;
padding: 12px 15px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
outline: none;
width: 100%;
}
.form_input::placeholder {
color: #ed217c;
}
.form_button {
color: #fff;
font-size: 16px;
line-height: 22px;
text-align: center;
background: #ed217c;
border-radius: 15px;
padding: 12px 0px;
width: 100%;
max-width: 320px;
border: none;
cursor: pointer;
}
.form_button:hover {
opacity: .9;
}
.form_row {
margin-bottom: 32px;
}
.form_error {
font-size: 15px;
line-height: 20px;
color: #EC1C24;
display: none;
}
.form_error.active {
display: block;
padding: 10px 15px;
}
.checkboxes {
display: flex;
gap: 30px;
font-size: 14px;
line-height: 18px;
color: #000000;
margin-bottom: 24px;
}
.checkboxes a{
color: #000000;
}
.checkbox {
margin-bottom: 0.2em;
position: relative;
}
.custom-checkbox>input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-checkbox>span {
display: inline-flex;
/*align-items: center;*/
user-select: none;
}
.custom-checkbox>span::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #B4DFFF;
border-radius: 0.25em;
margin-top: 3px;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 55% 55%;
}
.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
border: 1px solid #B4DFFF;
}
.custom-checkbox>input:not(:disabled):active+span::before {
background-color: #B4DFFF;
/*border-color: #D7B324;*/
}
.custom-checkbox>input:focus+span::before {
/*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
}
.custom-checkbox>input:focus:not(:checked)+span::before {
/*border-color: #D7B324;*/
}
.custom-checkbox>input:checked+span::before {
border-color: #f2c9df;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ed217c' stroke='%23ed217c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
background-color: #f2c9df;
/*F4F2E9;*/
}
.custom-checkbox>input:disabled+span::before {
/*background-color: #e9ecef;*/
}
.steps_svg-desktop {
background: #fff;
color: #ed217c;
border: 2px solid #ed217c;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 20px;
}
}
.cart-copy-btn {
color: #A0A0A0;
font-size: 14px;
border-radius: 12px;
margin: 16px 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.energy-lightness-day__img-desktop {
display: none;
}
.energy-lightness-day__img-mobile {
display: block;
}
.energy-lightness-day {
padding: 160px 0 0;
.energy-lightness-day__title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.contacts-form__subtitle {
margin-bottom: 30px;
}
.energy-lightness-day__banner {
margin-bottom: 30px;
img {
width: 100%;
}
}
.problems-grid__wrapper {
background: #F3F3F3;
margin-bottom: 30px;
.problems-grid {
display: flex;
gap: 30px;
align-items: center;
justify-content: space-between;
padding: 30px 0;
flex-direction: column;
}
.problem-item {
display: flex;
gap: 10px;
align-items: center;
flex-direction: column;
}
.problem-text {
font-size: 15px;
color: #000;
font-weight: 500;
}
.problem-divider {
width: 78px;
height: 1px;
background-color: #000000;
}
.problem-icon {
width: 163px;
height: 163px;
img {
width: 100%;
height: 100%;
}
}
}
.explanation-section {
margin-bottom: 30px;
.explanation-content {
display: flex;
gap: 20px;
align-items: center;
flex-direction: column;
img {
width: 100%;
}
}
.explanation-text {
color: #000;
max-width: 100%;
}
.explanation-text p {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.6;
}
.explanation-text p.big {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.battery-indicators {
flex: 1;
}
}
.solution-section {
margin-bottom: 30px;
.solution-content {
display: flex;
flex-direction: column;
gap: 40px;
img {
width: 100%;
}
}
.solution-graphic {
flex: 1;
max-width: 540px;
}
.solution-text {
font-size: 18px;
line-height: 1.8;
color: #000;
flex: 1;
}
.solution-intro {
font-weight: 600;
font-size: 14px;
margin-bottom: 10px;
}
.solution-list {
list-style: none;
margin-bottom: 20px;
padding-left: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.solution-list li {
position: relative;
padding-left: 10px;
padding-right: 140px;
margin-bottom: 6px;
font-size: 15px;
line-height: 1.6;
width: 100%;
}
.solution-list li::before {
content: '•';
position: absolute;
left: 0;
top: 5px;
font-size: 10px;
color: #000;
font-weight: bold;
}
.solution-conclusion {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
}
.energy-lightness-day__footer {
position: relative;
}
.energy-lightness-day__footer-wrapper {
padding: 0;
position: relative;
width: 100%;
height: 100%;
background: #272727;
.container {
height: 100%;
}
img {
width: 100%;
}
}
.cta-text {
padding: 30px 15px 10px;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
max-width: 100%;
height: 100%;
.cta-title {
font-size: 25px;
font-weight: 700;
margin-bottom: 10px;
color: #fff;
line-height: 1.3;
}
.cta-subtitle {
font-size: 15px;
margin-bottom: 29px;
color: #fff;
opacity: 0.9;
}
.download-buttons {
display: flex;
gap: 15px;
flex-direction: column;
}
.download-btn {
position: relative;
display: flex;
align-items: center;
gap: 10px;
background-color: #FFD700;
color: #000;
padding: 15px 7px 15px 30px;
border-radius: 45px;
text-decoration: none;
font-weight: 600;
font-size: 21px;
transition: transform 0.2s, box-shadow 0.2s;
border: none;
cursor: pointer;
height: 77px;
justify-content: center;
svg {
position: absolute;
right: 7px;
}
}
.download-btn:hover {
box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4);
}
}
}
/* Keep prices readable when the bonus hint wraps on narrow cards. */
.price-block { height: auto; min-height: 34px; flex-wrap: wrap; column-gap: 6px; row-gap: 4px; }
.price-block > .price, .price-block > .price-sale, .price-block > .price-old { flex-shrink: 0; white-space: nowrap; }
.price__cashback { max-width: 100%; }