@font-face {
	font-family: 'Jost-Regular';
	src: url('../fonts/Jost-Regular.woff2')format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Jost-Medium';
	src: url('../fonts/Jost-Medium.woff2')format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Jost-SemiBold';
	src: url('../fonts/Jost-SemiBold.woff2')format('woff2');
	font-weight: 600;
  font-style: normal;
	font-display: swap;
}




* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


body,
.header__nav,
.product-order__make {
	background: #FFF8F5;
}


body,
.faq__question {
	font-size: 18px;
	color: #585866;  
}

body,
.features__text-title {
	font-family: 'Jost-Regular', sans-serif;
}

h1, h2, h3,
.usage-benefits__img-flow {
	 min-height: 100px; 
}


h1, h2, h3 {
	line-height: 1.2;
	white-space: normal;
	overflow-wrap: anywhere; 
} 

h1, h2, h3, p {
	word-break: break-word; 
}


h1, h2, h3, span,
.product-intro__list__icon,
.product-order__btn {
	color: #242442;
}


a {
  text-decoration: none;
  cursor: pointer;
  color: #585866;  
}

p {
	min-height: 10px;
}

p,
.product-intro__list__icon {
	 line-height: 1.5;
}

li {
	list-style-type: none;
}

img {
	min-height: 10px;
	height: auto;
	display: block;
}


header,
main, 
.header__nav ul,
.product-header,
.product-header__block,
.product-header__description,
.product-header__button,
.product-header__hero,
.product-intro,
.product-intro__header,
.product-intro__title,
.product-intro__list,
.product-intro__list li,
.product-intro__list__item,
.product-intro__list__icon,
.features,
.features__content,
.features__image,
.usage,
.usage-header,
.usage-benefits,
.usage-benefits__list,
.usage-benefits__item,
.advantages,
.advantages-header,
.advantages-header__block,
.advantages__panel,
.advantages__panel-list,
.product-order,
.product-order__make,
.product-order__left,
.product-order__right,
.product-order__prices,
.product-order__discount,
.reviews__header,
.reviews__item-header,
.payment__content,
.payment__text-blocks,
.payment__image-bg--pink,
.footer__top,
.footer__social,
.footer__column-menu,
.footer__payments,
.product-card__chair-gallery,
.product-card__chair-details,
.product-card__chair-price-block,
.esto-box-content,
.esto-modal-overlay,
.esto-option-body,
.variations__chair td,
.pay-delivery__chair-block,
.post-container,
.post-container-wrpaper,
.footer__payments div,
.esto-option-head,
.container__upsides,
.container__specification,
.container__positions,
.container__terms-of-use,
.media__terms-of-use,
.faq__icon,
.header-cart-chair,
.cart-count-chair-block {
	display: flex;
}

.product-header__block,
.product-header__button,
.product-intro__header,
.product-intro__list,
.features__content,
.advantages-header,
.advantages-header__block,
.advantages__panel-list,
.product-order__right,
.product-order__left,
.product-order__prices,
.reviews__header,
.payment__content,
.payment__text-blocks,
.footer__top,
.footer__column-menu,
.footer__payments,
.pay-delivery__chair-block,
.post-container {
	flex-direction: row;
}

main, 
.header__burger,
.product-header,
.product-header__description,
.product-intro,
.product-intro__title,
.product-intro__list__item,
.features,
.usage,
.usage-benefits__list,
.usage-benefits,
.usage-benefits__item,
.advantages,
.advantages__panel,
.product-order,
.product-order__make,
.payment__text-blocks,
.product-card__chair-details,
.product-card__chair-price-block,
.esto-box-content,
.variations__chair td,
.post-container-wrpaper {
	flex-direction: column;
}

header,
main, 
.header__nav ul,
.product-header,
.product-header__block,
.product-header__description,
.product-header__hero,
.product-intro,
.product-intro__header,
.product-intro__list li,
.product-intro__list__item,
.product-intro__list__icon,
.features,
.features__content,
.usage,
.usage-header,
.usage-benefits,
.usage-benefits__list,
.advantages, 
.advantages-header,
.advantages-header__block,
.advantages__panel,
.advantages__panel-list,
.product-order,
.product-order__make,
.product-order__discount,
.payment__content,
.esto-modal-overlay,
.media__terms-of-use,
.faq__icon, 
.header-cart-chair,
.cart-count-chair-block {
	justify-content: center;
}

.product-intro__title,
.product-order__right,
.reviews__item-header,
.pay-delivery__chair-block {
	justify-content: start;
}

.payment__image-bg--pink,
.variations__chair td {
	justify-content: end;
}

.product-order__left,
.payment__text-blocks,
.footer__column-menu,
.esto-option-body,
.post-container-wrpaper {
	justify-content: space-between;
}

.footer__top {
	justify-content: space-around;
}



header,
header,
main, 
.header__nav ul,
.product-header,
.product-header__block,
.product-header__description,
.product-header__button,
.product-header__hero,
.product-intro,
.product-intro__list li,
.product-intro__list__icon,
.features,
.features__content,
.usage,
.usage-benefits,
.usage-benefits__list,
.advantages, 
.advantages-header__block,
.advantages__panel,
.advantages__panel-list,
.product-order,
.product-order__right,
.product-order__prices,
.product-order__discount,
.reviews__item-header,
.esto-modal-overlay,
.footer__payments,
.footer__payments div,
.container__upsides,
.container__specification,
.container__positions,
.container__terms-of-use,
.faq__icon,
.header-cart-chair,
.cart-count-chair-block {
	align-items: center;
}

.product-intro__title,
.product-intro__header,
.product-intro__list,
.product-intro__list__item,
.usage-header,
.product-order__left,
.footer__payments div,
.pay-delivery__chair-block {
	align-items: start;
}


header,
main,
.container__upsides,
.container__specification,
.container__positions,
.container__terms-of-use,
.container__reviews,
.faq__container {
	margin: 0 auto;
	width: 95%;
}

header,
.product-header__block,
.product-intro,
.features,
.usage-header__block,
.usage-benefits,
.advantages-header__block,
.advantages__panel,
.product-order__make,
.reviews,
.container__upsides,
.container__specification,
.container__positions,
.container__terms-of-use,
.container__reviews {
	max-width: 1200px;
}

header,
main {
	padding: 20px;
}

header,
footer,
.esto-box-content p,
.esto-modal,
.product-return-box-title {
	font-size: 16px;
}

header,
.product-header,
.features,
.product-intro__list {
	margin-bottom: 100px;
}

main {
	max-width: 1920px;
}

.product-header__button a {
	margin-right: 20px;
}


.header__logo {
	margin-right: clamp(40px, calc(-27.1px + 6.1vw), 90px);
}

.header__logo {
	min-height: 50px;
}

img,
.header__logo img,
.product-header,
.product-header__description p,
.product-header__button,
.product-header__link-icon,
.product-header__hero,
.product-intro__gallery,
.white-block,
.product-intro,
.product-intro__header,
.product-intro__list,
.features__image,
.features__text-title,
.features__text-p,
.features__button,
.usage,
.usage-header,
.usage-header__block,
.advantages, 
.advantages-header,
.advantages-header__block,
.advantages__panel,
.product-order,
.product-order__header,
.product-order__make,
.reviews,
.payment,
.payment__content,
footer,
.footer__logo img,
.product-card__chair-wrapper,
.product-card__chair-thumbnails,
.product-card__chair-gallery,
.product-card__chair-gallery img,
.esto-modal-overlay,
.variations__chair select,
table.variations__chair,
.media__terms-of-use video,
.faq__question  {	
	width: 100%;
}


.header__logo img,
.footer__logo img {
	min-width: 100px;
	max-width: 245px;
}


.header__nav {
	margin-right: clamp(38px, calc(25.52px + 2.32vw), 54px);
}

.header__nav ul{
	gap: 38px;
}

.header__nav a{
	color: #585866;
}


.header__nav li{
	color: #585866;
}


.header__nav li::after,
.footer__contacts-phone a::after,
.footer__contacts-email a::after,
.footer__nav-item a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;             
  height: 3px;           
  background: #666699;      
  transition: width 0.5s ease; 
}

.header__nav li:hover::after,
.footer__contacts-phone a:hover::after,
.footer__contacts-email a:hover::after,
.footer__nav-item a:hover::after {
  width: 100%;           
}

.header__nav a,
.header__button a,
.product-header__button a,
.features__button a,
.usage-benefits__button a,
.advantages__button a,
.product-order__btn,
.payment__button a,
.product-intro__button,
.header-cart-chair  {	
	white-space: nowrap;
}


.header__burger {
	display: none;
	gap: 6px;
	padding: 6px;
	border: none;
	background: transparent;
}

.header__burger span {
	width: 20px;
	height: 2px;
	border-radius: 2px;
}

.header__burger span,
.header__button a,
.features__button a,
.usage-benefits__button a,
.advantages__button a,
.payment__button a,
.product-intro__button a  {
	background: #242442;
}

.header__button a,
.product-intro__button a,
.features__button a,
.usage-benefits__button a,
.advantages__button a,
.payment__button a {
		transition: background 1s ease ;
		box-shadow: 0 4px 0 #3a3a66, 0 6px 12px rgba(0,0,0,0.2);
}

.header__button a:hover,
.product-intro__button a:hover,
.features__button a:hover,
.usage-benefits__button a:hover,
.advantages__button a:hover,
.payment__button a:hover {
	background: #FFFFFF;
	color:  #242442; 
}

.header__button a:active,
.product-intro__button a:active,
.features__button a:active,
.payment__button a:active {
	background-color: #242442;
	transform: translateY(4px);
	box-shadow: 0 0 0  #3a3a66,  0 6px 12px rgba(0,0,0,0.2);
	color: #FFFFFF;
}


.header__button a {
	display: inline-flex;
}

.header__button a {
	padding: 12px 24px;
}

.header__button a,
.features__button a,
.usage-benefits__button a,
.advantages__button a,
.product-order__btn,
.payment__button a,
.product-intro__button a  {
	border-radius: 15px;
}

.header__button a,
.features__button a,
.usage-benefits__button a,
.advantages__button a,
.product-order__discount,
.payment__button a,
.product-intro__button a {
	color: #FFFFFF;
}


.product-header__block,
.reviews__header,
.footer__logo {
	margin-bottom: 50px; 
}

.product-header__title,
.product-header__link-text,
.product-intro__title h2,
.features__title,
.usage-header__title,
.advantages-header__title,
.reviews__header-title,
.payment__title {
	font-family: 'Jost-Medium', sans-serif;
}

.product-header__title,
.product-header__link-text,
.product-intro__title span,
.product-intro__title h2,
.product-intro__list h3,
.features__title,
.features__text-title,
.usage-header__title,
.advantages-header__title,
.product-order__title,
.reviews__header-title,
.reviews__header-text,
.reviews__item-title,
.payment__title,
.single_variation__chair-wrap .single_add_to_cart_button,
.section__upsides h2,
.section__positions h2,
.section__specification h2,
.section__terms-of-use h2,
.faq h2 {
	text-transform: uppercase;
}

.product-header__title,
.product-header__description,
.features__content,
.features__image {
	flex: 1 1 200px;
	height: auto;
}

.product-header__title{
	font-size: clamp(20px, calc(16.31px + 1.23vw), 40px); 
}

.product-header__description p,
.product-header__button {
	max-width: 350px;
}

.product-header__description p {
	margin-bottom: 44px;
}

.product-header__button {
	min-height: 30px;
}


.product-header__link-text {
	text-decoration: underline;
	font-size: clamp(12px, calc(11.262px + 0.246vw), 16px);
	color: #30345B;
} 

.product-header__link-text:hover {
	text-decoration: none;
}

.product-header__link-icon,
.product-order__link-icon {
	width: 35px;
	height: 35px;
}

.header__nav li,
.product-header__hero,
.product-intro__gallery,
.product-intro__img,
.product-intro__list li,
.features__image,
.features__image-bg--img,
.usage-benefits,
.usage-benefits__img-flow,
.usage-benefits__button,
.advantages-header__block-img,
.advantages__panel,
.advantages__button,
.product-order__make,
.product-order__price,
.reviews__header-vertical, 
.reviews__list,
.footer__contacts-phone a,
.footer__contacts-email a,
.footer__nav-item a,
.payment__image-bg--pink img,
.esto-modal,
.product-intro__svg,
.list__upsides li,
.positions-block li,
.list__terms-of-use li,
.faq__question {
	position: relative;
}


.product-header__hero {
  height: clamp(260px, calc(36.58vw + 108.5px), 811px);
  overflow: hidden;  
}

.product-header__white{
  position: absolute;
  top: 0;
  right: -30vw;   
  width: 80vw; 
  min-height: 260px; 
  border-radius: 50px 0 0 50px;
}

.product-header__white,
.features__image,
.advantages-header__block-img {
	height: 100%;
}

.product-header__white,
.product-intro__list li,
.product-intro__list__icon,
.usage-benefits,
.advantages__panel,
.product-order__make,
.product-order__btn,
.reviews__item  {
	border: 1px solid #242442;
}

.product-header__white,
.product-intro__white,
.features__image-bg--white {
	z-index: 1; 
}

.product-header__white,
.product-intro__white,
.product-intro__list li,
.product-intro__list__icon,
.features__image-bg--white,
.usage-benefits,
.advantages__panel,
.reviews__item:nth-child(even),
footer,
.faq__item {
   background: #FFFFFF;
}

.product-header__pink {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 63.8%; 
  height: 61.69%;
  box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.3);
}

.product-header__pink,
.product-intro__pink,
.features__image-bg--pink,
.usage-benefits,
.advantages__panel,
.reviews__list  {
  z-index: 2;
}

.product-header__pink,
.product-intro__pink,
.features__image-bg--pink,
.usage-header,
.advantages-header,
.product-order__header,
.reviews__item:nth-child(odd),
.payment__image-bg--pink,
.footer__bottom {
	background: #FCE6DD;
}

.product-header__pink,
.product-intro__white,
.product-intro__pink,
.product-intro__list li,
.product-intro__list__icon,
.features__image-bg--white,
.features__image-bg--pink,
.usage-header,
.usage-benefits,
.advantages-header,
.advantages__panel,
.product-order__header,
.product-order__make,
.reviews__item,
.single_variation__chair-wrap .single_add_to_cart_button  {
	border-radius: 50px;
}

.product-header__img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(250px, calc(105.91px + 48.03vw), 1028px); 
  animation: rotatelLoungeChair 2.6s infinite alternate ease-in-out;
}

.product-header__img,
.product-intro__img,
.features__image-bg--img {
  z-index: 3;
}

@keyframes rotatelLoungeChair {
  from { transform: translate(-50%, -50%) rotate(-3deg); }
  to   { transform: translate(-50%, -50%) rotate(3deg); }
}


.product-intro {
	margin-bottom: 150px;
	padding-bottom: 50px;
}


.advantages {
	margin-bottom: 200px;
}

.product-intro__header {
	margin-bottom: 34px; min-height: 500px;
}

.product-intro__title,
.product-intro__gallery {
	flex: 1 1 200px; 
}

.product-intro__title span {
	margin-bottom: 44px;
}

.product-intro__title span,
.product-order__title{
	font-size: clamp(18px, calc(14.67px + 1.11vw), 36px);
}


.product-intro__title h2,
.features__title,
.usage-header__title,
.advantages-header__title,
.reviews__header-title,
.payment__title,
.product-card__chair-details h1{
	font-size: clamp(24px, calc(14.11px + 1.29vw), 45px);
}


.product-intro__white,
.product-intro__pink,
.product-intro__list__icon,
.features__image-bg--pink,
.features__image-bg--img,
.usage-benefits__video,
.usage-benefits__button a,
.advantages__button a  {
	position: absolute; 
}

.product-intro__white,
.product-intro__pink {
	left: 20px;  top: 25%;
}

.product-intro__white {
	transform: rotate(-7.84deg);
	width: clamp(240px, calc(211.69px + 12.77vw), 457px);
	height: clamp(189.32px, calc(5.97vw + 171.62px), 286px);
}

.product-intro__pink {
 	transform: rotate(7.84deg);
	width: clamp(240px, calc(211.69px + 12.77vw), 457px);
	height: clamp(189.32px, calc(5.97vw + 171.62px), 286px);
}

.product-intro__img {
	bottom: 20px;
}

.product-intro__svg {
	height: 20px;
}

.product-intro__svg div{
	width: clamp(250px, calc(185px + 22vw), 600px);
}

.product-intro__svg svg {
	animation: rotateCircleTop 120s linear infinite;
	position: relative;
	top:-50px;
	left: 55%; 
	width: 172px;
	height: 172px;
	z-index: 3;
}


@keyframes rotateCircleTop {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.product-intro__img img{
	width: clamp(250px, calc(205px + 15vw), 495px);
}

.product-intro__list, 
.usage-benefits__row--1,
.usage-benefits__row--2,
.advantages__panel-list,
.reviews__list,
.product-card__single-chair,
.product-card__chair-thumbnails {
	display: grid;
} 

.product-intro__list,
.product-card__single-chair  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}    

.product-intro__list {
    column-gap: 38px;
    row-gap: 38px;
}

.product-intro__list li {
    padding: 40px 40px 40px 94px;
    align-self: start; 
    min-height: 292px;
}

.product-intro__list li:nth-child(2) {
    transform: translateY(56px);
}

.product-intro__list li:nth-child(4) {
    transform: translateY(56px);
}

.product-intro__list__icon {
	width: 85px;
	height: 85px;
	top: -5px;
	left: -20px;
	box-shadow: 0 0 0px 13px #FCE6DD; 
}

.product-intro__list h3 {
	margin-bottom: 30px;
}

.product-intro__list h3,
.features__text-title,
.reviews__header-text {
	font-size: 20px;
}



.features__title {
	margin-bottom: 125px;
}

.features__title,
.features__button a,
.usage-benefits__button a,
.advantages__button a,
.product-order__btn,
.payment__button a,
.product-intro__button a,
.footer__copyright,
.product-card__chair-details .stock-status,
.esto-title,
.esto-desc,
.esto-modal .esto-example  {
	text-align: center;
}

.new-line {
	display: block;
	height: 0;
}

.features__text-title,
.features__text-p {
	max-width: 500px;
}

.features__text-title {
	font-weight: 500;
	margin-bottom: 58px;
}

.span-bold {
	font-family: 'Jost-SemiBold', sans-serif;
}
	

.features__content {
	gap: 50px;
}


.features__image-bg--white {
	transform: rotate(-7.84deg);
	width: clamp(250px, calc(171.0px + 26.23vw), 753.78px);
	height: clamp(189.32px, calc(21.02vw + 126.25px), 529.85px); 
	aspect-ratio: 753.78 / 529.85;

}

.features__image-bg--pink {
	transform: rotate(7.84deg);
	width: clamp(250px, calc(171.0px + 26.23vw), 753.78px);
	height: clamp(189.32px, calc(21.02vw + 126.25px), 529.85px); aspect-ratio:  753.78 / 529.85;
	box-shadow: 10px 10px 25px rgba(36, 36, 66, .3);
}

.features__image-bg--white,
.features__image-bg--pink,
.features__image-bg--img {
	top: 0;
	left: 0;
} 

.features__image-bg--img {
	transform: rotate(8.64deg);
	aspect-ratio: 644 / 503;
}


.features__image-bg--img img {
	width: clamp(250px, calc(177.04px + 24.32vw), 644px);
	/*height: clamp(189.32px, calc(128.72px + 20.27vw), 517px);*/
}

.features__text-p {
	padding: 32px 0;
}

.features__text-p:nth-of-type(1),
.features__text-p:nth-of-type(2) {
	border-bottom: 1px dashed #242442;	
}

.features__button {
	margin-top: 100px;
}

.features__button a,
.usage-benefits__button a,
.advantages__button a,
.payment__button a,
.product-intro__button a {
	padding: 12px clamp(12px, 6vw, 93px);  
}


.usage {
	margin-bottom: 250px;
}

.usage-benefits {
    margin-top: -150px; 
}

.usage-header,
.advantages-header,
.product-order {
	max-width: 1806px;
}

.usage-header,
.advantages-header {
	padding-bottom: 150px;
}

.usage-header {
	height: clamp(300px, calc(249.30px + 16.98vw), 575px); 
}


.usage-header__block,
.advantages-header__block  {
	padding: 100px 20px 20px 20px; 
	width: 95%;
}

.usage-benefits,
.advantages__panel {
	padding: 84px 64px 100px 64px;	
}

.usage-benefits__row--1,
.usage-benefits__row--2  {
	grid-template-columns: repeat(3, 1fr);
	gap: 46px;
}

.usage-benefits__row--1 {
	margin-bottom: 126px;
}


.usage-benefits__img-flow {
	grid-column: 2 / 4;
}

.usage-benefits__video {
	top: -200px;
	left: 30px;
	transform: rotate(-3.19deg);
	width: clamp(250px, calc(132.04px + 39.32vw), 887px);
	/*height: clamp(200px, calc(132px + 21.98vw), 556px);*/
	height: auto;
	border-radius: 50px;
}

.usage-benefits__icon {
	width: 50px;
	height: 50px;
	margin-bottom: 30px;
}

.usage-benefits__button,
.advantages__button {
	min-height: 50px;
}

.usage-benefits__button,
.advantages__button a {
	bottom: -100px;
} 

.usage-benefits__button a,
.advantages__button a  { 
	left: 50%;
	transform: translate(-50%, 0);
} 


.usage-benefits__button a:active,
.advantages__button a:active  { 
	transform: translate(-50%, 4px) ;
} 


.usage-benefits__button a,
.advantages__button { 
	bottom: -24px;
} 



.advantages-header__title{
	flex: 1 1 40%; 
}

.advantages-header__block-img {
	  flex: 1 1 60%;
}

.advantages-header__img {
	position: absolute;
	left: -100px;
	bottom: -190px;
	width: clamp(250px, calc(125.50px + 41.50vw), 872.28px); 
	aspect-ratio: 872.28 / 521.38;
}

.advantages__panel {
	top: -130px;
	min-height: 637.20px;
}


.advantages__panel-list {
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}



.product-order__header,
.product-order__make {
	min-height: 292px; 
}

.product-order__make,
.product-order__left,
.footer__payments {
	flex-wrap: wrap;
}

.product-order__make {
	top: -236px;
	padding: 60px 66px;
}


.product-order__left {
	gap: 38px;
}


.product-order__btn {
	padding: 15px 100px;
	transition: background 0.3s ease;
	box-shadow: 0 0 0 #3a3a66, 0 6px 12px rgba(0,0,0,0.2);
}

.product-order__btn:hover {
	background-color: #242442;
	color: #FFFFFF;
}

.product-order__btn:active {
	box-shadow: 0 4px 0 rgba(58, 58, 102, .5), 0 6px 12px rgba(0,0,0,0.2);
	background: transparent;
	color: #242442;
	transform: translateY(4px);
}



.product-order__link-icon {
	margin-right: 35px;
}

.product-order__price,
.product-order__discount {
	font-size: 36px;	
}

.product-order__price {
	  margin-right: 40px;
    display: inline-block;
}

.product-order__price::before {
    content: "";
    position: absolute;
    inset: 50% -2px auto -8px;
    height: 2px;
    background: #242442;
}

.product-order__discount {
	width: clamp(92px, calc(86.81px + 1.73vw), 120px);
	height: clamp(92px, calc(86.81px + 1.73vw), 120px);
	background: #C90028;
	border-radius: 50%; 
	transform: rotate(-17.42deg);
}


.reviews,
.section__reviews {
	padding-bottom: 150px;
	margin-bottom: 150px;
}

.reviews__header-vertical {
	width: 280px;
    height: 100px;
}

.reviews__header-vertical svg {
  animation: rotateCircle 120s linear infinite; 
  width: 280px;
  height: 280px;
  position: absolute; 
  inset: 0;
}

@keyframes rotateCircle {
  from { transform: translate(-20px, -20px) rotate(0deg); }
  to   { transform: translate(-20px, -20px) rotate(360deg); }
}

.reviews__header-title {
	max-width: 680px;
	margin-bottom: 63px;
}

.reviews__header-text {
	max-width: 318px;
}

.reviews__list {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 34px;
}

.reviews__item {
	padding: 30px;
}

.reviews__item:nth-child(3n + 2){
    transform: translateY(75px);
}

.reviews__item:nth-child(3n + 3) {
    transform: translateY(150px);
}

.reviews__item-header {
	margin-bottom: 23px;
}

.reviews__item-header img{
	width: 50px;
	height: 50px;
	margin-right: 27px;
}

.reviews__item-title {
	min-height: 10px;
	font-weight: 400;
}

.reviews__item-text {
	padding-left: 30px;
}


.payment {
	max-width: 1920px; 
	padding-bottom: 128px;
}

.payment__content {
	gap: 70px;   
}
.payment__images,
.payment__text-blocks{
	flex: 1 1 280px;
}

.payment__image-bg--pink {
	width: 70vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	min-height: 408px;	
	border-radius: 0px 50px 50px 0px;	
}

.payment__image-bg--pink img { 
	bottom: -25px;
	width: clamp(250px, calc(217.036px + 10.988vw), 428px);
	aspect-ratio: 428 / 554;height: auto;
}

.payment__text-blocks {
	padding-right: 20px; 
}

.payment__title {
	max-width: 546px;
	margin-bottom: 60px;
}

.payment__button {
	margin-bottom: 30px;
}



.footer__top {
	padding: 40px 40px 0 40px;
	margin-bottom: 40px;
	gap: 30px;
	flex: 1 1 200px;
}

.footer__column-menu {
	gap: 100px; 
}

.footer__social {
	gap: 10px;
}


.footer__contacts p{
	margin-bottom: 5px;
}

.footer__nav-item {
	margin-bottom: 15px;
}

.footer__payments {
	max-width: 350px; 
	gap: 10px;
}


.footer__payments img {
	min-width: 10px;  
}

.footer__payments div {
 justify-content: start; 
}

.footer__bottom {
	padding: 20px 0;
}

.footer__copyright {
	margin: 0 20px;; 
}



/*Single Product Chair*/

.body-single-page-chair.customize-support header,
.body-single-page-chair header {
	margin-bottom: 20px;
}

body.body-single-page-chair,
body.body-single-page-chair .header__nav {
	background: #F9F9F9;
}

body.customize-support header {
	margin-bottom: 30px;
}

.product-card__chair-wrapper {
	margin: 0 auto;
	font-family: 'OpenSans-Regular', sans-serif;
}

.product-card__chair-wrapper {
	max-width: 1200px;
}

.product-card__single-chair {
	gap: 40px;  
}

.product-card__chair-gallery,
.product-card__chair-gallery img {
	max-width: 560px;
}


.product-card__chair-thumbnails {
	grid-template-columns: repeat(auto-fill, minmax(91px, 1fr));
	gap: 5px;
	margin-top: 16px;
} 

.single-variation__chair-wrap,
.product-card__chair-details table  {
	margin-bottom: 30px;
}

.product-card__chair-details .stock-status{
	  background-color: rgb(119, 164, 100);
	  color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.03rem;
    width: 150px;
    padding: 5px 9px;
    border-radius: 4px;
    margin: 10px 2px 20px;
}

.product-card__chair-details h1 {
	margin-bottom: 20px;
	color: #444A5C;
}

.product-card__chair-price-block del, 
.product-card__chair-price-block del span {
	font-size: 20px;
	color: #9fa2ab;
}

.product-card__chair-price-block ins {
	text-decoration: none;
}

.product-card__chair-price-block ins span, 
.product-card__chair-price-block ins bdi {
	font-size: clamp(35px, calc(33.15px + 0.617vw), 45px);
	color: #5E6372;
}


/*Esto block Modal start*/

.esto-box-content p {
	font-size: 14px;
}

.esto-box-content span {
    font-weight: 600;
    color: #2c3c48;
}

.esto-details-more {
    text-decoration: underline;
}

.esto-details-more:hover {
    text-decoration: none;
}

.esto-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgb(129, 215, 210, .6);
  display: none;
  z-index: 999;
  padding: 20px 0;
  overflow-y: auto;
}

.esto-modal {
  background: #ffffff;
  padding: 20px;
  width: 500px;
  max-width: 90%;
  max-height: 90vh; 
  overflow-y: auto; 
  border-radius: 15px;
  box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
}

.esto-modal p,
.esto-modal div {
	color: #5E6372;
	font-size: 14px;
	margin: 10px 0;
}

.esto-details-more,
.esto-close-btn,
.faq__question  {
	cursor: pointer;
}

.esto-close-btn {
	display: inline-block;
  position: absolute;
  background: none;
  border: none;
  font-size: 24px;
  color: #666;
  transition: transform 1s ease ;
}

.esto-close-btn:hover {
	transform: rotate(180deg);
}

.esto-title {
  font-size: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #313d46;
}

.esto-desc {
  margin-bottom: 30px;
}

.esto-modal .esto-example {
  margin-bottom: 20px;
  font-weight: bold;
}

.esto-option {
  background: #fafafa;
  border-radius: 0.75rem;
  padding: 20px;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.29);
}

.esto-option-head {
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.esto-option-head .esto-price,
.variations__chair .reset_variations:hover {
	color: #00c1af;
}

.esto-option-head .esto-price {
  font-weight: bold;
}

.esto-option-head .esto-duration,
.esto-highlighted {
	background: #00c1af;
}

.esto-option-head .esto-duration {
  color: #5E6372;
  padding: 0.2rem 0.7rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
}

.esto-highlighted {
  font-weight: bold;
  text-align: center;
}

.esto-option-body {
  text-align: start;
}

/*Esto block Modal end*/


.quantity,
.quantity .input-text.qty.text {
	display: none;
}

.variations__chair label{
	margin-right: 20px;
}

.variations__chair th{
	text-align: left;
}


.variations__chair select {
  -webkit-appearance: none;  
  appearance: none;
  padding:  8px 40px 8px 16px;
  border: 2px solid #666;
  border-radius: 3px;
  color: #585866;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.variations__chair select:focus,
.variations__chair select:active {
  border: 2px solid  #00c1af;
}  

.variations__chair th {
	text-align: left; vertical-align: top;
}

.variations__chair .reset_variations {
    margin-top: 6px;
}

.variations__chair .reset_variations,
.pay-delivery__chair-block p,
.post-container-wrpaper .post-text {
	font-size: 13px;
}

.variations__chair option {
	font-size: 16px;
}

.single_variation__chair-wrap .single_add_to_cart_button {
	padding: 15px 90px;
	background: #81d8d0;
	border: 1px solid #81d8d0;
	font-weight: 700;
	color: #444a5c;
	margin-bottom: 10px;
	transition: all 2s ease;box-shadow: 0 4px 0 #5fbfb6;
}

.single_variation__chair-wrap .single_add_to_cart_button:hover {
	background: #FFFFFF;
}

.single_variation__chair-wrap .single_add_to_cart_button:active {
	background-color: #5fbfb6;
	transform: translateY(4px);box-shadow: 0 0 0 #5fbfb6;
}

.pay-delivery__chair-block {
	margin-bottom: 30px;
}


.pay-delivery__chair-block img {
	width: 20px;
	height: 20px;
} 

.pay-delivery__chair-block p {
	color: #b8bbc2;
}

.product-return-box-title,
.product-return-box-description {
	color: #5d6371;
}

.product-return-box-title {
	font-weight: 600;

}

.product-return-box-description {
	  font-size: 12px;
    font-weight: 400;
}

.product-return-box-description>a {
	text-decoration: underline; 
}

.product-return-box-description>a:hover {
	text-decoration: none; 
}

.post-container {
	flex-wrap: wrap;
	justify-content: start;
	height: auto;
	margin-top: 50px;
	gap: 20px;
}	




/*Section Upsides, Specification, Positions, Reviews Start */

.section__upsides,
.section__specification,
.section__positions,
.section__terms-of-use {
  padding: 80px 20px;
}

.section__upsides,
.section__specification,
.section__positions,
.section__terms-of-use{
  background: #faf5f2;
}

.container__upsides,
.container__specification,
.container__positions,
.container__terms-of-use {
  gap: 80px;
}

.container__specification  {
  flex-direction: row-reverse;
}

.section__specification .image-block,
.section__upsides .image-block {
  flex: 0 0 45%;
}

.section__upsides img {
	aspect-ratio: 540 / 671;
}

.section__specification .image-block img,
.section__upsides .image-block img {
  border-radius: 30px;
  display: block;
}

.section__specification .image-block img,
.section__upsides .image-block img,
.positions-image img  {
	box-shadow: -11px 12px 50px -20px black;
}

.section__specification .text-block,
.section__upsides .text-block,
.section__positions .positions-image,
.section__positions .positions-content,
.content__terms-of-use,
.media__terms-of-use {
  flex: 1;
}

.section__specification .text-block h2,
.section__upsides .text-block h2,
.positions-block h2,
.title__terms-of-use,
.faq__title {
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: 500; 
  margin-bottom: 0;
}

.list__upsides,
.positions-block ul,
.list__terms-of-use {
  list-style: none;
}

.list__upsides li,
.list__terms-of-use li {
  padding-left: 28px;
  margin-bottom: 18px;
}

.list__upsides li::before,
.positions-block li::before,
.list__terms-of-use li::before {
  content: "○";
  position: absolute;
  left: 0;
  color: #4b5a6a;
}

.list__upsides .highlight {
  margin-top: 25px;
  font-weight: 600;
}

.section__specification .specs p {
  margin-bottom: 14px;
}

.section__specification .specs strong {
  font-weight: 600;
}

.section__specification img {
	aspect-ratio: 540 /810;
}


.positions-image img {
  border-radius: 20px;
  aspect-ratio: 560 / 340;
}

.positions-block {
  margin-bottom: 50px;
}

.positions-block li {
  padding-left: 26px;
  margin-bottom: 16px;
}


.media__terms-of-use video {
  max-width: 480px;
  border-radius: 30px;
  object-fit: cover;
  transform: translate(10px, 5px) rotate(-5deg);
	box-shadow: -11px 12px 50px -20px black; 
}


.section__reviews {
	padding-top: 80px;
	padding-left: 20px;
	padding-right: 20px;
	/*min-height: 800px;*/
}

.section__reviews .reviews__item-text{
	min-height: 100px;
}

 /*Section Upsides, Specification, Positions, Reviews End*/


/*Faq Start*/

.faq {
  padding: 60px 20px;
}

.faq__container {
  max-width: 1000px;
}

.faq__item {
  border-bottom: 3px solid #dcdcdc;
  border-radius: 10px;
  margin-bottom: 6px;
}

.faq__question {
  text-align: left;
  padding: 20px 64px 20px 20px;
  background: none;
  border: none;
}

.faq__icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);    
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e2e2e2;
  font-family: Arial, sans-serif;
  line-height: 1;  
  font-size: 25px; 
  color: #555;
  transition: 0.3s ease;
}

.faq__icon::before {
  content: "\002B"; 
}

.faq__item.active .faq__icon::before {
  content: "\00D7"; 
}

.faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 20px;
  color: #666;
  font-size: 16px;
}

.faq__item.active .faq__answer {
  max-height: 200px;
  padding: 0 20px 20px;
  padding-left: 30px; 
  overflow-y: auto; 
}

/*Fag End*/


/*Woocommerce Image Zoom Start*/

.woocommerce-product-gallery__image {
  width: 100%;
  max-width: 560px;
  overflow: hidden;
}

.woocommerce-product-gallery__image img:hover {
    transform: scale(1.2);
}

.product-card__chair-gallery .wp-post-image {
    max-width: 100%;
    height: auto;
}

.woocommerce-product-gallery__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.3s;
}

/*Woocommerce Image Zoom End*/


.header-cart-chair {
    gap: 8px; 
    padding: 6px 10px;
    border:1px solid  #242442;
    color: #fff;
    border-radius: 12px;
    font-size: clamp(12px, 1.5vw, 16px); 
    min-width: 30px; 
    margin-left: 20px; 
    margin-right: 20px;
}

.header-cart-chair span{
    font-size: 14px;
}

.header-cart-chair .cart-count-chair,
.header-cart-chair .cart-total-chair {
    display: inline-block;
    min-width: 24px; 
    text-align: center;
}


/*Cart*/
.wp-block-woocommerce-cart-order-summary-block {
		padding: 20px;
}


/*Screen readers*/
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/*body {
    font-family: Arial, sans-serif !important;
}*/



@media all and (max-width: 1100px) {

	h1, h2, h3 {
		line-height: 1.3;
	}

	p {
		line-height: 1.8;
	}

	header {
		justify-content: space-between;
		position: relative;
	}

	header,
	.product-header,
	.product-header__hero,
	.features__title,
	.features__text-title,
	.advantages,
	.advantages-header__title {
		margin-bottom: 50px;
	}

	.header__nav,
	.menu__item,
	.advantages-header__title,
	.advantages-header__block-img {
		width: 100%;
	}

	.header__nav {
		justify-content: center;
	}

	.header__nav {
		display: none;
		position: absolute;
		z-index: 5;
		top: 100%;
		right: 0;
		margin: 0 ;
		border: 2px solid #444A5C;
		border-radius: 20px;
		/*max-height: 0;*/
		opacity: 0;
		transition: max-height 0.3s, opacity 0.3s;
	}

	.header__nav ul,
	.product-header__block,
	.advantages-header__block {
		flex-direction: column;
	}

	.header__nav ul {
		gap: 0px;
		padding: 20px 0;
	}

	.header__nav.show__menu {
		display: block;
		opacity: 1;
		/*max-height: 500px;*/
	}

	.header__burger {
      order: 3;
  }

  .cart-chair {
      order: 2;
  }

	.menu__item {
		padding: 20px 0;
		border-bottom: 1px solid #FCE6DD;
		text-align: center; 
	}

	.menu__item:hover {
		background: #FCE6DD;
	}

	.header__burger {
		display: flex;
	}

	.header__button {
		display: none;
	}


	.product-header {
		flex-direction: column-reverse;
	}

	 .product-header__block, 
	 .product-header__description {
	 	align-items: start;
	 }

	.product-header__title,
	.product-header__description {
		flex-basis: 100%; 
	}

	.product-header__title {
		margin-bottom: 36px;
	}

	.product-header__description p {
		margin-bottom: 40px; 
	}

	.product-header__description p,
	.product-header__button,
	.features__text-title,
	.features__text-p  {
		max-width: 1100px; 
	}

	.product-header__pink {
		display: none;
	}


	.product-intro__header,
	.features__content {
		flex-direction: column;
	}

	.product-intro__header{
		margin-bottom: 150px;
	}

	.product-intro__title,
	.product-intro__gallery,
	.features__content,
	.features__image{
	  flex: 0 0 100%;
	}

	.product-intro__title {
		margin-bottom: 100px;
	}

	.product-intro__title span {
		margin-bottom: 24px;
	}

	.product-intro__white,
	.product-intro__pink,
	.features__image-bg--img {
		left: 0px; 
	}


	.product-intro__list {
	    gap: 98px;
	    margin-bottom: 40px; 
	}

  .product-intro__list,
	.advantages__panel-list {
        grid-template-columns: 1fr;
  	}

    .product-intro__list li {
      padding: 40px;
	}

    .product-intro__list li:nth-child(2) {
    	transform: translateY(0px);
	}

	.product-intro__list li:nth-child(4) {
	    transform: translateY(0px);
	 }

	.product-intro__list__icon {
		top: -20%;             
  		left: 50%;  
		transform: translate(-50%, 20%); 
	}

	.product-intro__list h3 {
		margin-top: 70px;
	}

	.product-intro__list h3,
	.features__text-title {
		font-size: 18px;
	}

	.features__image {
		margin-bottom: 60px;
		justify-content: center; 
	}

  	.features__image-bg--white{
  		transform: rotate(-15deg);
  	}

	.features__image-bg--pink,
	.features__image-bg--img {
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	} 


	.features__text-p {
		padding: 32px 0;
	}

	.features__button {
		margin-top: 70px;
	}


	.usage {
		margin-bottom: 200px;
	}

	.usage-header,
	.usage-benefits,
	.advantages-header,
	.advantages__panel,
	.product-order__header {
		width: 100vw;
		margin-left: calc(50% - 50vw);
  		margin-right: calc(50% - 50vw);
  		border: none;
  		border-radius: 0;
	}

	.usage-header__block,
    .advantages-header__block  {
	    padding: 64px 20px 20px 20px;
	}

	.usage-benefits {
	    margin-top: 0;
	}

	.usage-benefits,
	.advantages__panel {
	    padding: 0px 0px 100px 0px; 
	    border-top: 1px solid #242442;
	    border-bottom: 1px solid #242442;
	    border-radius: 25px;
	}

	.usage-benefits__list,
	.advantages__panel-list {
		padding: 20px; 
		width: 95%;
	}

	.usage-benefits__row--1,
	.usage-benefits__row--2  {
		grid-template-columns: 1fr;
		gap: 80px;
	}

	.usage-benefits__row--1 {
		margin-bottom: 80px;
	}

	.usage-benefits__row--1 .usage-benefits__item:first-child {
		order: 2;
	}


	.usage-benefits__img-flow {
		grid-column: auto; 
		order: 1;
	}

	.usage-benefits__video {
		top: auto;
		left: 0;
		bottom: 0;
	}

	
	.usage-benefits__button a,
	.advantages__button { 
			bottom: 0px;
	} 


	.advantages-header {
		padding-bottom: 50px;
	}


	.advantages-header__block {
		align-items: start;
	}

	.advantages-header__title,
	.advantages-header__block-img {
		 flex: 100%;
	}

	.advantages-header__block-img,
	.advantages-header__img {
		position: static;
	}

	.advantages__panel-list {
		gap: 20px;
	}

	.advantages__panel-item:first-child {
		margin-top: 80px;
	}


	.reviews,
	.section__reviews {
		padding-bottom: 80px;
	}

	.reviews__header-vertical svg {
	    width: 200px;
	    height: 200px;
	}
	
	.reviews__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.reviews__header-title {
		margin-bottom: 54px;
	}

	.reviews__item:nth-child(even) {
	    transform: translateY(75px);
	}

	.reviews__item:nth-child(odd) {
	    transform: translateY(0);
	}

	.payment__content {
		flex-direction: column;
	}

	.payment__image-bg--pink {
	    justify-content: start;
	    width: 90vw;
	}

	.footer__top {
		flex-wrap: wrap; 
		justify-content: start;
	}

	.footer__column-menu {
		justify-content: start;
	}

}


@media all and (max-width: 768px) {

	.product-order__make {
		gap: 30px;
		padding: 40px 40px 30px 40px;
	}

  .product-order__make,
	.product-order__left {
		justify-content: center; 
		align-items: center;
	}

	.product-order__title {
		min-height: 50px;
	}

	.product-order__link-icon {
		display: none;
	}


	.reviews,
	.section__reviews {
		padding-bottom: 20px;
	}

	.reviews__header {
		flex-direction: column-reverse;
		margin-bottom: 23px;
	}

	.reviews__header-vertical {
		height: 20px;
	}

	@keyframes rotateCircle {
	  from { transform: translate(-80px, -40px) rotate(0deg); }
	  to   { transform: translate(-80px, -40px) rotate(360deg); }
	}

	.reviews__list {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.reviews__item,
  	.reviews__item:nth-child(even),
	.reviews__item:nth-child(odd) {
	    transform: none;
	}

	.reviews__header-block {
		display: flex; 
		flex-direction: column;
	}

	.reviews__header-text {
		max-width: 200px;
		align-self: end;
	}

	.payment__button a  {
		display: block;
		text-overflow: ellipsis; 
		overflow: hidden;  
	}

	.footer__column-menu {
		gap: 50px; 
	}

  .product-card__single-chair {
    grid-template-columns: 1fr;
  }

  .container__upsides,
  .container__specification,
  .container__positions {
	  flex-direction: column;
	}

	.container__terms-of-use  {
	  flex-direction: column-reverse;
	}

	.section__reviews {
		margin-bottom: 50px;
	}
	
}


@media all and (max-width: 480px){
	.product-header__button a {
		margin-right: 5px;
	}

	.product-header__link-icon {
		height: 20px;	
		width: 20px;
	}

	.product-intro__title {
	    margin-bottom: 50px;
	}

	.features__title {
		text-align: start;
	}

	.features__button a,
	.usage-benefits__button a,
	.advantages__button a  {
		font-size: 16px;
	}

	.product-order__make {
		padding: 40px 20px 30px 20px;
	}

	.reviews__header-vertical {
		width: 200px;
	}

	.reviews__header-text {
		font-style: 14px;
	}

	.footer__column-menu {
		flex-wrap: wrap;
	}

	.header-cart-chair {
		margin-left: 0px; margin-right: 8px;
	}

	.section__upsides, 
	.section__specification, 
	.section__positions, 
	.section__terms-of-use {
	  padding: 40px 20px;
	}

}



@media all and (max-width: 400px){


	.product-intro__svg svg {		
		left: 45%;
		width: 140px;
		height: 140px;
	}


	.product-intro__list li {
	    padding: 20px 20px 40px 20px;
	}

	.product-intro__list__icon {
		top: -15%;   
		transform: translate(-50%, 15%); 
	}


	.product-intro__button a,
	.features__button a,
	.usage-benefits__button a,
	.advantages__button a {
		display: block;
		text-overflow: ellipsis; 
		overflow: hidden; 
  		max-width: 240px; 
	}

  .product-order__btn {
		padding: 15px 60px;
	}


	.reviews__list {
		min-width: 200px;
	}

	.reviews__item {
		padding: 30px 20px;
	}
  
  .reviews__item-text {
  	padding-left: 20px;
  }

  .header-cart-chair .cart-total-chair {
  	display: none;
  }

}


@media all and (max-width: 300px){

	.product-intro__list li {
	    padding: 20px 14px 40px 14px;
	}

} 
  
