.drop-down-menu .drop-down-menu-image {
    width: 760px;
    height: 440px;
}

.fn_esputnik_reco_link {
    position: relative;
}

.fn_esputnik_reco_link .btn-card {
    width: 4.2rem;
    height: 4.2rem;
    background: url('https://lamic.com.ua/design/lamic/dist/images/image-8a56af67c339a487397e.svg') center / cover no-repeat;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.cart-trigger:before, .like-trigger:before {
    bottom: 2.5rem;
    height: 2rem;
    width: 2rem;
    right: -0.5rem;
}

.breadcrumbs {
    z-index: 1;
    list-style: none;
    margin: 0rem 0rem;
	font-size: 13px;
}

.breadcrumbs ol {
    margin-bottom: 0
}

.breadcrumbs li {
    display: inline-block;
    margin: 0.1875rem 0
}

.breadcrumbs li a:hover {
    text-decoration: none !important
}

.breadcrumbs li + li:before {
    margin: 0 5px 0 3px;
    content: "/"
}

.breadcrumbs li:hover, .breadcrumbs li:hover a {
}

.breadcrumbs, .breadcrumbs li:before, .breadcrumbs li > a {
}

.hidden {
    display: none!important;
}

.sorting__list {
    min-width: 24rem;
}

/* .filter .clear-btn, .filter__checkbox a {
    font-family: greenwich, sans-serif;
    font-weight: 400;
    line-height: 120%;
    color: #1d1d1d;
} */

.title-1, h1 {
    font-size: 3rem;
	line-height: 3rem;
}

/* .cart-wrapper__items .item .text {
} */

.cart-wrapper__items .sum {
    float: right;
}

.order-section__delivery {
    margin-bottom: 25px;
}

.autocomplete-suggestions {
    margin: 0.0625rem -0.125rem 0;
    border: 0.0625rem solid #e6e6e6;
    background-color: #fcfcfc;
    overflow: hidden;
    overflow-y: auto;
    max-width: 90vw !important;
    box-shadow: 0px 1px 5px rgba(99, 103, 108, 0.15)
}

.autocomplete-suggestions > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.123
}

.autocomplete-suggestions > div, .autocomplete-suggestions > div a {
    color: #1d1d1d;
    width: 100%;
    font-size: 16px;
}

.autocomplete-suggestions > div > * {
    padding: 0.25rem 0.3125rem
}

.autocomplete-suggestions > div strong {
    color: #16905f;
}

.autocomplete-suggestions > div span {
    white-space: nowrap
}

.autocomplete-suggestions > div > div {
    width: 150px !important;
    text-align: center;
    background: #fff !important
}

.autocomplete-suggestions > div > div img {
}

.autocomplete-suggestions > div:nth-child(even) {
    background-color: #f6f6f6
}

.autocomplete-suggestions .autocomplete-selected a, .autocomplete-suggestions .autocomplete-selected {
}

.autocomplete-suggestions .autocomplete-selected {
    background: #f2f2f2
}


@media (max-width: 900px) {
    .cart-wrapper__items .item {
        max-height: 220px;
        grid-template-columns: 100px 1fr max-content;
    }
    .cart-wrapper__items .sum {

    }
	.about-section .title-1, .about-section h1 {
		font-size: 2rem;
	}
	.title-1 {
		font-size: 2rem;
	}
	.additionalTitle {
		display: inline-block;
	}
	
	.CartView .total .fn_coupon {
		padding: 0px!important;
	}
	.CartView #discount-btn {
		padding-left: 5px;
		padding-right: 5px;
		background-color: #16905f;
	}
	
	/* .CartView #captcha_id .btn {
		background-color: #16905f;
	} */
	
	.CartView .order-section .total span.all {
		font-size: 2rem;
	}
	
	.CartView  .cart_purchases_total_block {
		display: contents;
	}
	
}

.message_error {
    font-family: greenwich, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    left: 50%;
    pointer-events: none;
    text-align: center;
    text-transform: none;
    top: calc(100% + 1.6rem);
    transition: opacity .25s;
    width: 100%;
    color: #ff3232;
    content: attr(data-error);
}

.order-new-section .error-message:not(:empty) {
    display: block;
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    right: 0;
    font-family: greenwich, sans-serif;
    font-size: 1.4rem;
    line-height: 130%;
    color: #ff3232;
    pointer-events: none;
    text-align: left;
}

.order-section .container .order-wrapper__items {
    padding: 0;
}
/* .order-section .container .order-wrapper__items, .order-section .container .title-2 {
    grid-column: 1 / -1;
} */
.order-wrapper__items {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 3.3rem 3.3rem;
    width: 100%;
}

.order-wrapper__items .item {
    display: grid;
    grid-template-columns: 13.5rem 1fr 1fr 1fr max-content;
    max-height: 16rem;
    position: relative;
    width: 100%;
    grid-gap: 1.6rem;
}

.order-wrapper__items .item img {
    max-height: 12rem;
    max-width: 10rem;
}

.order-wrapper__items .item.head {
    border-bottom: 3px solid black;
    padding: 3px 0 15px 0;
}

.order-wrapper__items .item .text {
    display: flex;
    flex-direction: column;
    grid-gap: 1.6rem;
    align-self: center;
}

.order-wrapper__items .item .text .title-5 {
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
}

.order-section__info.order span {
    align-items: center;
    display: flex;
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    justify-content: space-between;
    width: 100%;
}

.cart-wrapper__items .cart_purchases_block .item{
}

.order-section__info.order span.r1 b{
    text-align: end;
}

@media (max-width: 1200px) {
    .order-wrapper__items .item img {
        display: none;
    }
    .order-wrapper__items .item h3{
        font-size: 1.5rem;
    }
    .order-section__info.order span {
        font-size: 1.5rem;
    }
    .order-wrapper__items .item {
        grid-template-columns: 4fr 1fr 1fr 1fr max-content;
    }
    .order-wrapper__items .item .text.img {
        display: none;
    }
    .order-wrapper__items .item .text .price {
        font-size: 1.5rem;
    }
}

.order-section .total_data {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, max-content);
    grid-gap: .6rem 3.2rem;
    align-items: center;
    padding-top: 20px;
}

.order-section .total_data span {
    align-items: center;
    display: flex;
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    justify-content: space-between;
    width: 100%;
}

.order-section .total_data span.all {
    font-family: CyGrotesk, sans-serif;
    font-size: 2.2rem;
}

.order-section__info.order {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, max-content);
    grid-gap: .6rem 3.2rem;
    align-items: center;
    grid-column: 1 / 1;
    grid-row: 4 / 4;
}
.order-section__info.order .wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, max-content);
    grid-gap: .6rem 3.2rem;
    align-items: center;
    padding-bottom: 10px;
}

.contact-section ul {
    list-style: circle;
}

.contact-section ul li{
    list-style: disc;
    color: #1d1d1d;
    font-weight: 400;
    text-align: start;
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    margin: 15px;
}

.one-article-section .one-article-section__tabs ul {
    list-style: circle;
}

.one-article-section .one-article-section__tabs ul li{
    list-style: disc;
    color: #1d1d1d;
    font-weight: 400;
    text-align: start;
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    margin: 2px 0 2px 18px;
}

.modal.znyzhka .wrapper .input {
    margin-bottom: 10px;
}

.modal.znyzhka-offer,
.modal.znyzhka-email,
.modal.znyzhka-success {
    grid-template-columns: 1fr;
    grid-gap: 0;
    width: calc(100vw - 3.2rem);
    max-width: 56rem;
    max-height: none;
    height: auto;
    padding: 5.6rem 4rem 4.8rem;
    background: url('../image/popup-bg.png') center / cover no-repeat;
}

.modal.znyzhka-offer .wrapper,
.modal.znyzhka-email .wrapper,
.modal.znyzhka-success .wrapper {
    gap: 2.4rem;
    width: 100%;
}

.modal.znyzhka-offer .cross,
.modal.znyzhka-email .cross,
.modal.znyzhka-success .cross {
    width: 2.4rem;
    height: 2.4rem;
    opacity: 0.7;
}

.znyzhka-offer__label {
    font-family: CyGrotesk, sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: #1d1d1d;
}

.znyzhka-offer__discount {
    font-family: CyGrotesk, sans-serif;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #16905f;
    text-shadow: 0 0.4rem 1.6rem rgba(22, 144, 95, 0.25);
}

.znyzhka-offer__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 24rem;
    max-width: 28rem;
    padding: 1.4rem 3.2rem 1.4rem 6.4rem;
    border-radius: 1rem;
    margin-top: 0.8rem;
}

.znyzhka-offer__icon {
    position: absolute;
    left: -0.8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 6.6rem;
    height: 6.6rem;
    border-radius: 50%;
    background: rgb(22 144 95);
    box-shadow: 0rem 0rem 2rem rgb(22 144 95);
    border: 1px solid #fff;
}

.znyzhka-offer__icon::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url('../image/gift.svg') center / 4.6rem no-repeat;
}

.znyzhka-email__title {
    font-family: CyGrotesk, sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
    color: #1d1d1d;
    max-width: 42rem;
}

.znyzhka-email__input {
    border-color: rgba(22, 144, 95, 0.35);
    border-radius: 0.8rem;
    overflow: hidden;
}

.znyzhka-email__btn {
    width: 100%;
    border-radius: 0.8rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.modal.znyzhka-email form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.znyzhka-success__title {
    font-family: CyGrotesk, sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
    color: #1d1d1d;
}

.znyzhka-success__text {
    font-family: Greenwich, sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #1d1d1d;
}

.znyzhka-success__code {
    display: inline-block;
    min-width: 24rem;
    padding: 1.2rem 2rem;
    border: 2px solid rgba(22, 144, 95, 0.35);
    border-radius: 0.8rem;
    font-family: CyGrotesk, sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #16905f;
}

.znyzhka-success__btn {
    width: 100%;
    border-radius: 0.8rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    text-decoration: none;
}

@media (max-width: 900px) {
    .modal.znyzhka-offer,
    .modal.znyzhka-email,
    .modal.znyzhka-success {
        padding: 4.8rem 2.4rem 3.2rem;
    }

    .znyzhka-offer__label,
    .znyzhka-email__title,
    .znyzhka-success__title {
        font-size: 18px;
    }

    .znyzhka-offer__discount {
        font-size: 36px;
    }

    .znyzhka-offer__icon {
        width: 48px;
        height: 48px;
        left: -6px;
    }

    .znyzhka-offer__icon::before {
        background-size: 38px;
    }
}

.regular-section .container video {
	width: 100%;
}

/* .filter {
    max-width: 26rem;
} */

.stars__fill {
	width: 90%;
}

/* .product_sostav .title-2, h2 {
	font-size: 2.3rem;
} */

.modal.product_sostav {
	padding: 3rem;
    grid-template-columns: repeat(1, 1fr);
    height: auto;
    background: #f8efd7;
}

/* .reviews-swiper .swiper-slide {
	padding: 5rem 1.6rem 4rem;
	min-height: 400px;
} */

.no_comments {
    text-align: center;
}

.rating_text {
    color: #d69595;
}

.modal.vidguk {
    grid-template-columns: auto;
    height: auto;
}

.modal.vidguk form {
    width: -webkit-fill-available;
    max-width: 500px;
}

.modal.fast-order {
    grid-template-columns: auto;
    height: auto;
}

.modal.fast-order form {
    width: -webkit-fill-available;
    max-width: 500px;
}
.modal.fast-order form .product_name{
    font-size: 2rem;
    padding: 0 0 20px 0;
}

.message {
/*	position: fixed;
    width: 100%;*/
}

.header {
/*	top: 55px;*/
}


.header {
/*	position: fixed;
    width: 100%;
    top: 5rem;
    left: 0;*/
}

main {
/*	margin-top: 15rem;*/
}

@media (max-width: 900px) {
	main {
/*		margin-top: 10.2rem;*/
	}
}
.message {
/*	top: 0;
	height: 5rem;
	padding-top: 5px;*/
}

.language {
	font-size: 1.5rem;
}

/* .btn {
	padding: 1.2rem 3rem;
} */
/* .btn:hover {
	background: #1d1d1d;
} */
/* .trend-section img {
	max-height: 740px;
} */

/* .procedures-section .container .link{
    margin: 2.4rem 0 0;
    text-align: center;
    width: 100%;
} */

.club-section img {
	height: auto;
	max-height: none;
}

.club-swiper .swiper-slide {
	height: auto;
}

@media (max-width: 1260px) {
    .club-swiper .swiper-slide {
        height: auto;
    }
}

.header .drop-down-menu>.container ul a:hover {
	color: #898989;
}

.breadcrumbs {
	color: #1d1d1d;
    white-space: nowrap;
}
.breadcrumbs span {
	opacity: 1;
}

.breadcrumbs .last {
	color: #898989;
}
/*
.burger {
	height: 1.8em;
	width: 3em;
	top: -3px;
}
*/
.burger span {
	height: 0.1rem;
}


@media (max-width: 900px) {
    .cookies .wrapper {
        justify-self: auto;
    }
}

.card .btn {
	transition: transform .1s;
}

.sorting__list, .sorting .icon {
	transition: transform .1s;
}

/* .filter__content.content {
	max-width: 26rem;
}

@media (max-width: 900px) {
	.filter__content.content {
		max-width: 23rem;
	}
} */

@media (min-width: 700px) {
    .hidden-lg-up {
        display: none;
    }
    .hidden-sm-down {
        display: inherit;
    }

}
@media (max-width: 700px) {
	.modal.znyzhka {
		grid-template-columns: auto;
	}
	.modal.znyzhka img {
/*		display: none;*/
	}
    .hidden-lg-up {
        display: inherit;
    }
    .hidden-sm-down {
        display: none;
    }
}

/* .filter {
    max-width: 26rem;
    max-height: 88vh;
    overflow-x: hidden;
    overflow-y: auto;
} */
/* .filter::-webkit-scrollbar {
	display: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
} */


.full-width .catalog-section__cards {
	grid-column: 1 / -1;
}

/* .hero-section .swiper {
    height: calc((80vw - 4rem)*(10 / 20));
    max-height: 80vh;
} */

/*@media (max-width: 1100px) {
	.hero-section .swiper {
		height: calc((60vw - 4rem)*(10 / 18));
		max-height: 60vh;
	}
}
*/
/* @media (max-width: 1200px) {
	.hero-section .swiper {
		height: calc((80vw - 4rem)*(10 / 18));
		max-height: 80vh;
	}
	.hero-section .swiper-slide p.paragraph {
		font-size: 1.5rem;
	}

	.hero-section .swiper-slide .title-1 {
		font-size: 2.3rem;
	}
}

@media (max-width: 900px) {
	.hero-section .swiper {
		height: calc((100vw - 4rem)*(10 / 16));
		max-height: 100vh;
	}
	.hero-section .swiper-slide p.paragraph {
		font-size: 1.3rem;
	}

	.hero-section .swiper-slide .title-1 {
		font-size: 2.1rem;
	}

	.hero-section .swiper-slide .btn.mini {
		max-width: 370px;
		padding: 1.4rem 4rem;
	}
}

@media (max-width: 700px) {
	.hero-section .swiper {
		height: auto;
		max-height: 100vh;
	}
	.hero-section .swiper-slide p.paragraph {
		font-size: 1.2rem;
	}

	.hero-section .swiper-slide .title-1 {
		font-size: 2.0rem;
		line-height: 3.0rem;
	}

	.hero-section .swiper-slide .btn.mini {
		max-width: 370px;
		padding: 1.4rem 4rem;
	}
	.hero-section .swiper-slide .text {
		width: 90%;
		gap: 1.5rem;
		top: 35%;
	}
} */

/* .reviews-section {
	padding: 3rem;
} */

/* .procedures-swiper .swiper-slide .wrapper img {
	height: 40rem;
} */

.active-section {
	margin-bottom: 0;
}

.active-section {
    background: url(../images/bg.png) 50% / cover no-repeat;
}


.catalog-section__cards.four {
	    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1260px) {
    .catalog-section__cards.four {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .catalog-section__cards.four {
        grid-template-columns: 1fr;
    }
}

.icon.phone {
    background-image: url(../image/phone.svg);
	width: 30px;
	height: 30px;
}

.message a {
	color: white;
    text-decoration-color: white;
    text-decoration-line: underline;
	font-size: 120%;
}

.one-article-section__title span {
	display: flex;
	flex-direction: column;
}

.one-article-section__title .compare_price {
    font-size: 1.5rem;
    text-decoration: line-through;
    color: #16905f;
}

.price .compare_price {
    font-size: 1.5rem;
    text-decoration: line-through;
    color: #16905f;
	color: rgba(22,144,95,0.5);
	margin-right: 10px;
}

.contact-section .container .paragraph, .contact-section .container .text-wrapper {
	max-width: 100rem;
}

.add-menu a {
	color: #1d1d1d;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase;
}
.footer .container ul li.text {
    color: #1d1d1d;
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2rem;
}



.chosen-container-single .chosen-default, .chosen-container-single .chosen-single {
	height: 30px;
}

.chosen-container-single .chosen-single div {
	top: 3px;
}

.chosen-container-single .chosen-single span {
	padding-top: 2px;
}

#delivery_new_post label {
	color: #000;
	font-size: 15px;
    opacity: 1;
}

.npware1 {
	color: #000;
	font-size: 15px;
	height: 30px;
	border: 1px solid #aaa;
    opacity: 1;
    position: relative;
	width: 100%;
	margin-top: 10px;
	
    display: block;
	padding: 0 0 0 8px;

}

#delivery_new_post {
	margin-left: 5px; 
	margin-bottom: 0px;
}



.order-section__delivery div.delivery:has(input[type=radio]:checked), .order-section__payments div.delivery:has(input[type=radio]:checked) {
    border-color: #16905f;
    opacity: 1;
}

.order-section__delivery div.delivery, .order-section__payments div.delivery {
    border: 2px solid #000;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    opacity: .5;
    padding: 1.6rem;
    position: relative;
    transition: opacity .5s, border-color .5s;
}

.order-section__delivery div.delivery input[type=radio], .order-section__payments div.delivery input[type=radio],
.order-section__delivery div.payment input[type=radio], .order-section__payments div.payment input[type=radio]
 {
    display: block;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.order-section__delivery div.delivery h4, .order-section__payments div.delivery h4 {
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2rem;
}

.order-section__delivery label, .order-section__payments label {
/*	border-color: #000;
	opacity: 0.5;*/
}

.order-section__delivery label:has(input[type=radio]:checked), .order-section__payments label:has(input[type=radio]:checked) {
/*	border-color: #16905f;*/
}




@media (min-width: 768px) {
    .pagination {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: end;
        justify-content: flex-start;
    }
}

.pagination {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination li {
    text-decoration: none;
    line-height: 2.0;
    text-align: center;
    background: #b5dfc7;
    border: 1px transparent;
    padding: 0;
    min-width: 1.6875rem;
    border-radius: 0.125rem;
    margin: 0 5px;
}

.page_link {
    color: #000;
    min-width: 30px;
    height: 35px;
    margin: 0px 10px;
    line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.page_link + a {
    margin-left: 0.1875rem
}

.pagination li.active, .pagination li:hover {
    background-color: #1d1d1d !important;
}
.pagination li.active span, .pagination li:hover span, .pagination li:hover a{
    color: #fff;
}

@media (max-width: 767px) {
    .pagination {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .pagination li {
        text-decoration: none;
        line-height: 2.0;
        text-align: center;
        background: #b5dfc7;
        border: 1px transparent;
        padding: 0;
        min-width: 1.6875rem;
        border-radius: 0.125rem;
        margin: 0 5px;
    }

    .page_link {
        color: #000;
        height: 30px;
        min-width: 20px;
            line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
        margin: 0px 7px;
    }

    .page_link[class*="active"] {
        color: #000 !important
    }
    .pagination .next, .pagination .prev {
        display: none;
    }
}

/* .post-section {
    padding: 4rem 8rem;
}

.post-section .container .wrapper {
    margin: 3.2rem 0 0;
    position: relative;
}

.post-section .container .wrapper .post_date {
    padding: 15px 20px;
}
.post-section .container .wrapper .description {

}

@media (max-width: 900px) {
    .post-section {
        padding: 2rem 1.6rem;
    }
    .post-section .title-1, .post-section h1 {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.post-section .description {
    padding: 10px 20px;
}

.post-section .description h2 {
    padding: 2rem 0 0 0 ;
}

.post-section .description h3 {
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    padding: 2rem 0 0 0 ;
}

.post-section .description p{
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #1d1d1d;
    font-weight: 400;
    padding: 2rem 0 0 0 ;
}

.post-section .description img {
    max-width: 600px;
    max-height: 400px;
    object-fit: contain;
    height: auto;
    width: auto;
    margin: 30px;
}
@media (max-width: 900px) {
    .post-section .description img {
        max-width: 300px;
        margin: 20px;
    }
}

.post-section .description ul li{
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #1d1d1d;
    font-weight: 400;
    padding: 1rem 0 0 0rem;
    list-style: disc;
    margin-left: 4rem;
} */


.header nav ul a {
	font-size: 1.3rem;
}

@media (max-width: 1300px) {
	.header nav ul a {
		font-size: 1.2rem;
	}
}

@media (max-width: 1150px) {
	.header nav ul a {
		font-size: 1.0rem;
	}
}

@media (max-width: 1024px) {
	.header nav ul a {
		font-size: 0.9rem;
	}

    .header .logo {
		font-size: 0.9rem;
        max-width: 7rem;
	}

    .header nav ul {
        gap: 1.2rem;
    }
}


.category-description {
	align-items: center;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    background: #fff;
    padding: 30px;	
}

/* .category-description h1{
	
}

.category-description h2{
	
}

.category-description h3{
	
}

.category-description p{
	
}

.category-description ul, .category-description ol {
	
} */

.category-description ul li, .category-description ol li {
	list-style: disc;
    padding-left: 5px;
    margin-left: 10px;
    font-size: 13px;
}

.additionalTitle {
	font-size: 1.2rem;
	line-height: 2rem;
}

.swiper-slide .top {
	position: absolute;
}

/* .single-swiper .swiper-slide .hot {
	display: block;
	margin: 5px;
	position: relative;
} */

.price.compare_price, .compare_price_color {
	color: #d69595;
	color: rgba(22,144,95,1);
}

.one-article-section__text .links {
	margin: 0 0 1.2rem;
}

.order-section .total .wrapper {
	display: contents;
}

.cart_purchases_total_block {
	display: flex;
    flex-direction: column;
    gap: 1.6rem;
    grid-column: 2 / 3;
    grid-row: 1 / -1;
}

@media (max-width: 900px) {
    .catalog-section__cards {
        grid-template-columns: repeat(2, 1fr)!important;
    }
}

/* .top-section.yellow {
	background: #f8efd7;
} */

.spec, .mobile-menu a.spec {
	color: red!important;
	font-weight: bold!important;
	color: rgba(22,144,95,1)!important;
}

/* .hero-section .info {
	background: #fff;
}

.hero-section .info h1 {
    font-size: 2.5rem;
    line-height: 7rem;
} */

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

.order-section__delivery label, .order-section__payments label {
	opacity: 0.7;
    border: 2px solid #000;
}

.order-section__delivery div.delivery, .order-section__payments div.delivery {
	opacity: 0.7;
}

.order-section__delivery div.delivery:has(input[type=radio]:checked), .order-section__payments div.delivery:has(input[type=radio]:checked) {
    background-color: #d9d9d9;
}

.order-section__delivery label:has(input[type=radio]:checked), .order-section__payments label:has(input[type=radio]:checked) {
    background-color: #d9d9d9;
	border-color: #16905f;
}

.product_name_takozh {
	text-decoration: none!important;
}
.product_name_takozh:hover {
	text-decoration: underline!important;
}

/* .reviews-swiper.screen .swiper-slide {
    min-height: 500px;
}

.reviews-swiper.screen .swiper-slide img {
    height: 700px;
    border-radius: 10px;
    width: auto;
} */

/* .title-2, h2 {
	font-size: 2rem;
	line-height: 2.7rem;
} */

/* .hot.discount {
	background: rgba(22,144,95,0.5);
} */

.order-section__delivery label:has(input[type=radio]:checked), .order-section__payments label:has(input[type=radio]:checked) {
	border: none;

}

.order-section__delivery label input[type=radio], .order-section__payments label input[type=radio] {
	left: 15px;
	opacity: 1;
}
.order-section__delivery label h4, .order-section__payments label h4 {
	margin-left: 20px;
}

.order-section__delivery label, .order-section__payments label {
	border: none;
	padding-bottom: 5px;
    padding-top: 5px;
}

.order-section__delivery div.delivery, .order-section__payments div.delivery {
	border: none;
}

.order-section__delivery div.delivery input[type=radio], .order-section__payments div.delivery input[type=radio], .order-section__delivery div.payment input[type=radio], .order-section__payments div.payment input[type=radio] {
	opacity: 1;
	left: 0;
	width: auto;
	height: auto;
}

.order-section__delivery div.delivery h4, .order-section__payments div.delivery h4 {
	margin-left: 5px;
}

.order-section__delivery, .order-section__payments {
	gap: 0.5rem;
}

.order-section__delivery .input {
	display: none;
}
.order-section__delivery div.delivery, .order-section__payments div.delivery {
	gap: 0.6rem;
}

.order-section__delivery div.delivery:has(input[type=radio]:checked) .input, .order-section__payments div.delivery:has(input[type=radio]:checked) .input {
	display: inherit;
}

.npcity.autocomplete-suggestions > div > div {
    width: 100%!important;
    text-align: left;
}

.input_npware {
    color: #1d1d1d;
    font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    height: 100%;
    line-height: 2.2rem;
    padding: 1rem 2rem;
    resize: none;
    width: 100%;
}
.select2-container--default .select2-selection--single {
    border: none;
    background: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

@media (max-width: 550px) {
    .select2-container--open .select2-dropdown--above {
        max-width: 330px;
    }
    .input.input_npware {
        max-width: 330px;
        overflow: hidden;
    }
}

.breadcrumbs li.last_prod:before {
    content: ""!important;
}

/* .product_name_full {
    grid-column: 1 / -1;
    padding: 10px;
    text-align: center;
} */

.one-article-section__title {
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.one-article-section__title span {
    justify-self: flex-start;
}

p.cost {
    font-size: 3rem;
}

.mobile-menu.active {
    padding-top: 11.6rem;
}

ol.ol-blog {
	font-family: greenwich, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #1d1d1d;
    font-weight: 400;
    padding: 2rem 0 0 0;
    font-weight: 100;
}

ol.ol-blog li{
	list-style: inherit;
    font-weight: 400;
    padding: 1rem 0 0 0rem;
    margin-left: 4rem;
}

.amount-btns.fast {
    grid-template-columns: 1fr 2fr 3fr;
}

.fast_order_form .input {
    margin: 5px 0;
}

.fast_order_button {
	background: #868686;
}

/* .fixed-wrapper {
	height: 6rem;
} */

.multi-theme-compact .multi-wrapper {
    max-width: 100%!important;
    margin: 30px auto!important;
}

.multi-theme-compact .multi-layout {
    margin: 0!important;
}

.br-container {
    overflow: hidden;
    grid-column: 1 / -1;
    align-self: normal;
}

.br-container ol.breadcrumbs {
    white-space: nowrap; /* Текст в одну строку */
    mask-image: linear-gradient(to left, transparent, black 100px);
    -webkit-mask-image: linear-gradient(to left, transparent, black 100px);
}

.composition__item span.sostav {
    text-transform: capitalize;
}

.catalog-section .container .main-img {
    height: 120px;
    width: fit-content;
    align-self: center;
}

/* .card .like-btn {
    z-index: 1;
} */

.card__size .size-btn.variant_select {
    background: #1d1d1d;
    color: #fff;
}

.card__wrapper .rating_count1 {
    color: #a0a0a0;
    font-family: Greenwich, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 120%;
}

.fn_ancor_post {
    color: #2c2c2c;
    background: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 12px;
    font-style: normal;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

/* .post_image {
    width: auto;
    height: auto;
} */


.post_card.card {
    cursor: pointer;
    grid-template-columns: 100%;
    grid-template-rows: max-content 1fr;
    height: auto !important;
    z-index: 1;
    align-items: center;
    display: flex !important;
    flex-direction: column;
    gap: 1.2rem;
    position: relative;
    text-align: center;
}
.post_card.card:hover .images img.hover {
    opacity: 1;
}
.post_card.card .images img.hover {
    opacity: 0;
}
.post_card.card .images img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s;
}

.post_card.card .images {
    align-items: flex-end;
    display: flex;
    height: 40rem;
    padding: 1.2rem;
    position: relative;
    width: 100%;
}

.contact-section {
    padding: 3.2rem 8rem 10rem;
}

@media (max-width: 900px) {
    .contact-section {
        padding: 12px 16px;
    }
    .modal.fast-order form {
        max-width: 280px;
    }
    .btn {
        padding: 1.2rem 2rem;
    }
	.trend-section .container>img {
		height: auto;
	}

}

.cat-section__cards .item span {
	color: #222;
}

.pt_1 {
	padding-top: 10px;
}

.mt_1 {
	margin-top: 10px;
}

.cat-section__cards .item {
	color: #222!important;
}

.hero-section {
	height: calc(100vh - 35rem);
}

@media (max-width: 900px) {
	.hero-section {
		height: calc(100vh - 32rem);
	}
}

.not-found-section {
    height: 20vh;
}

/* Рекомендації в кошику (small_carusel_products): лише перехід на товар — без іконки в куті картки */
.cart-wrapper__empty--items.esputnik-cart-scroll-reco .cart-wrapper__empty--items--swiper .swiper-slide a::before {
    display: none !important;
    content: none !important;
}

.about-section .container .wrapper .text {
	position: absolute;
	left: 15rem;
	bottom: 11.4rem;
	top: auto;
	transform: none;
	align-items: flex-start;
	text-align: left;
	gap: 1.6rem;
	z-index: 2;
}

.about-section .container .wrapper .text .badge {
	display: inline-block;
	background: #b5dfc7;
	color: #005051;
	font-family: Greenwich, sans-serif;
	font-size: 4rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0.6rem 2rem;
	border-radius: 5rem;
}

.about-section .container .wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 65%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
	pointer-events: none;
}

.about-section .container .wrapper img {
	position: relative;
	z-index: 0;
}

.about-section .container .wrapper .text .title-1 {
	color: #fff;
	font-size: 4rem;
	font-weight: 700;
    line-height: 4.6rem;
}

.about-section .container .wrapper .text .paragraph {
	color: #fff;
	font-weight: 400;
	font-size: 2.9rem;
    line-height: 3.6rem;
}

@media (max-width: 900px) {
    .about-section .container .wrapper img {
        width: 100%;
        height: 32rem;
        max-height: none;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .about-section .container .wrapper .text {
        left: 1.6rem;
        bottom: 1.6rem;
        top: auto;
        transform: none;
        max-width: calc(100% - 3.2rem);
        width: auto;
        gap: 0.8rem;
    }
    .about-section .container .wrapper .text .title-1 {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
    .about-section .container .wrapper .text .paragraph {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .about-section .container .wrapper .text .badge {
        font-size: 1.8rem;
        padding: 0.5rem 1.2rem;
    }
}

@media (min-width: 901px) {
	.about-believe .container .wrapper,
	.about-why .container .wrapper {
		align-items: flex-start;
		text-align: left;
	}
}

@media (max-width: 900px) {
	.about-why .usage-steps__item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0.8rem;
	}
}

.about-believe .container .wrapper .callout {
	background: #b5dfc7;
	border-radius: 2rem;
	padding: 1.2rem 2rem;
	margin: 0;
	width: fit-content;
	max-width: 100%;
}

@media (max-width: 900px) {
	.about-believe .container .wrapper .callout {
		margin: 0 auto;
	}
}

.about-believe .container .wrapper .cta-link {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: underline;
}

.usage-steps__body {
	flex: 1;
}

.usage-steps__body .title-3 {
	margin: 0 0 0.8rem;
	font-size: 1.8rem;
}

.usage-steps__body .paragraph {
	margin: 0;
}

.usage-section__content {
    align-items: center !important;
    text-align: center;
}

.usage-section__content .title-2 {
    width: 100%;
    margin: 0;
}

.usage-steps {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    width: 100%;
    max-width: 52rem;
    margin-top: 0.8rem;
}

.usage-steps__item {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    text-align: left;
}

.usage-steps__num {
    flex-shrink: 0;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background: #e5f4eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Greenwich, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    color: #333;
    border: #b5dfc7 3px solid;
}

.usage-steps__text {
    flex: 1;
    margin: 0.6rem 0 0;
    font-size: 2rem;
    line-height: 2.6rem;
}

.usage-steps__note {
    width: 100%;
    max-width: 52rem;
    margin-top: 0.8rem;
    padding: 2rem 2.4rem;
    background: rgba(181, 223, 199, 0.35);
    border: 1px solid #b5dfc7;
    border-radius: 0.8rem;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.usage-text {
    width: 100%;
    max-width: 58rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 0.8rem;
}

.usage-text p,
.usage-text > * {
    margin: 0;
    font-size: 2rem;
    line-height: 2.6rem;
}

.usage-text p:nth-child(odd),
.usage-text > *:nth-child(odd) {
    align-self: flex-start;
    max-width: 88%;
    text-align: left;
}

.usage-text p:nth-child(even),
.usage-text > *:nth-child(even) {
    align-self: flex-end;
    max-width: 88%;
    text-align: left;
}

@media (max-width: 767px) {
    .usage-steps__num {
        width: 3.6rem;
        height: 3.6rem;
        font-size: 1.6rem;
    }

    .usage-steps__text,
    .usage-text p,
    .usage-text > * {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .usage-steps__note {
        font-size: 1.6rem;
        line-height: 2.2rem;
        padding: 1.6rem;
    }
}

/* Кошик: блоки "Доставка" і "Оплата" приховані, поки клієнт не підтвердить телефон (SMS) або не авторизований ($user) */
.order-new-section__delivery,
.order-new-section__pay {
    display: none;
}
.order-new-section:has(.order-new-section__contact.active) .order-new-section__delivery {
    display: block;
}
.order-new-section:has(.order-new-section__contact.active) .order-new-section__pay {
    display: grid;
}

/* Особистий кабінет: новий сайдбар + контент (view/edit) */
.account-section > .container:has(.account-section__layout) {
    display: block;
}
.account-section__layout {
    display: flex;
    align-items: flex-start;
    gap: 3.2rem;
    margin-top: 1.6rem;
}
.account-sidebar {
    flex: 0 0 30rem;
    width: 30rem;
    border: 1px solid #e0e0e0;
    border-radius: 0.8rem;
    padding: 2rem;
}
.account-sidebar__profile {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding-bottom: 2rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid #e0e0e0;
}
.account-sidebar__avatar {
    flex: 0 0 4.8rem;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background: #dcf1e3;
    color: #16905f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 700;
    font-family: Greenwich, sans-serif;
    text-transform: uppercase;
}
.account-sidebar__profile-info {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}
.account-sidebar__name {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Greenwich, sans-serif;
    letter-spacing: 0.02em;
}
.account-sidebar__phone {
    font-size: 1.4rem;
    color: #818181;
}
.account-sidebar__toggle {
    display: none;
    width: 100%;
    border: 0;
    cursor: pointer;
}
.account-sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.account-sidebar__nav-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem;
    border-radius: 0.6rem;
    color: #1d1d1d;
    font-size: 1.6rem;
    font-family: Greenwich, sans-serif;
    transition: background 0.25s, color 0.25s;
}
.account-sidebar__nav-item svg {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    color: #818181;
    transition: color 0.25s;
}
a.account-sidebar__nav-item:hover {
    background: #f6f6f6;
}
.account-sidebar__nav-item.active {
    background: #dcf1e3;
    color: #16905f;
    font-weight: 700;
}
.account-sidebar__nav-item.active svg {
    color: #16905f;
}
.account-sidebar__nav-item.disabled {
    color: #b0b0b0;
    cursor: not-allowed;
}
.account-sidebar__nav-item.disabled svg {
    color: #d8d8d8;
}

.account-content {
    flex: 1;
    min-width: 0;
}
.account-content > h1.title-2,
.account-section.no-user > .container > h1.title-2 {
    text-align: left;
}

/* Особиста інформація: перегляд/редагування */
.account-info__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    margin-bottom: 2.4rem;
}
.account-info__edit-btn svg {
    flex: 0 0 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
}
.account-info__edit-btn {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1.2rem 2.4rem;
    border: 1px solid #1d1d1d;
    border-radius: 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #fff;
    color: #1d1d1d;
    cursor: pointer;
    white-space: nowrap;
}
.account-info__row {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.6rem 0;
    border-bottom: 1px solid #ececec;
    max-width: 50rem;
}
.account-info__row:first-of-type {
    padding-top: 0;
}
.account-info__label {
    font-size: 1.4rem;
    color: #818181;
}
.account-info__value {
    font-size: 1.8rem;
    font-weight: 400;
    font-family: Greenwich, sans-serif;
}
.account-info__edit {
    display: none;
    max-width: 50rem;
}
.account-info__edit .title-2 {
    margin-bottom: 2.4rem;
}
.account-info.editing .account-info__view {
    display: none;
}
.account-info.editing .account-info__edit {
    display: block;
}
.account-field {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 1.6rem;
}
.account-field label {
    font-size: 1.4rem;
    color: #818181;
}
.account-field input {
    border: 1px solid #d9d9d9;
    border-radius: 0.4rem;
    padding: 1.4rem 1.6rem;
    font-size: 1.6rem;
    font-family: Greenwich, sans-serif;
    width: 100%;
}
.account-info__edit-actions {
    display: flex;
    gap: 1.6rem;
    margin-top: 0.8rem;
}
.account-info__edit-actions .btn {
    flex: 1;
    padding: 1.2rem 2rem;
}
.account-info__edit-actions .btn.white {
    border: 1px solid #1d1d1d;
}

/* Пов'язані профілі */
.account-social {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    border-top: 1px solid #ececec;
    max-width: 70rem;
}
.account-social .title-3 {
    margin-bottom: 0.8rem;
}
.account-social .paragraph {
    color: #818181;
    margin: 0 0 2rem;
    max-width: 55rem;
}
.account-social__items {
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
}
.account-social__item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    border: 1px solid #e0e0e0;
    border-radius: 0.6rem;
    padding: 1.2rem 2rem;
    flex: 1;
    min-width: 22rem;
}
.account-social__item svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
}
.account-social__item-info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.account-social__item-info .name {
    font-weight: 700;
    font-size: 1.6rem;
    font-family: Greenwich, sans-serif;
}
.account-social__item-info .link {
    font-size: 1.4rem;
    text-decoration: underline;
    color: #1d1d1d;
}

@media (max-width: 900px) {
    .account-section__layout {
        flex-direction: column;
        gap: 1.6rem;
    }
    .account-sidebar {
        width: 100%;
        flex: 1;
        border: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .account-sidebar__profile {
        border: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-radius: 0.8rem;
        padding: 1.6rem;
        margin-bottom: 0;
    }
    .account-sidebar__toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        margin-top: 1.6rem;
        padding: 1.4rem;
        background: #16905f;
        color: #fff;
        border-radius: 0.4rem;
        font-size: 1.4rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    .account-sidebar__toggle svg {
        flex: 0 0 1.4rem;
        width: 1.4rem;
        height: 0.8rem;
        transition: transform 0.25s;
    }
    .account-sidebar.open .account-sidebar__toggle svg {
        transform: rotate(180deg);
    }
    .account-sidebar__nav {
        display: none;
        margin-top: 1.6rem;
        border: 1px solid #e0e0e0;
        border-radius: 0.4rem;
        padding: 0.8rem;
    }
    .account-sidebar.open .account-sidebar__nav {
        display: flex;
    }
    .account-info__top {
        align-items: flex-start;
    }
    .account-info__row {
        max-width: 100%;
    }
    .account-info__edit-actions {
        flex-direction: column;
    }
}

/* Статус-пілюля замовлення (колір із адмінки, --status-color) */
.order-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.4rem 1.2rem;
    border-radius: 3rem;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: Greenwich, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background: color-mix(in srgb, var(--status-color, #999) 18%, white);
    color: color-mix(in srgb, var(--status-color, #999) 65%, black);
}

/* Мої замовлення: список */
.orders-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.orders-list__item {
    border: 1px solid #e0e0e0;
    border-radius: 0.8rem;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    flex-wrap: wrap;
}
.orders-list__main {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    flex-wrap: wrap;
    flex: 1;
}
.orders-list__number {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    min-width: 16rem;
}
.orders-list__number .num {
    font-weight: 700;
    font-size: 1.6rem;
}
.orders-list__number .date {
    color: #818181;
    font-size: 1.4rem;
    margin-left: 0.4rem;
}
.orders-list__thumbs {
    display: flex;
    gap: 0.8rem;
}
.orders-list__thumbs img {
    width: 5.6rem;
    height: 5.6rem;
    object-fit: cover;
    border: 1px solid #ececec;
    border-radius: 0.4rem;
}
.orders-list__total {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.orders-list__total .count {
    color: #818181;
    font-size: 1.4rem;
}
.orders-list__total .price {
    font-weight: 700;
    font-size: 1.8rem;
}
.orders-list__actions {
    display: flex;
    gap: 1.2rem;
}
.orders-list__actions .btn {
    padding: 1.2rem 2rem;
    white-space: nowrap;
}

/* Пагінація в особистому кабінеті (замовлення, список бажань) */
.account-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    margin-top: 2.4rem;
}
.account-pagination__more {
    display: inline-block;
    width: auto;
    min-width: 24rem;
    text-align: center;
    padding: 1.4rem 3.2rem;
    border: 1px solid #1d1d1d;
    border-radius: 0.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #1d1d1d;
    text-decoration: none;
    cursor: pointer;
    background: none;
}
.account-pagination__num,
.account-pagination__arrow {
    text-decoration: none;
}
.account-pagination__nums {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.account-pagination__num,
.account-pagination__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid transparent;
    border-radius: 0.4rem;
    font-size: 1.4rem;
    color: #1d1d1d;
}
.account-pagination__num.active {
    border-color: #1d1d1d;
    font-weight: 700;
}
.account-pagination__dots {
    width: 3.6rem;
    text-align: center;
    color: #818181;
}

/* Сторінка одного замовлення */
.order-detail__top {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 2.4rem;
}
.order-detail__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    color: #1d1d1d;
    flex: 0 0 3.6rem;
}
.order-detail__back svg {
    width: 0.9rem;
    height: 1.6rem;
}
.order-detail__num {
    font-size: 2rem;
    font-weight: 700;
}
.order-detail__date {
    color: #818181;
    font-size: 1.6rem;
}
.order-detail__layout {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
}
.order-detail__side {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.order-detail__main {
    flex: 1;
    min-width: 0;
}
.order-detail__block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%;
    border: 0;
    background: none;
    padding: 0;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Greenwich, sans-serif;
    color: #1d1d1d;
    cursor: default;
}
.order-detail__block-title svg {
    display: none;
    flex: 0 0 1.4rem;
    width: 1.4rem;
    height: 0.8rem;
}
.order-detail__block-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
}
.order-detail__block-title-row .order-detail__block-title {
    margin-bottom: 0;
}
.order-detail__pay-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    padding: 0.8rem 0;
    font-size: 1.6rem;
}
.order-detail__pay-row.discount span:last-child {
    color: #e6493e;
}
.order-detail__pay-row.total {
    margin-top: 0.8rem;
    padding-top: 1.6rem;
    border-top: 1px solid #ececec;
    font-weight: 700;
    font-size: 1.8rem;
}
.order-detail__items {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.order-detail__item {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 0.8rem;
    padding: 1.6rem;
}
.order-detail__item img {
    flex: 0 0 8rem;
    width: 8rem;
    height: 8rem;
    object-fit: cover;
    border-radius: 0.4rem;
}
.order-detail__item-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
    flex: 1;
    min-width: 0;
}
.order-detail__item-info .name {
    font-size: 1.6rem;
}
.order-detail__item-info .qty {
    color: #818181;
    font-size: 1.4rem;
}
.order-detail__item-info .btn.white {
    padding: 0.8rem 1.6rem;
    font-size: 1.2rem;
    border: 1px solid #1d1d1d;
}
.order-detail__item > .price {
    font-weight: 700;
    font-size: 1.6rem;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .orders-list__item {
        flex-direction: column;
        align-items: stretch;
        padding: 1.6rem;
    }
    .orders-list__main {
        gap: 1.2rem;
    }
    .orders-list__total {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .orders-list__actions {
        width: 100%;
    }
    .orders-list__actions .btn {
        flex: 1;
    }
    .order-detail__layout {
        flex-direction: column;
        gap: 1.6rem;
    }
    .order-detail__side,
    .order-detail__main {
        flex: 1;
        width: 100%;
    }
    .order-detail__block {
        border: 1px solid #e0e0e0;
        border-radius: 0.8rem;
        padding: 1.6rem;
    }
    .order-detail__block-title {
        cursor: pointer;
    }
    .order-detail__block-title svg {
        display: block;
        transition: transform 0.25s;
    }
    .order-detail__block.open .order-detail__block-title svg {
        transform: rotate(180deg);
    }
    .order-detail__block-body {
        display: none;
    }
    .order-detail__block.open .order-detail__block-body {
        display: block;
    }
    .order-detail__block-title-row {
        flex-wrap: wrap;
    }
    .order-detail__block-title-row .btn {
        width: 100%;
        order: 3;
    }
    .order-detail__item {
        flex-wrap: wrap;
    }
}

/* Адреси доставки: список */
.address-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.address-list__item {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 0.8rem;
    padding: 2rem;
}
.address-list__radio {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #b0b0b0;
    background: #fff;
    cursor: pointer;
    margin-top: 0.2rem;
    position: relative;
}
.address-list__radio.active {
    border-color: #1d1d1d;
    border-width: 2px;
}
.address-list__radio.active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #1d1d1d;
    transform: translate(-50%, -50%);
}
.address-list__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.address-list__title {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.address-list__title .name {
    font-weight: 700;
    font-size: 1.6rem;
}
.address-list__text {
    color: #818181;
    font-size: 1.5rem;
    margin: 0;
}
.address-list__actions {
    flex: 0 0 auto;
    display: flex;
    gap: 2rem;
}
.address-list__actions a {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.4rem;
    color: #1d1d1d;
    white-space: nowrap;
}

/* Модальні вікна адрес (незалежні від промо-.modal) */
.address-modal,
.address-delete-modal {
    display: none;
}
.address-modal.active,
.address-delete-modal.active {
    display: block;
}
.address-modal .modal__overlay,
.address-delete-modal .modal__overlay {
    position: fixed;
    inset: 0;
    background: rgba(29, 29, 29, 0.5);
    z-index: 200;
}
.address-modal .modal__content,
.address-delete-modal .modal__content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 3.2rem);
    max-width: 48rem;
    max-height: calc(100vh - 6.4rem);
    overflow-y: auto;
    background: #fff;
    border-radius: 0.8rem;
    padding: 2.4rem;
    z-index: 201;
}
.address-modal .modal__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.address-modal .modal__title,
.address-delete-modal .modal__title {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Greenwich, sans-serif;
}
.address-modal .modal__close {
    border: 0;
    background: none;
    cursor: pointer;
    color: #16905f;
}
.address-delete-modal .paragraph {
    color: #818181;
    margin: 1.2rem 0 2.4rem;
}

/* Форма додавання/редагування адреси */
.address-form__type {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 2rem;
}
.address-form__type-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    cursor: pointer;
}
.address-form__type-item input[type="radio"] {
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;
    accent-color: #1d1d1d;
}
.address-form__type-item svg {
    flex: 0 0 1.8rem;
    width: 1.8rem;
    height: 1.8rem;
    color: #e6493e;
}
.address-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}
.address-form__checkbox {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.5rem;
    margin: 0.4rem 0 1.6rem;
    cursor: pointer;
}
.address-form__checkbox[hidden] {
    display: none;
}
.address-form__checkbox input[type="checkbox"] {
    pointer-events: none;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    min-height: 1.8rem;
    border: 2px solid #1d1d1d;
    position: relative;
    cursor: pointer;
    margin: 0;
}
.address-form__checkbox input[type="checkbox"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    min-height: 1.8rem;
    background: url('../image/Check.svg') center / cover no-repeat;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.25s;
}
.address-form__checkbox input[type="checkbox"]:checked::before {
    transform: translate(-50%, -50%) scale(1);
}
.address-form__error {
    display: block;
    margin-bottom: 1rem;
}
.address-form__actions {
    display: flex;
    gap: 1.6rem;
}
.address-form__actions .btn {
    flex: 1;
    padding: 1.2rem 2rem;
}
.address-form__actions .btn.white {
    border: 1px solid #1d1d1d;
}
.address-delete-modal__actions {
    display: flex;
    gap: 1.6rem;
}
.address-delete-modal__actions .btn {
    flex: 1;
    padding: 1.2rem 2rem;
}
.address-delete-modal__actions .btn.white {
    border: 1px solid #1d1d1d;
}

@media (max-width: 900px) {
    .address-list__item {
        flex-wrap: wrap;
    }
    .address-list__actions {
        width: 100%;
        padding-left: 3.6rem;
    }
    .address-form__row {
        grid-template-columns: 1fr;
    }
}

/* Кошик: швидкий вибір збереженої адреси доставки */
.saved-addresses {
    margin-bottom: 2rem;
}
.saved-addresses__title {
    display: block;
    font-size: 1.4rem;
    color: #818181;
    margin-bottom: 0.8rem;
}
.saved-addresses__items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.saved-addresses__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    text-align: left;
    max-width: 26rem;
    border: 1px solid #d9d9d9;
    border-radius: 0.6rem;
    padding: 1rem 1.4rem;
    background: #fff;
    cursor: pointer;
}
.saved-addresses__item .name {
    font-weight: 700;
    font-size: 1.4rem;
}
.saved-addresses__item .text {
    font-size: 1.3rem;
    color: #818181;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.saved-addresses__item.active {
    border-color: #16905f;
    border-width: 2px;
}
.saved-addresses__item.active .name {
    color: #16905f;
}

@media (max-width: 900px) {
    .saved-addresses__item {
        max-width: 100%;
        flex: 1 1 100%;
    }
}

/* Список бажань для гостя (без сайдбару): нові блоки мають займати всю ширину старої grid-сітки .container */
.account-section.no-user .account-info__top,
.account-section.no-user .account-pagination {
    grid-column: 1 / -1;
}

/* Спливаюче повідомлення "Товар додано до Списку бажань" */
.wishlist-toast {
    position: fixed;
    left: 50%;
    bottom: 3.2rem;
    transform: translate(-50%, 1rem);
    display: flex;
    align-items: center;
    gap: 1.2rem;
    background: #fff;
    border-radius: 0.8rem;
    box-shadow: 0 0.4rem 2.4rem rgba(0, 0, 0, 0.15);
    padding: 1.4rem 2.4rem;
    z-index: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
}
.wishlist-toast.active {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}
.wishlist-toast svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
}
.wishlist-toast span {
    font-size: 1.6rem;
    color: #1d1d1d;
    white-space: nowrap;
}
.wishlist-toast a {
    color: #16905f;
    font-weight: 700;
    text-decoration: underline;
}

@media (max-width: 900px) {
    .wishlist-toast {
        left: 1.6rem;
        right: 1.6rem;
        bottom: 1.6rem;
        transform: translateY(1rem);
        width: auto;
    }
    .wishlist-toast.active {
        transform: translateY(0);
    }
    .wishlist-toast span {
        white-space: normal;
        font-size: 1.4rem;
    }
}

/* Кнопка "Увійти через Google" */
.oauth-google-btn {
    margin-top: 1.6rem;
    display: flex;
    justify-content: center;
}
.account-social__item-info .oauth-google-btn {
    margin-top: 0.4rem;
    justify-content: flex-start;
}
/* Вміст кнопки малює сам Google у cross-origin iframe, тому масштабуємо весь віджет */
.form-section .oauth-google-btn {
    transform: scale(1.15);
    transform-origin: center top;
    margin-top: 2.4rem;
}
@media (min-width: 901px) {
    .form-section .oauth-google-btn {
        transform: scale(1.4);
        margin-top: 3.6rem;
        margin-bottom: 1.2rem;
    }
}

/* Кнопка "Увійти через Facebook" - власна розмітка, тому стилізуємо самі (на відміну від Google - тут не iframe) */
.oauth-facebook-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    margin-top: 1.6rem;
    padding: 1rem 2.4rem;
    width: 100%;
    max-width: 26rem;
    border: 1px solid #dadce0;
    border-radius: 0.4rem;
    background: #fff;
    font-family: Greenwich, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    color: #3c4043;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s;
}
.oauth-facebook-btn:hover {
    background: #f8f9fa;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.oauth-facebook-btn svg {
    flex: 0 0 1.8rem;
    width: 1.8rem;
    height: 1.8rem;
}
.account-social__item-info .oauth-facebook-btn {
    margin-top: 0.4rem;
    width: auto;
    max-width: none;
}
@media (min-width: 901px) {
    .form-section .oauth-facebook-btn {
        font-size: 1.6rem;
        padding: 1.2rem 2.8rem;
        margin-top: 1.2rem;
    }
}

/* Рядок з кнопками Google + Facebook - однакового розміру, в одну лінію */
.oauth-buttons-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 1.2rem;
    margin-top: 1.6rem;
}
.oauth-buttons-row .oauth-google-btn,
.oauth-buttons-row .oauth-facebook-btn {
    margin-top: 0;
    transform: none;
}
.oauth-buttons-row .oauth-facebook-btn {
    /* px, а не rem - кнопка Google рендериться з фіксованою шириною/висотою в JS (google.accounts.id.renderButton: size "large" = 40px), незалежно від адаптивного розміру html{font-size}, тож і тут беремо px, щоб розміри збігались на будь-якому екрані */
    width: 220px;
    max-width: 220px;
    height: 40px;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    white-space: nowrap;
}
@media (min-width: 901px) {
    .form-section .oauth-buttons-row {
        margin-top: 2.4rem;
    }
    .form-section .oauth-buttons-row .oauth-facebook-btn {
        font-size: 1.4rem;
        padding: 0 1.6rem;
        margin-top: 0;
    }
}

/* Кошик: вхід через Google/Facebook як альтернатива SMS */
.order-new-section__contact--oauth {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    margin: 1.6rem 0;
}
.order-new-section__contact--oauth-divider {
    position: relative;
    font-size: 1.3rem;
    color: #818181;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.order-new-section__contact--oauth .oauth-google-btn,
.order-new-section__contact--oauth .oauth-facebook-btn {
    margin-top: 0;
}