.wapf {
	display: none;
}

.site-main{
	margin: 0 auto;
}

.product .container {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 3em 0;
}

.product-content.container {
	padding: 0;
	padding-bottom: 2em;
}

.single-product-images {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1 1 45%;

    gap: 10px;
}

.summary {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1 1 calc(55% - 30px);

	margin: 0;
}

.single-product-images:has(.thumbnails-column) .main-image-column {
	flex-basis: calc(85% - 10px);
}

.single-product-images .product-breadcrumbs {
	display: none;
}

.thumbnails-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15%;
}

.thumbnail-carousel {
    display: flex;
    flex-direction: column;
    row-gap: 2px;
    width: 100%;
    /*max-height: 300px;*/
    max-height: unset;
    overflow-y: auto; /* Вертикальне прокручування */
}

.carousel-thumbnail {
	display: flex;
}

.carousel-thumbnail img {
    width: 100%;
    cursor: pointer;
}

.thumb-nav {
	width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 20px 10px;
    display: none; /* За замовчуванням приховано, буде відображено лише при більшій кількості зображень */
}

.thumb-nav:hover,
.thumb-nav:focus {
	background: transparent;
}

.main-image-column {
    flex-basis: calc(100% - 10px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.main-image {
	display: flex;
	width: 100%;
	height: 540px;
}

.main-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mobile-carousel {
    display: none; /* Спочатку прихована, відображатиметься тільки на мобільних */
}

.product-breadcrumbs, .product-breadcrumbs a {
	font-size: 17px;
	color: #000;
	text-decoration: none;

	display: none;
}

.product-desc {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.product-title h1 {
	font-size: 35px;
	line-height: 110%;
	font-weight: 500;
	color: #63092B;
	text-transform: uppercase;

	margin: 0;
}

.product-full-description {
	font-size: 17px;
	font-weight: 400;

	color: #000000;
}

.product-full-description p {
	margin: 5px 0;
}

.important-note {
	display: flex;
	flex-direction: column;

	gap: 10px;
    margin: 2em 0;

}

.note-title {
	display: flex;
	gap: 10px;
	align-items: center;

	font-size: 17px;
	color: #000;
	text-transform: uppercase;
}

.note-title span {
	background: #63092B;
	padding: 0px 10px;
	font-size: 20px;
	color: #fff;
}

.note-value {
	font-size: 17px;
	font-weight: 400;
	color: #000;

	width: fit-content;
	padding-bottom: 10px;
	border-bottom: 1px solid #FDF7ED;

	display: flex;
	flex-direction: column;
	row-gap: 5px;
}

.note-value p {
	margin-bottom: 5px;
}

.single-product-price {
	margin: 10px 0;
	margin-top: 40px;
}

.single-product-price p {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 35px;
	font-weight: 400;

	margin: 0;
}

.single-product-price p span.stock-status {
	font-size: 17px;
	font-weight: 400;
	line-height: 110%;
	color: #000000;

	text-transform: uppercase;

	display: flex;
	align-items: center;
	gap: 10px;
}

.single-product-price p span.stock-status i.stock-circle {
    display: inline-flex;
    width: 22px;
    height: 22px;
    position: relative;
    align-items: center;
    justify-content: center;
}

.single-product-price p span.stock-status i.stock-circle:before {
    content: '';
    width: 22px; /* Розмір центрального кола */
    height: 22px;
    background-color: #EFB50E;
    border-radius: 50%;
    /* Створюємо кільце за допомогою border та відступу */
    border: 2px solid #EFB50E;
    padding: 3px; /* Проміжок між кільцем та колом */
    background-clip: content-box;
}

.single-product-price .amount,
.single-product-price .price {
	font-size: 42px;
	font-weight: 500;
	line-height: 110%;

	color: #63092B;
}

.wine-specs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.wine-specs .specs-item {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.wine-specs .specs-item .item-name {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;

	color: #63092B;
}

.wine-specs .specs-item .item-value {
	font-size: 17px;
	font-weight: 400;
	line-height: 110%;

	color: #000;
}

.woovr-variations {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.woovr-variations .woovr-variation {
	background: #FDF7ED;
	padding: 10px 10px;

	min-width: 330px;
	width: fit-content;
}

.woovr-variations .woovr-variation:hover, .woovr-variations .woovr-variation:focus {
	background: #FDF7ED;
}

.woovr-variations .woovr-variation > div {
	display: flex;
	align-items: center;
	gap: 5px;
}

.woovr-variation-name label, .woovr-variation-price .amount {
	font-size: 21px;
	font-weight: 300;
    line-height: 110%;
    color: #503629;
}

/* Приховуємо стандартний вигляд радіо-кнопки */
.woovr-variation-selector input[type="radio"] {
    accent-color: #503629;
}

.woocommerce-variation-add-to-cart.variations_button, .woocommerce-variation-add-to-cart {
	padding: 1em 0;

	display: flex;
	flex-direction: row;
	gap: 25px;
}

.woocommerce-variation-add-to-cart.variations_button .shoco-btn, .woocommerce-variation-add-to-cart .shoco-btn {
	font-size: 20px;
	text-transform: uppercase;
	padding: 14px 30px;

	gap: 5px;

	border: unset;
	border-radius: 0;
}

.woocommerce-variation-add-to-cart.variations_button .shoco-btn svg, .woocommerce-variation-add-to-cart .shoco-btn svg,
.woocommerce-variation-add-to-cart .shoco-btn span.added-mark {
	width: 30px;
	height: 30px;

	margin-left: 0;
}

.shoco-btn.added .added-mark {
	justify-content: center;
}

.single-add-to-cart .custom-quantity-wrapper input[type="number"] {
	height: 100%;

	width: 40px;
}

.single-add-to-cart .custom-quantity-wrapper .quantity-decrease,
.single-add-to-cart .custom-quantity-wrapper .quantity-increase {
	padding: 13px 15px;
}

/*	.wapf {
	display: none;
}*/

.image-placeholder {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;

	background: #FDF7ED;
	padding: 25px 30px;

	max-height: 540px;

	width: calc(15% - 10px);
}

.image-placeholder span {
	writing-mode: sideways-lr;
	text-align: center;

	font-family: Adobe Handwriting Tiffany;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #D5BA8D;

	text-transform: uppercase;
}


@media (max-width: 767px) {


	.container.product-content {
	flex-direction: column;
}

	.product .container {
		padding: 2em 20px;
	}

	.product-content.container {
		padding-top: 0;
		padding-bottom: 2em;
	}

	.summary .product-breadcrumbs {
		display: none;
	}

	.thumbnails-column, .main-image-column {
		display: none;
	}

	.main-image {
		height: auto;
		max-height: 400px;
	}

	/* Контейнер для мобільної каруселі */
	.mobile-carousel {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
	}

	/* Карусель на всю ширину */
	.carousel-mobile {
	    width: 100%;
	}

	/* Стовпці каруселі */
	.carousel-cell {
	    width: 100%; /* На всю ширину контейнера */
	    max-height: 250px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 0; /* Відсутність відступів */
	    box-sizing: border-box;
	}

	/* Зображення квадратне і заповнює блок */
	.carousel-cell img {
	    width: 100%;
	    height: 100%;
	    max-height: 250px;
	    object-fit: contain !important;
	}

	.flickity-page-dots {
		display: flex;
	}

	.flickity-page-dots .dot {
		flex: 1 1 auto;
		height: 2px;
		background: #FDF7ED;
	}

	.flickity-page-dots .dot.is-selected {
		background: #63092b4f;
		border-radius: 0;
		margin: 0;
		height: 0.35px;
	}

	.summary {
		padding-right: 0;
	}

	.single-product-images {
		gap: 10px;
	}

	.single-product-images .product-breadcrumbs {
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
	}

	.single-product-images .product-breadcrumbs, .single-product-images .product-breadcrumbs a  {
		font-size: 11px;

		display: none;
	}

	.product-desc {
		padding-top: 15px;
	}

	.product-title h1 {
		font-size: 25px;
	}

	.product-full-description, .product-weight {
		font-size: 13px;
	}

	.single-product-price p {
		margin: 0;
	}

	.product-desc .amount, .product-desc .price {
		font-size: 25px;
	}

	.single-product-price p span.stock-status {
		font-size: 11px;
	}

	.single-product-price p span.stock-status i.stock-circle {
	    width: 14px;
	    height: 14px;
	}

	.single-product-price p span.stock-status i.stock-circle:before {
	    width: 14px; 
	    height: 14px;
	    border: 1px solid #EFB50E;
	    padding: 2px; 
	}

	.important-note {
		margin: 1em 0;
	}

	.note-title {
		gap: 5px;
	}

	.note-title, .note-title span {
		font-size: 13px;
	}

	.note-value {
		font-size: 11px;
	}

	.single-product-price .amount,
	.single-product-price .price {
		font-size: 24px;
	}

	.single-product-price .price {
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
	}

	.woocommerce-variation-add-to-cart.variations_button, .woocommerce-variation-add-to-cart {

	}

	.woocommerce-variation-add-to-cart.variations_button .quantity {
		flex: 1;
	}

	.woocommerce-variation-add-to-cart .shoco-btn {
		flex: 2;
	}

	.single-add-to-cart .custom-quantity-wrapper .quantity-decrease,
	.single-add-to-cart .custom-quantity-wrapper .quantity-increase {
		padding: 7px 15px;
	}

	.woovr-variations {
		gap: 10px;
	}

	.woovr-variations .woovr-variation {
		padding: 15px 10px;

		min-width: unset;
		width: 100%;
	}

	.woovr-variation-name label, .woovr-variation-price .amount {
		display: flex;
		font-size: 15px;
	}

	.woovr-variations .woovr-variation > div {
		padding: 0;
	}
	.woocommerce-variation-add-to-cart.variations_button .shoco-btn, .woocommerce-variation-add-to-cart .shoco-btn {
		font-size: 14px;
		padding: 12px 19px;
	}

	.woocommerce-variation-add-to-cart.variations_button .shoco-btn svg, .woocommerce-variation-add-to-cart .shoco-btn svg {
		width: 14px;
		height: 14px;
	}

	.woocommerce-variation-add-to-cart.variations_button .shoco-btn svg, .woocommerce-variation-add-to-cart .shoco-btn svg, .woocommerce-variation-add-to-cart .shoco-btn span.added-mark {
		width: 14px;
		height: 14px;
	}

	.quantity .custom-quantity-wrapper input[type="number"] {
		width: 45px;
	}

	.wine-specs {
		gap: 10px;
	}

	.wine-specs .specs-item {
		gap: 5px;
	}

	.wine-specs .specs-item .item-name {
		font-size: 12px;
	}

	.wine-specs .specs-item .item-value {
		font-size: 14px;
	}


	.image-placeholder {
		display: none;
	}

	.product-title {
		order: 1;
	}

	.single-product-price {
		order: 2;

		margin-top: 20px;
	}

	.single-add-to-cart {
		order: 3;
	}

	.product-full-description {
		order: 4;
	}

	.product-weight {
		order: 5;
	}

	.wine-specs {
		order: 6;	
	}

	.important-note {
		order: 7;
	}

	.mobile-carousel .flickity-page-dots {
		gap: 10px;
	}

	.mobile-carousel .flickity-page-dots .dot.is-selected {
        background: #000;
        border-radius: 0;
        margin: 0;
        height: 0.35px;
	}

	.mobile-carousel .flickity-page-dots .dot {
        background: #adadad;
        border-radius: 0;
        margin: 0;
        height: 0.35px;
	}



}

/* Оверлей */
.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); /* Напівпрозорий фон */
	display: none; /* Сховати оверлей за замовчуванням */
	z-index: 1000;
	overflow: hidden; /* Забороняє скролити основну сторінку */
}

body.popup-open {
    overflow: hidden;
}

/* Кнопка закриття поп-апа */
.popup-close {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    font-size: 36px;
    font-weight: 200;
    cursor: pointer;
    color: #9ECFCA;
}

/* Поп-ап */
.popup-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	max-width: 1500px;
	max-height: 80vh; /* Максимальна висота 80% від висоти екрана */
	background: #fff;
	z-index: 1001;
	border-radius: 8px;
	padding: 50px;

	display: flex;
	flex-direction: column;

	row-gap: 30px;
}


.popup-container h2 {
	font-size: 35px;
	font-weight: 500;
	color: #503629;

	text-align: center;
	text-transform: uppercase;

	margin: 0;
}

.woo-apf-addon-total-container {
	position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 16px 24px 40px;

    background: linear-gradient(360deg, rgb(253 247 237 / 31%) 36%, rgb(253 247 237 / 38%) 86.05%);
    backdrop-filter: blur(16px);

    display: flex;
    flex-direction: column;
    gap: 16px;
}


.woo-apf-addon-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	grid-gap: 20px;

	overflow: auto;
    padding-bottom: 140px;
}

.apf-addon-item {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	justify-content: flex-start;
}

.addon-inner-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.addon-inner-content h4 {
	margin: 0;

	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #503629;
}

.addon-inner-content h4 span {
	display: block;
}

.addon-inner-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    justify-content: space-between;
}

.woo-apf-addon-total {
	font-size: 20px;
	font-weight: 400;

	color: #503629;
	text-transform: uppercase;
	text-align: center;
}

.woo-apf-final-btn {
	display: flex;
	justify-content: center;
}

.woo-apf-final-btn .shoco-btn {
    padding: 21px 70px;
    font-size: 24px;
}

.woo-apf-final-btn .shoco-btn svg {
	width: 22px;
	height: 22px;
}

@media (max-width:767px) {
	.popup-close {
		top: 10px;
	}

	.popup-container {
		width: 100%;
		max-height: 100vh;

		padding: 30px;
		padding-top: 2.5em;
		padding-bottom: 8em;
		row-gap: 20px;
	}

	.woo-apf-addon-list {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
		row-gap: 20px;

		margin-top: 10px;
	}

	.woo-apf-addon-total-container {
		bottom: 78px;
	}

	.addon-inner-content h4 {
		font-size: 12px;
		font-weight: 400;
	}

	.woo-apf-addon-total {
		font-size: 17px;
	}

	.woo-apf-final-btn .shoco-btn {
	    padding: 12px 35px;
	    font-size: 12px;
	}

	.woo-apf-final-btn .shoco-btn svg {
		width: 11px;
		height: 11px;
	}
}