.btnUser2{width: auto;margin-top: 16px;padding: 6px;padding-left:26px;padding-right: 26px;height: 34px;border-radius: 4px;text-align: center;background: none;cursor: pointer; border:1px solid #2e2e2e;color: #fff; background:#2e2e2e;display:flex;text-transform: none;align-items: center;flex-wrap: nowrap;height: 100%;font-size: 14px;letter-spacing: unset;font-weight: normal;display: block;text-align:center;width: 100%;}.btnUserRevers{width:auto;margin-top: 16px;padding: 6px;padding-left: 26px;padding-right: 26px;height: 34px;border-radius: 4px;text-align: center;background:none;cursor:pointer; border:1px solid #999999;color: #2e2e2e;display: flex;text-transform: none;align-items: center;flex-wrap: nowrap;height: 100%;font-size: 14px;letter-spacing: unset;font-weight: normal;display: block;text-align: center;width: 100%;}.personal-home-links-card {border-radius:8px;}.scrollable-body{background:#FFFFFF;background: #FFFFFF;display: block;text-align: center;padding: 16px;}.email-confirm-info-widget {position: relative;display: flex;flex-direction: column;padding: 26px;background-color: #efefef;align-items: center;text-align:center;}.email-confirm-info-widget__close-btn {position: absolute;right:10px;width:20px;height: 20px;cursor: pointer;}.email-confirm-info-widget__title {display: flex;margin-bottom: 12px;flex-direction: row;flex-wrap: nowrap;justify-content:center;align-items:flex-start;}.email-confirm-info-widget__title svg{margin-right: 8px;}.email-confirm-info-widget__text {color:#777;font-size: 13px;line-height: 18px;} @media (max-width: 499px){.email-confirm-info-widget {position: relative;display: flex;flex-direction: column;padding:8px;padding-top: 26px; padding-bottom:26px;background-color:#efefef;align-items:center;text-align:center;} }.template-collection .main{background:#fff}
.scrollable-body {display:flex;flex-direction:column;flex-grow:1;background-color:#fff;
overflow-y:overlay;
overflow-x:clip;
-ms-overflow-style:-ms-autohiding-scrollbar;
-webkit-overflow-scrolling:touch;
transition:transform .4s ease
}
.email-confirm-info-widget{}
.o-gamification-person-icon__container[data-v-cfd02eaf] {
display:flex;
flex-shrink:0;
align-items:center;
justify-content:center;
flex-direction:column;
position:relative;
width:var(--icon-size);
height:var(--icon-size)
}
.o-gamification-person-icon__fill[data-v-cfd02eaf] {
position:absolute;
width:var(--icon-size);
height:var(--icon-size);
transform:rotate(90deg);
transform-origin:center
}
.o-gamification-person-icon__fill>.circle-background[data-v-cfd02eaf],
.o-gamification-person-icon__fill>.circle-filled[data-v-cfd02eaf] {
fill:none
}
.o-gamification-person-icon__fill>.circle-background[data-v-cfd02eaf] {
stroke:#dadada
}
.o-gamification-person-icon__fill>.circle-filled[data-v-cfd02eaf] {
stroke:#e32526
}
.o-gamification-person-icon__bottom_percentage[data-v-cfd02eaf] {
position:absolute;
display:flex;
align-items:center;
justify-content:center;
bottom:-2px;
height:var(--bottom-percent-height);
width:var(--bottom-percent-width);
border-radius:7px;
font-size:12px;
line-height:12px;
padding:0 5px;
color:#fff;
background-color:#e32526
}
.o-gamification-person-icon__logo-background[data-v-cfd02eaf] {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
display:flex;
align-items:center;
justify-content:center;
width:calc(var(--icon-size) * .75);
height:calc(var(--icon-size) * .75);
border-radius:50%;
background:linear-gradient(180deg,#efefef,#efefef17 81.77%,#c4c4c400)
}
.o-gamification-person-icon__logo-background.active[data-v-cfd02eaf],
.o-gamification-person-icon__logo-background.active>svg[data-v-cfd02eaf] {
animation:icon-flip-cfd02eaf 1s ease-in-out
}
@keyframes icon-flip-cfd02eaf {
50% {
transform:rotateY(90deg)
}
}
@media (min-width: 992px) {
.personal-title__container .personal-title__text {
height:auto;
margin-bottom:30px;
text-align:unset;
font-size:36px;
line-height:40px
}
}
.personal-title__button-back {
display:inline-flex;
align-items:center;
padding:20px 0
}
@media (min-width: 768px) {
.personal-title__button-back {
padding-bottom:30px
}
}
.personal-title__button-back-icon {
margin-right:10px
}
.personal-title__button-back-text {
font-size:24px;
line-height:30px
}
@media (min-width: 768px) {
.personal-title__button-back-text {
font-size:30px;
line-height:34px
}
}
.gamification-person-info__container {
display:flex
}
.gamification-person-info__container--newAcc {
width:100%;
padding:14px;
background-color:#fafafa
}
.gamification-person-info__container--newAcc .gamification-person-info__process-info {
display:flex;
flex-direction:column;
justify-content:center;
padding-left:10px
}
@media (min-width: 768px) {
.gamification-person-info__container--newAcc .gamification-person-info__process-info {
padding-left:20px
}
}
.gamification-person-info__container .personal-title__container {
margin:auto 0 auto 20px
}
.gamification-person-info__container .personal-title__text {
margin:0
}
.gamification-person-info__title {
color:#111;
font-size:16px;
line-height:24px;
font-weight:600
}
@media (min-width: 768px) {
.gamification-person-info__title {
font-size:18px
}
}
.gamification-person-info__description {
color:#777;
font-size:12px;
line-height:18px
}
@media (min-width: 768px) {
.gamification-person-info__description {
font-size:16px;
line-height:20px
}
}
.personal-menu-v3__item {
margin-bottom:10px
}
.personal-menu-v3__item--marker:after {
content:"";
position:absolute;
display:inline-block;
margin-left:4px;
width:8px;
height:8px;
border-radius:50%;
background-color:#e32526
}
.personal-menu-v3__item,
.personal-menu-v3__item-link {
font-size:16px;
line-height:22px
}
.personal-menu-v3__item-link:hover {
color:#111;
border-bottom:1px solid #111
}
.personal-menu-v3__item,
.personal-menu-v3__item--active .personal-menu-v3__item-link {
cursor:default;
font-weight:600
}
.personal-menu-v3__item--header {
color:#999;
font-weight:400;
text-transform:uppercase
}
.personal-menu-v3__item--header:not(:first-child) {
margin-top:28px
}
.o-personal-menu__items[data-v-ee3eacac] {
border:1px solid #d9d9d9;
border-left:none;
display:none
}
.o-personal-menu__item[data-v-ee3eacac] {
display:flex;
justify-content:flex-start;
align-items:center;
cursor:pointer;
border-left:1px solid #d9d9d9;
background-repeat:no-repeat;
background-size:35px;
background-position-x:93%;
background-position-y:13px
}
.o-personal-menu__item>span[data-v-ee3eacac] {
color:#999;
font-size:16px;
line-height:20px;
font-weight:700;
padding:15px 0 15px 18px;
flex-grow:0
}
.o-personal-menu__item>span[data-v-ee3eacac]:nth-child(2) {
display:inline-flex;
align-items:center;
justify-content:center;
flex-grow:0;
flex-shrink:0;
padding:0;
margin:0 0 0 7px;
background-color:#cc2223;
border-radius:50%;
font-size:14px;
font-weight:400;
color:#fff;
width:23px;
height:23px
}
.o-personal-menu__item[data-v-ee3eacac]:not(:last-child) {
border-bottom:1px solid #d9d9d9
}
.o-personal-menu__item.user-has-unread-messages[data-v-ee3eacac]:after {
content:"";
display:inline-block;
margin-left:auto;
margin-right:20px;
background-color:#e32526;
width:7px;
height:7px;
border-radius:50%
}
.o-personal-menu__item.router-link-exact-active[data-v-ee3eacac] {
border-left:2px solid #e32526
}
.o-personal-menu__item.router-link-exact-active>span[data-v-ee3eacac]:first-child {
color:#111;
padding-left:17px
}
.o-personal-menu__dropdown-items[data-v-ee3eacac] {
display:flex;
flex-direction:column
}
@media (min-width: 992px) {
.o-personal-menu__items[data-v-ee3eacac] {
display:flex;
flex-direction:column
}
}
.o-personal-menu__activator-title {
white-space:normal
}
.o-personal-menu__container .o-personal-menu__activator-title:not(.router-link-exact-active) {
display:none
}
.o-personal-menu__container .o-dropdown__container {
display:flex;
position:relative;
height:60px;
margin:auto;
border-bottom:1px solid #bbbbbb
}
.o-personal-menu__container .o-dropdown__dropdown {
top:60px;
padding:14px 0 22px
}
.o-personal-menu__container .o-dropdown__dropdown .o-personal-menu__dropdown-item-title {
font-size:16px;
line-height:35px;
color:#777;
padding:0 10px;
cursor:pointer;
background-repeat:no-repeat;
background-size:55px;
background-position-x:93%
}
.o-personal-menu__container .o-dropdown__dropdown .o-personal-menu__dropdown-item-title.router-link-exact-active {
color:#e32526
}
.o-personal-menu__container .o-dropdown__activator {
width:100%
}
.o-personal-menu__container .o-dropdown__activator span {
font-size:24px;
line-height:30px
}
.o-personal-menu__container .o-dropdown__activator svg {
fill:#777
}
@media (min-width: 768px) {
.o-personal-menu__container .o-dropdown__container {
padding:12px 0
}
.o-personal-menu__container .o-dropdown__activator span {
font-size:30px;
line-height:30px
}
.o-personal-menu__container .o-dropdown__dropdown {
padding-top:20px
}
.o-personal-menu__container .o-dropdown__dropdown .o-personal-menu__dropdown-item-title {
font-size:20px;
line-height:42px;
padding:0 20px;
background-position-y:3px
}
}
@media (min-width: 992px) {
.o-personal-menu__container .o-dropdown__dropdown li {
background-position-y:7px
}
}
@media (min-width: 768px) {
.o-personal-view__container .o-product-slider__container.personal__orders-recommendations {
margin-top:30px
}
}
@media (min-width: 768px) {
.o-personal-view__container .o-product-slider__container.personal__favorites-recommendations {
margin-top:20px
}
}
@media (min-width: 992px) {
.o-personal-view__container {
padding-top:20px
}
}
.o-personal-view__container>.line {
padding-top:0
}
.o-personal-view__container .line.catalog__discount h2 {
height:auto
}
@media (min-width: 992px) {
.o-personal-view__container .personal__header {
margin-bottom:20px
}
}
@media (min-width: 992px) {
.o-personal-view__container .personal__content {
margin-top:10px
}
}
@media (min-width: 992px) {
.o-personal-view__container .personal__content-col {
padding-left:15px
}
}
.o-personal-view__container .personal__content-bottom {
min-height:0
}
@media (min-width: 768px) {
.o-personal-view__container .personal__content-menu-col {
padding-right:15px
}
}
@media (min-width: 992px) {
.o-personal-view__container .personal__content-menu-col {
display:block;
margin:0;
padding-right:5px
}
}
.o-personal-view__container .gamification .personal__content-menu {
flex-grow:2;
margin:7px 0 0 20px
}
.o-personal-view__container .gamification .personal__content-menu-col {
display:flex;
padding-top:8px
}
.o-personal-view__container .gamification .personal__content-menu-col--padding {
padding:0 10px 32px
}
@media (min-width: 768px) {
.o-personal-view__container .gamification .personal__content-menu-col--padding {
padding:0 20px 30px
}
}

@media (max-width: 320px) {
.o-personal-bonus-additions-widget__count[data-v-891034ee] {
align-items:center
}
.o-personal-bonus-additions-widget__count .text[data-v-891034ee],
.mobile .o-personal-bonus-additions-widget__count .total[data-v-891034ee] {
width:50%
}
}
.o-personal-bonus-additions-widget__count .text[data-v-891034ee] {
font-weight:600
}
.personal-club {
display:flex;
flex-direction:column;
gap:20px
}
@media (min-width: 768px) {
.personal-club {
gap:30px
}
}
.personal-club__bonus {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px 10px
}
@media (min-width: 768px) {
.personal-club__bonus {
grid-template-columns:365px auto;
grid-template-rows:repeat(2,95px);
gap:20px
}
}
@media (min-width: 992px) {
.personal-club__bonus {
grid-template-columns:minmax(auto,326px) auto;
grid-template-rows:repeat(2,90px)
}
}
.personal-club__bonus-card {
grid-row:1;
grid-column:1/3;
max-width:380px
}
@media (min-width: 768px) {
.personal-club__bonus-card {
grid-row:1/3;
grid-column:1
}
}
@media (min-width: 992px) {
.personal-club__bonus-card {
width:32.864vw;
max-width:unset
}
}
@media (min-width: 1180px) {
.personal-club__bonus-card {
width:398px
}
}
.personal-club__bonus-cashback {
grid-row:2;
grid-column:1
}
@media (min-width: 768px) {
.personal-club__bonus-cashback {
grid-row:1;
grid-column:2
}
}
.personal-club__bonus-action {
grid-row:2;
grid-column:2
}
.personal-club__banner {
grid-column:1/3;
grid-row:3;
aspect-ratio:3;
background-image:linear-gradient(#fff,#efefef)
}
@supports not (aspect-ratio: 3) {
.personal-club__banner:before {
content:"";
float:left;
padding-top:calc(100 / 3)%
}
.personal-club__banner:after {
content:"";
display:block;
clear:both
}
}
@media (min-width: 768px) {
.personal-club__banner {
aspect-ratio:4.412121212121212
}
@supports not (aspect-ratio: 4.412121212121212) {
.personal-club__banner:before {
content:"";
float:left;
padding-top:calc(100 / 4.412121212121212)%
}
.personal-club__banner:after {
content:"";
display:block;
clear:both
}
}
}
@media (min-width: 992px) {
.personal-club__banner {
aspect-ratio:4.4
}
@supports not (aspect-ratio: 4.4) {
.personal-club__banner:before {
content:"";
float:left;
padding-top:calc(100 / 4.4)%
}
.personal-club__banner:after {
content:"";
display:block;
clear:both
}
}
}
@media (min-width: 768px) {
.personal-home-user__container {
display:flex;
flex-direction:column;
padding:26px; background: #f5f5f5;
cursor:pointer
}
}
@media (max-width: 768px) {
.personal-home-user__container {
background: #f5f5f5;
padding:15px;border-radius: 6px; 
}
}
.personal-home-club__container{}
.personal-home-user__head {
display:none
}
@media (min-width: 768px) {
.personal-home-user__head {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px
}
}
.personal-home-user__title {
font-weight:500;
font-size:14px;
line-height:24px;
text-transform:uppercase;
color:#111
}
.personal-home-user__edit {
display:flex;
align-items:center;
column-gap:4px;
font-weight:300;
font-size:14px;
line-height:16px;
color:#777
}
.personal-home-user__edit svg {
fill:currentColor;
transform:rotate(180deg)
}
.personal-home-user__body {
display:flex;
align-items:center
}
@media (min-width: 768px) {
.personal-home-user__body {
margin:auto 0;
padding:8px 0
}
}
.personal-home-user__avatar {
margin-right:10px
}
.personal-home-user__content {
position:relative;
display:flex;
justify-content:space-between;
width:calc(100% - 74px)
}
.personal-home-user__name-phone-wrap {
max-width:calc(100% - 16px)
}
@media (min-width: 768px) {
.personal-home-user__name-phone-wrap {
max-width:100%
}
}
.personal-home-user__name {
font-weight:600;
font-size:14px;
line-height:24px;
color:#111;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
@media (min-width: 768px) {
.personal-home-user__name {
font-size:24px;
line-height:30px
}
}
.personal-home-user__name:not(:last-child) {
margin-bottom:2px
}
@media (min-width: 768px) {
.personal-home-user__name:not(:last-child) {
margin-bottom:4px
}
}
.personal-home-user__phone {
font-weight:400;
font-size:14px;
line-height:20px;
color:#777
}
@media (min-width: 768px) {
.personal-home-user__phone {
font-weight:500;
font-size:14px;
line-height:24px
}
}
.personal-home-user__edit-icon {
position:absolute;
top:0;
right:0
}
@media (min-width: 768px) {
.personal-home-user__edit-icon {
display:none
}
}
.personal-home-club__container {
padding: 15px;
box-shadow: 0px 1px 4px #11111124;
cursor: pointer;
position: relative;
border-radius: 6px
}
@media (min-width: 768px) {
.personal-home-club__container {
padding:20px
}
}
@media (min-width: 768px) {
.personal-home-club__head {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px
}
}
.personal-home-club__title {
font-weight:500;
font-size:14px;
line-height:24px;
text-transform:uppercase;
color:#111
}
@media (max-width: 767.98px) {
.personal-home-club__title {
display:none
}
}
.personal-home-club__more {
display:flex;
align-items:center;
column-gap:4px;
font-weight:300;
font-size:14px;
line-height:16px;
color:#777
}
@media (max-width: 767.98px) {
.personal-home-club__more {
position:absolute;
right:15px;
top:20px
}
}
.personal-home-club__more-text {
display:none
}
@media (min-width: 768px) {
.personal-home-club__more-text {
display:flex;
align-items:center;
column-gap:4px;
font-weight:300;
font-size:14px;
line-height:16px;
color:#777
}
}
.personal-home-club__more svg {
fill:currentColor;
transform:rotate(180deg)
}
@media (min-width: 768px) {
.personal-home-club__body {
display:flex;
flex-direction:column;
grid-row-gap:2px
}
}
.personal-home-club__level {
display:flex
}
.personal-home-club__level-name {
font-size:12px;
line-height:24px;
padding-right:5px
}
@media (min-width: 768px) {
.personal-home-club__level-name {
font-size:14px;
font-weight:500
}
}
.personal-home-club__level-percent {
display:flex;
align-items:center;
justify-content:center;
background-color:#404040;
border-radius:50%;
border-style:solid;
width:24px;
height:24px;
color:#fff;
font-size:12px;
font-weight:600;
line-height:23px
}
.personal-home-club__bonuses {
font-size:16px;
line-height:24px;
font-weight:600
}
@media (min-width: 768px) {
.personal-home-club__bonuses {
font-size: 20px;
margin-bottom: 6px;
line-height:30px
}
}
.personal-home-club__expires-soon {
font-size:14px;
line-height:18px;
color:#999;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis
}
.personal-home-club__expires-soon--warning {
color:#e32526
}
@media (min-width: 768px) {
.personal-home-club__expires-soon {
font-size:16px;
line-height:20px
}
}
.personal-home-club__until-next {
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
.personal-home-club__until-next,
.personal-home-club__until-next>span {
font-size:12px;
line-height:18px;
color:#999
}
@media (min-width: 768px) {
.personal-home-club__until-next,
.personal-home-club__until-next>span {
font-size:14px;
line-height:20px
}
}
.personal-home-club__until-next>span {
text-transform:capitalize
}
.personal-home-coupon__container {
display:block;
height:100%;
background-size:contain
}
.personal-home-coupon__timer {
display:flex;
align-items:center;
position:absolute;
background-color:#fff;
padding:1px 3px;
bottom:5px;
right:5px;
border-radius:2px
}
.personal-home-coupon__timer .o-timer__container {
font-weight:700;
min-width:63px
}
div.personal-home-coupons__container {
padding-bottom:20px;
margin:0 -10px
}
@media (min-width: 768px) {
div.personal-home-coupons__container {
margin:0 -20px;
padding:0 20px 30px
}
}
@media (min-width: 992px) {
div.personal-home-coupons__container {
padding:0 20px 40px
}
}
.personal-home-coupons__container .personal-home-coupon {
aspect-ratio:1.833333333333333;
display:block;
position:relative;
width:220px;
height:120px;
cursor:pointer
}
@supports not (aspect-ratio: 1.833333333333333) {
.personal-home-coupons__container .personal-home-coupon:before {
content:"";
float:left;
padding-top:calc(100 / 1.833333333333333)%
}
.personal-home-coupons__container .personal-home-coupon:after {
content:"";
display:block;
clear:both
}
}
@media (min-width: 768px) {
.personal-home-coupons__container .personal-home-coupon {
width:calc(50% - 10px);
height:unset;
border-radius:4px
}
}
.personal-home-coupons__header {
display:flex;
justify-content:space-between
}
.personal-home-coupons__title {
padding:0 10px 10px;
font-size:14px;
line-height:24px
}
@media (min-width: 768px) {
.personal-home-coupons__title {
font-size:24px;
line-height:30px;
padding:0 20px 20px 0
}
}
.personal-home-coupons__arrows {
display:flex
}
@media (max-width: 767.98px) {
.personal-home-coupons__arrows {
display:none
}
}
.personal-home-coupons__arrow--prev {
margin-right:15px
}
.personal-home-coupons__arrow--prev,
.personal-home-coupons__arrow--next {
cursor:pointer
}
.personal-home-coupons__arrow--prev.swiper-button-disabled,
.personal-home-coupons__arrow--next.swiper-button-disabled {
cursor:default
}
.personal-home-coupons__arrow--prev.swiper-button-disabled>svg,
.personal-home-coupons__arrow--next.swiper-button-disabled>svg {
fill:#d7d7d7
}
.personal-home-coupons__swiper {
padding:10px;
box-shadow:-2px 4px 18px #11111124
}
@media (min-width: 768px) {
.personal-home-coupons__swiper {
padding:15px;
border-radius:8px
}
}
@media (min-width: 992px) {
.personal-home-coupons__swiper {
padding:15px 20px
}
}
.personal-home-coupons .swiper-container--single>.swiper-wrapper {
display:flex;
justify-content:center
}
.o-show-all {
display:inline-flex;
align-items:center
}
.o-show-all__text {
font-size:14px;
line-height:20px;
color:#777;
display:inline-block;
margin-right:6px
}
@media (min-width: 768px) {
.o-show-all__text {
font-size:14px;
line-height:24px;
-webkit-text-decoration:underline;
text-decoration:underline;
color:#111;
margin-right:0;
text-underline-offset:4px
}
}
.o-show-all__icon {
transform:rotate(180deg)
}
.personal-home-order-payment__amount,
.personal-home-order-payment__amount-text,
.personal-home-order-payment__to-pay-amount {
margin-right:4px
}
.personal-home-order-payment__to-pay--column {
display:flex;
flex-direction:column;
margin-top:8px
}
.personal-home-order-payment__amount,
.personal-home-order-payment__amount-text {
font-size:12px;
line-height:18px
}
@media (min-width: 768px) {
.personal-home-order-payment__amount,
.personal-home-order-payment__amount-text {
font-size:14px;
line-height:20px
}
}
.personal-home-order-payment__amount {
font-weight:600;
white-space:nowrap
}
.personal-home-order-payment__amount--big {
font-size:14px;
line-height:24px
}
.personal-home-order-payment__amount-text--delimiter:after {
content:";"
}
.personal-home-order-payment__to-pay-amount,
.personal-home-order-payment__to-pay-text {
font-size:12px;
line-height:15px
}
@media (min-width: 768px) {
.personal-home-order-payment__to-pay-amount,
.personal-home-order-payment__to-pay-text {
font-size:14px;
line-height:20px
}
}
.personal-home-order-payment__to-pay-amount {
font-weight:600;
white-space:nowrap
}
.personal-home-order-payment__to-pay-amount--big {
font-size:14px;
line-height:24px
}
.personal-home-order-timings__container {
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
color:#777;
font-size:12px;
font-weight:500;
line-height:15px;
margin-bottom:4px
}
@media (min-width: 768px) {
.personal-home-order-timings__container {
font-size:14px;
line-height:20px;
margin-bottom:8px
}
}
.personal-home-order-timings__timer-wrap {
color:currentColor;
font-size:12px;
font-weight:500;
line-height:15px;
white-space:nowrap
}
@media (min-width: 768px) {
.personal-home-order-timings__timer-wrap {
font-size:14px;
line-height:20px
}
}
.personal-home-order-timings__timer {
color:currentColor;
font-size:12px
}
@media (min-width: 768px) {
.personal-home-order-timings__timer {
font-size:14px;
line-height:20px
}
}
.personal-home-order-delivery-info__container {
margin-bottom:8px
}
.personal-home-order-delivery-info__delivery-type,
.personal-home-order-delivery-info__address {
color:#111;
font-size:14px;
line-height:20px;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden
}
@media (min-width: 768px) {
.personal-home-order-delivery-info__delivery-type,
.personal-home-order-delivery-info__address {
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
}
.personal-home-order-delivery-info__delivery-type {
font-weight:600
}
.personal-home-order-delivery-info__address {
font-weight:500
}
.personal-home-order-images__container {
display:flex;
justify-content:flex-end;
height:32px;
margin-left:-4px
}
@media (min-width: 768px) {
.personal-home-order-images__container {
margin-left:-10px;
height:65px
}
}
.personal-home-order-images__image {
margin-left:4px
}
@media (min-width: 768px) {
.personal-home-order-images__image {
margin-left:10px
}
}
.personal-home-order-images__more-photos {
display:flex;
align-items:center;
justify-content:center;
width:24px;
height:100%;
margin-left:4px;
color:#fff;
font-size:10px;
font-weight:600;
background:#00000080
}
@media (min-width: 768px) {
.personal-home-order-images__more-photos {
width:50px;
margin-left:10px;
font-size:16px;
font-weight:400
}
}
.personal-home-order-num-and-status__number,
.personal-home-order-num-and-status__status {
font-size:16px;
font-weight:600;
line-height:20px;
text-transform:uppercase
}
@media (max-width: 767.98px) {
.personal-home-order-num-and-status__number,
.personal-home-order-num-and-status__status {
font-size:12px;
line-height:15px
}
}
.personal-home-order-num-and-status__status {
margin-top:2px;
color:#777
}
.personal-home-order-num-and-status__status--warn {
color:#e32526
}
.personal-home-order-num-and-status__new-status {
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
text-transform:none;
color:#e32526
}
.personal-home-order-num-and-status__new-status--awaiting-prepay {
text-transform:uppercase
}
@media (min-width: 768px) {
.personal-home-order-num-and-status__new-status {
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}
}
.personal-home-order-num-and-status__number {
color:#111
}
.personal-home-orders-pay-button {
font-size:10px;
font-weight:600;
line-height:24px;
height:24px;
width:auto;
padding-left:10px;
padding-right:10px
}
@media (min-width: 768px) {
.personal-home-orders-pay-button {
font-size:12px;
font-weight:700;
height:32px;
line-height:32px;
padding-left:24px;
padding-right:24px
}
}
.personal-home-orders-review-button {
font-size:10px;
font-weight:600;
line-height:24px;
height:24px;
width:100%
}
@media (min-width: 768px) {
.personal-home-orders-review-button {
font-size:12px;
font-weight:700;
height:32px;
line-height:32px;
padding-left:24px;
padding-right:24px
}
}
.personal-home-orders-list__container {
box-shadow:0 0 20px #0000001a
}
.personal-home-orders-list__order {
display:grid;
grid-template-columns:185px 1fr 110px;
column-gap:20px;
padding:20px;
cursor:pointer
}
@media (min-width: 992px) {
.personal-home-orders-list__order {
grid-template-columns:185px 1fr 230px
}
}
.personal-home-orders-list__order:not(:last-child) {
border-bottom:1px solid #d9d9d9
}
.personal-home-orders-list__order--egc {
grid-template-columns:185px 1fr 67px
}
.personal-home-orders-list__pay-button,
.personal-home-orders-list__review-button {
width:auto;
height:32px;
line-height:32px
}
.personal-home-orders-list__review-button {
margin-top:3px
}
.personal-home-orders-list__pay-button {
margin-top:8px
}
.personal-home-orders-list__order-egc-text {
font-size:14px;
line-height:20px;
font-weight:600;
margin-bottom:8px
}
.personal-home-orders-list__order-egc-value {
font-size:14px;
line-height:20px;
font-weight:400
}
.personal-home-orders-list__order-egc-price {
font-weight:600
}
.personal-home-orders-list__card {
margin-right:0
}
.collapse-enter-active {
animation:collapse .5s ease-in-out
}
.collapse-leave-active {
animation:collapse .5s ease-in-out reverse
}
@keyframes collapse {
0% {
transform-origin:center center;
transform:scaleY(0);
opacity:0
}
to {
transform-origin:center center;
transform:scale(1);
opacity:1
}
}
.personal-home-orders-slider__container {
background:#efefef;
padding:10px;
margin-left:-10px;
margin-right:-10px
}
.personal-home-orders-slider__order {
background:#fff;
padding:10px;
width:272px;
height:auto;
display:flex;
flex-direction:column;
justify-content:space-between;
border-radius:3px
}
.personal-home-orders-slider__order--egc {
justify-content:flex-start
}
.personal-home-orders-slider__order-top,
.personal-home-orders-slider__order-bottom {
display:flex;
justify-content:space-between
}
.personal-home-orders-slider__order-top {
margin-bottom:5px
}
.personal-home-orders-slider__order-bottom {
align-items:flex-end
}
.personal-home-orders-slider__order-egc-top {
display:flex;
justify-content:space-between;
align-items:center
}
.personal-home-orders-slider__order-egc-text {
font-size:12px;
line-height:18px;
font-weight:600;
margin-top:8px
}
.personal-home-orders-slider__order-egc-value,
.personal-home-orders-slider__order-egc-price {
font-size:12px;
line-height:18px;
font-weight:500
}
.personal-home-orders-slider__order-egc-price {
font-weight:600
}
.personal-home-orders-slider__card {
margin-right:0
}
.personal-home-orders__container {
margin-bottom:40px
}
.personal-home-orders__head {
display:flex;
align-items:center;
column-gap:20px;
margin-bottom:10px
}
@media (max-width: 767.98px) {
.personal-home-orders__head {
justify-content:space-between
}
}
@media (min-width: 768px) {
.personal-home-orders__head {
margin-bottom:14px
}
}
.personal-home-orders__title {
color:#111;
font-size:16px;
font-weight:400;
line-height:24px
}
@media (min-width: 768px) {
.personal-home-orders__title {
font-size:24px;
line-height:30px
}
}
.personal-home-links-card {
min-width:145px;
min-height:70px;
padding:10px 5px 7px;
box-shadow: 0px 1px 4px #11111124;
display: flex;
flex-direction: row;
flex-wrap: nowrap; text-align:left;
justify-content: flex-start;
}
a {text-decoration:none}
@media (min-width: 768px) {
.personal-home-links-card {
gap:10px;
padding:16px 10px;
align-items:center;
grid-template-columns:68px 1fr
}
}
@media (max-width: 767.98px) {
.personal-home-links-card__content {
padding-top:5px
}
}
.personal-home-links-card__icon {
width:30px;
height:30px;
border-radius:50%;
background:#fafafa;
flex-grow:0;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center
}
@media (max-width: 767.98px) {
.personal-home-links-card__icon {
width:40px;
height:40px;background:none;
}
}
@media (min-width: 768px) {
.personal-home-links-card__icon {
width:68px;
height:68px
}
}
.personal-home-links-card__title {
font-size:12px;
line-height:15px;
display:grid;
gap:1px;
grid-template-columns:auto 1fr
}
@media (min-width: 768px) {
.personal-home-links-card__title {
font-size:16px;
line-height:20px;
gap:2px
}
}
.personal-home-links-card__title-value {
font-size:inherit;
line-height:inherit;
text-transform:uppercase;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
position:relative
}
.personal-home-links-card__marker {
width:5px;
height:5px;
border-radius:50%;
background:#e32526;
display:inline-block;
margin-top:-.2em
}
@media (min-width: 768px) {
.personal-home-links-card__marker {
width:8px;
height:8px
}
}
.personal-home-links-card__text {
font-size:10px;
line-height:14px;
color:#999;
padding-top:4px
}
@media (min-width: 768px) {
.personal-home-links-card__text {
font-size:16px;
line-height:20px
}
}
.personal-home-links__container {
display:grid;
grid-gap:10px;
grid-template-columns:1fr 1fr
}
@media (min-width: 768px) {
.personal-home-links__container {
grid-gap:24px
}
}
@media (min-width: 992px) {
.personal-home-links__container {
grid-template-columns:1fr 1fr 1fr
}
}
.personal-empty-block {padding:14px 14px 10px;box-shadow:0 0 20px #0000001a}
@media (min-width: 768px) {.personal-empty-block {padding:24px}}
.personal-empty-block__title {font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}
@media (min-width: 768px) {.personal-empty-block__title {font-size:20px}}
.personal-empty-block__text {font-size:14px;line-height:20px;margin-bottom:16px}
@media (min-width: 768px) {.personal-empty-block__text {font-size:16px;line-height:24px;margin-bottom:24px}}
.personal-empty-block__button {width:100%}
@media (max-width: 767.98px) {.personal-empty-block__button {font-size:12px}}
@media (min-width: 768px) {.personal-empty-block__button {width:auto}}
.personal-title-block {font-size:16px;line-height:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;width:100%}
@media (min-width: 768px) {.personal-title-block {font-size:24px;line-height:30px;justify-content:flex-start;margin-bottom:20px}}
@media (min-width: 768px) {.personal-title-block__button {margin-left:24px}}
.personal-common-slider__slider .o-product-slider__navigation {padding-left:0;padding-right:0}
@media (max-width: 767.98px) {.personal-common-slider__slider {margin-bottom:-10px}}
.personal-home-content__container {display:flex;flex-direction:column}
.personal-home-content__container>* {margin-bottom:20px}
@media (min-width: 768px) {.personal-home-content__container>* {margin-bottom:30px}}
@media (min-width: 992px) {.personal-home-content__container>* {margin-bottom:40px}}
.personal-home-content__header {font-size:24px;line-height:30px;font-weight:400;margin-bottom:20px}
@media (min-width: 768px) {.personal-home-content__header {margin-bottom:30px;font-size:30px;line-height:34px}}
@media (min-width: 992px) {.personal-home-content__header {font-size:36px;line-height:40px}}
.personal-home-content__user-info {display:grid;grid-template-columns:minmax(0,1fr);row-gap:20px}
@media (min-width: 768px) {.personal-home-content__user-info {grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}}
.personal-home-content__banner .o-banner__image-wrapper {aspect-ratio:3}}
@media (min-width: 768px) {.personal-home-content__banner .o-banner__image-wrapper {aspect-ratio:4.412121212121212}}
@media (min-width: 992px) {.personal-home-content__banner .o-banner__image-wrapper {aspect-ratio:4.4}}
.personal-home-content__banner.o-banner__container {height:unset}
.personal-home-view__container {width:100%;padding-left:10px;padding-right:10px;padding-top:20px}
@media (min-width: 768px) {.personal-home-view__container {padding-left:20px;padding-right:20px}}
@media (min-width: 992px) {.personal-home-view__container {margin:auto;max-width:1220px}}
@media (min-width: 768px) {.personal-home-view__container {padding-top:10px;padding-bottom:20px}}
@media (min-width: 992px) {.personal-home-view__container {padding-top:20px}}
@media (min-width: 768px) {.personal-home-view__content {padding-top:30px}}
@media (min-width: 992px) {.personal-home-view__content {display:grid;grid-template-columns:280px minmax(0,calc(100% - 300px));grid-gap:20px}}
.scrollable-body{max-width: 1100px;display: block;width: 100%;margin: auto;}