.personal-cabinet {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 70px 18px;
    box-sizing: border-box;

    display: flex;
    align-items: flex-start;
    gap: 22.7%;

}


/* ========================================
   SIDEBAR
   ======================================== */

.personal-cabinet__sidebar {
    flex: 0 0 18.71%;
}

.personal-cabinet__title {
    height: 49px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    line-height: 22px;    
    letter-spacing: 7%;
}


.personal-cabinet__menu {
    display: flex;
    flex-direction: column;
}
.personal-cabinet__menu-item:hover {
	text-decoration:none;	
}

.personal-cabinet__menu-item {
    position: relative;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #919191;
    font-size: 14px;
    line-height: 14px;    
    letter-spacing: 7%;
    transition: color 0.2s;
}


.personal-cabinet__menu-item:first-child {
    margin-top: 22px;
}


.personal-cabinet__menu-item.active {
    color: #222;
}


.personal-cabinet__menu-item:hover {
    color: #222;
}


.personal-cabinet__arrow {
    font-size: 24px;
    line-height: 20px;
}

.personal-cabinet__arrow {
    position: relative;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    transform: rotate(45deg);
}

.personal-cabinet__menu-item:not(.active) .personal-cabinet__arrow {
    border-color: #999;
}

.personal-cabinet__menu-item:hover .personal-cabinet__arrow {
    border-color: #222;
}


/* ========================================
   CONTENT
   ======================================== */

.personal-cabinet__content {
    flex: 1 1 auto;
    max-width: 850px;
}


.personal-cabinet__heading {
    height: 49px;
    margin: 0 0 32px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    line-height: 22px;    
    letter-spacing: 7%;
}


/* ========================================
   FORM
   ======================================== */

.personal-cabinet__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 25px;
}


.personal-cabinet__field {
    flex: 1 1 calc(50% - 13px);
    min-width: 0;
}


body .personal-cabinet__field label {
    display: block;
    margin-bottom: 11px;
    font-size: 14px;
    line-height: 18px;  
    color: #000000;
	font-family: 'HelveticaNeueCyrL400';
	letter-spacing: 7%;
}


body .personal-cabinet__field input {
    width: 100%;
    height: 56px;
    padding: 0 24px;
    box-sizing: border-box;
    border: 1px solid #979797;
    border-radius: 0;
    background: #fff;
    outline: none;
    font-size: 14px;
    color: #000000;
	font-family: 'HelveticaNeueCyrL400';
	letter-spacing: 7%;
}
body .personal-cabinet__field .label{
	letter-spacing: 7%;
}

body .personal-cabinet__field input::placeholder {
    color: #919191;
    opacity: 1;
	
	font-family: 'HelveticaNeueCyrL400';
}


body .personal-cabinet__field input:focus {
    border-color: #333;
}




/* ========================================
   HINT
   ======================================== */

.personal-cabinet__hint {
    margin-top: 11px;
    font-size: 12px;
    line-height: 16px;
    color: #919191;
	font-family: 'HelveticaNeueCyrL400';
	letter-spacing: 7%;
}


/* ========================================
   BUTTON
   ======================================== */

.personal-cabinet__submit {
    width: 220px;
    height: 56px;
    margin-top: 0px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #202020;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
	
	text-transform: uppercase;letter-spacing: 5%;
}


.personal-cabinet__submit:hover {
    background: #000;
}


.personal-cabinet__select {
    position: relative;
    width: 100%;
}

.personal-cabinet__select select {
    width: 100%;
    height: 56px;

    padding: 0 50px 0 24px;

    box-sizing: border-box;

    border: 1px solid #999;
    border-radius: 0;

    background: #fff;

    outline: none;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;

    cursor: pointer;
}

.personal-cabinet__select::after {
    content: "";

    position: absolute;
    right: 23px;
    top: 50%;

    width: 7px;
    height: 7px;

    border-right: 1px solid #999;
    border-bottom: 1px solid #999;

    transform: translateY(-65%) rotate(45deg);

    pointer-events: none;
}

.personal-cabinet__select select:focus {
    border-color: #333;
}





.personal-cabinet__field input[type="date"] {
    padding-right: 20px;
    color: #333;
}

.personal-cabinet__field input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
}








/* ========================================
   SELECTRIC — ПОЛ
   ======================================== */

.personal-cabinet__select {
    width: 100%;
}


/* Основной блок */
.personal-cabinet__select .selectric {
    width: 100%;
    height: 56px;

    box-sizing: border-box;

    border: 1px solid #999;
    border-radius: 0;

    background: #fff;

    box-shadow: none;

}


/* Текст выбранного значения */
.personal-cabinet__select .selectric .label {
    height: 54px;
	text-transform:unset;
    margin: 0;

    padding: 0 50px 0 24px;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    color: #000000;
	
	font-family: 'HelveticaNeueCyrL400';
}


/* Кнопка со стрелкой */
.personal-cabinet__select .selectric .button {
    width: 50px;
    height: 54px;

    right: 0;
    top: 0;

    background: transparent;

    box-shadow: none;

    font-size: 0;
}


/* Убираем стандартную стрелку Selectric */
.personal-cabinet__select .selectric .button:after {
    width: 7px;
    height: 7px;

    margin: 0;

    border: 0;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -65%) rotate(45deg);

    background: transparent;
}


/* Hover */
.personal-cabinet__select .selectric:hover {
    border-color: #777;
}


/* Focus / открытый select */
.personal-cabinet__select .selectric-focus .selectric {
    border-color: #333;
}


/* ========================================
   ВЫПАДАЮЩИЙ СПИСОК
   ======================================== */

.personal-cabinet__select .selectric-items {
    border: 1px solid #979797;
    border-top: 0;

    border-radius: 0;

    background: #fff;

    box-shadow: none;
}


.personal-cabinet__select .selectric-items li {
    height: 45px;

    padding: 0 24px;

    box-sizing: border-box;

    display: flex;
    align-items: center;

    border: 0;
    font-size: 14px;
    font-weight: 400;

    color: #333;

    background: #fff;
	
		text-transform:initial;
}


.personal-cabinet__select .selectric-items li:hover {
    color: #333;
    background: #f5f5f5;
}


.personal-cabinet__select .selectric-items li.selected {
    color: #333;
    background: #fff;
}


.personal-cabinet__select .selectric-items li.highlighted {
    color: #333;
    background: #f5f5f5;
}


@media (max-width: 767px) {

    .personal-cabinet__select .selectric {
        height: 56px;
    }

    .personal-cabinet__select .selectric .label {
        height: 54px;

        padding-left: 24px;
        padding-right: 50px;

        font-size: 13px;
    }

    .personal-cabinet__select .selectric .button {
        width: 50px;
        height: 54px;
    }

    .personal-cabinet__select .selectric-items li {
        height: 45px;

        padding-left: 24px;
        padding-right: 24px;

        font-size: 13px;
    }
}

/* ========================================
   TABLET
   ======================================== */

@media (max-width: 1000px) {

    .personal-cabinet {
        gap: 35px;
    }

    .personal-cabinet__sidebar {
        flex-basis: 280px;
    }

}
.mb240px{margin-bottom:240px;}

/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 767px) {
.mb240px{margin-bottom:35px;}
    .personal-cabinet {
        display: block;
        width: 100%;
        max-width: none;
        padding: 31px 10px 30px;
    }
.order-item__info-item, .order-item__more{font-size:12px;}

    /* -------------------------
       MOBILE MENU
       ------------------------- */

    .personal-cabinet__sidebar {
        width: 100%;
    }


    .personal-cabinet__title {
        height: 30px;
        border-bottom: unset;
        font-size: 16px;
        line-height: 20px;
    }


    .personal-cabinet__menu {
        height: 40px;
        margin: 0 -10px;
        padding: 0 10px;
        flex-direction: row;
        align-items: center;
        background: #f7f7f7;
        gap: 28px;
    }


    .personal-cabinet__menu-item,
    .personal-cabinet__menu-item:first-child {
        width: auto;
        height: auto;
        margin: 0;
        justify-content: flex-start;
        font-size: 14px;text-transform: lowercase;
        line-height: 16px;
    }


    .personal-cabinet__arrow {
        display: none;
    }


    /* -------------------------
       CONTENT
       ------------------------- */

    .personal-cabinet__content {
        width: 100%;
        max-width: none;
        margin-top: 31px;
    }


    .personal-cabinet__heading {
        height: 33px;
        margin-bottom: 17px;
        font-size: 14px;
        line-height: 20px; 
    }


    /* -------------------------
       FORM
       ------------------------- */

    .personal-cabinet__fields {
        display: flex;
        flex-direction: column;
        gap: 17px;
    }


    .personal-cabinet__field {
        width: 100%;
        flex: none;
    }


    .personal-cabinet__field label {
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 16px;
    }


    .personal-cabinet__field input {
        height: 56px;
        padding: 0 24px;
        font-size: 13px;
    }


    /* -------------------------
       ADDRESS
       ------------------------- */

    .personal-cabinet__address {
        display: block;
    }


    /* -------------------------
       BUTTON
       ------------------------- */

    .personal-cabinet__submit {
        display: block;
        width: 256px;
        height: 56px;
        margin: 28px auto 0;
        font-size: 13px;
    }


    .personal-cabinet__hint {
        margin-top: 10px;
        font-size: 12px;
    }

}



/* ==========================================================
   LOYALTY PROGRAM
   ========================================================== */

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


/* ==========================================================
   CARD IMAGE
   ========================================================== */

.loyalty__card {
    width: 426px;
    flex: 0 0 426px;
}

.loyalty__card img {
    display: block;
    width: 100%;
    height: auto;
}


/* ==========================================================
   INFO
   ========================================================== */

.loyalty__info {
    flex: 1 1 auto;
    min-width: 0;

    padding-top: 46px;
}

.loyalty__data {
    margin-bottom: 34px;
}

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

    min-height: 30px;

    font-family: 'HelveticaNeueCyrL400', "Inter"; font-weight:300;
    font-size: 14px;
    line-height: 18px;
}

.loyalty__label {
    padding-right: 20px;
    color: #aaa;
	font-family: 'HelveticaNeueCyrL400', "Inter"; font-weight:300;
}

.loyalty__value {
    color: #111;
    white-space: nowrap;font-family: 'HelveticaNeueCyr', "Inter"; 
}


/* ==========================================================
   WALLET
   ========================================================== */

.loyalty__wallet {
    width: 100%;
    height: 57px;
letter-spacing: 7%;
    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    background: #202020;
    color: #fff;

    font-family: 'HelveticaNeueCyrL400';
    font-size: 14px;
    line-height: 18px;

    text-decoration: none;
    text-transform: uppercase;

    transition: background .2s;
}

.loyalty__wallet:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}


/* ==========================================================
   MORE
   ========================================================== */

.loyalty__more {
    display: inline-block;

    margin-top: 16px;

    color: #919191;

    font-family: 'HelveticaNeueCyrL400';
    font-size: 14px;
    line-height: 17px;

    text-decoration: none;

    border-bottom: 1px solid #bbb;
}

.loyalty__more:hover {
    color: #222;
    border-color: #222;
    text-decoration: none;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1200px) {

    .loyalty {
        gap: 40px;
    }

    .loyalty__card {
        width: 390px;
        flex-basis: 390px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */


@media (max-width: 767px) {


.loyalty_pr.personal-cabinet__content .personal-cabinet__heading{
	margin-bottom: 25px;height: 40px;	
}
    .loyalty {
        display: block;
        width: 100%;
    }

    /* Карта */
    .loyalty__card {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .loyalty__card img {
        display: block;
        width: 100%;
        height: auto;
    }


    /* Информация */
    .loyalty__info {
        width: 100%;
        padding-top: 23px;
    }

    .loyalty__data {
        margin-bottom: 35px;
    }

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

        min-height: 29px;

        font-size: 12px;
        line-height: 16px;
    }

    .loyalty__label {
        padding-right: 15px;
        color: #aaa;
		font-size:12px;font-family: 'HelveticaNeueCyrL400';
    }

    .loyalty__value {
        color: #111;
        white-space: nowrap;
    }


    /* Кнопка */
    .loyalty__wallet {
        width: 256px;
        height: 56px;

        margin: 0 auto;

        display: flex;
        align-items: center;
        justify-content: center;

        font-size: 14px;
        line-height: 16px;
    }


    /* Ссылка */
    .loyalty__more {
        display: block;
        width: max-content;
        max-width: 100%;

        margin: 18px auto 0;

        font-size: 14px;
        line-height: 16px;

        text-align: center;
    }

}



.account-menu__logout {
	margin-top: 20px;
	padding-top: 27px;
	border-top: 1px solid #ddd;
}

.account-menu__logout-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	color: #919191;
	font-size: 14px;letter-spacing: 7%;
	line-height: 1.3;
	text-decoration: none;
	transition: color .2s ease;
}

.account-menu__logout-icon {
	flex: 0 0 auto;
	color: #919191;
	transition: color .2s ease, transform .2s ease;
}

.account-menu__logout-link:hover {
	color: #222;
	text-decoration: none;
}

.account-menu__logout-link:hover .account-menu__logout-icon {
	color: #222;
}

@media (max-width: 767px) {
	.account-menu__logout {
		flex: 0 0 100%;
		width: 100%;
		box-sizing: border-box;
		margin-top: 16px;
		padding-top: 14px;
	}

	.account-menu__logout-link {
		font-size: 12px;
		line-height: 20px;
	}

	.account-menu__logout-icon {
		width: 18px;
		height: 18px;
	}
}

@media (max-width: 767px) {
	.account-menu__logout {
		display: none;
	}
}

.personal-cabinet__menu-logout {
	display: none;
}

@media (max-width: 767px) {
	.personal-cabinet__menu {
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
	}

	.personal-cabinet__menu::-webkit-scrollbar {
		display: none;
	}

	.personal-cabinet__menu-logout {
		display: flex;letter-spacing: 7%;
	}
}

@media (min-width: 1921px) {
	.container, .order-detail, .personal-cabinet {
		max-width: unset;
	}
.m-inner-img,body .b-card__slider-new img {max-height: unset;}
	
}


@media (min-width: 1440px) and (max-width: 1919px) {
    .personal-cabinet {
        gap: calc(41.25vw - 364px);
    }

    .personal-cabinet__sidebar {
        flex: 0 0 calc(2.5vw + 304px);
    }

    .personal-cabinet__content {
        flex: 0 1 calc(35.4167vw + 170px);
        max-width: none;
        min-width: 0;
    }
}