/*
Theme Name: Interiors Child
Template: twold
Author: Twold WP
Description: The TwoldTheme is a sleek, performance-optimized WordPress theme designed to help you build stunning, lightning-fast websites with ease. Its intuitive drag-and-drop header and footer builder empowers users to craft custom layouts in minutes, while the expansive library of beautifully designed starter templates ensures a professional look for any project. With smart global controls for fonts and colors, customization is effortless. Whether you're creating an ecommerce store, an educational platform, or a business website, Twold seamlessly integrates with leading plugins, making it the ultimate toolkit for any web development need.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.9.1728562645
Updated: 2024-10-10 12:17:25

*/

	@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Figtree:ital,wght@0,300..900;1,300..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
	/* Theme customization starts here -------------------------------------------------------------- */


	/* titlle margin */

	.single-content h1.elementor-heading-title,
	.single-content h2.elementor-heading-title,
	.single-content h3.elementor-heading-title,
	.single-content h4.elementor-heading-title,
	.single-content h5.elementor-heading-title,
	.single-content h6.elementor-heading-title {
		margin: 0;
	}

	.single-content h1,
	.single-content h2,
	.single-content h3,
	.single-content h4,
	.single-content h5,
	.single-content h6 {
		margin: 0;
	}

	/* footer */

	.site-footer-section .widget-area ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/* image carousal */

	.elementor-widget-image-carousel .swiper .swiper-slide figure {
		display: inline-block;
		text-align: center;
	}

	/* blog grid, slider, list hover */


	.elementor-widget-ucaddon_post_carousel .uc_image_carousel_placeholder:hover img,
	.loop-entry .post-thumbnail-inner:hover img,
	.uc_post_list_image img:hover {
		transform: scale(1.05);
	}

	.loop-entry .post-thumbnail-inner img,
	.uc_post_list_image img {
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}

	.uc_post_list_image {
		overflow: hidden;
	}

	.blog .primary-sidebar input[type="search"]:focus {
		color: var(--global-palette1);
		border-color: var(--global-palette6);
	}

	/* Hover zoom - singleblog*/

	.hover-zoom .uc_post_list_image img:hover {
		transform: scale(1.05);
	}

	.hover-zoom .elementor-image-box-img {
		overflow: hidden;
	}

	.elementor-widget-image .elementor-widget-container {
		overflow: hidden;
	}

	/* archive conetnt left sidebar */

	body .wp-block-latest-posts__list li,
	body.search-results.content-style-unboxed .site .post-thumbnail,
	body.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child,
	.wp-block-latest-posts.wp-block-latest-posts__list {
		margin: 0;
	}

	.search-results.content-style-unboxed .entry-content-wrap {
		margin-block-start: 20px;
	}


	/* widget spacing */

	#secondary .woocommerce.widget_product_categories>ul li,
	.widget .tagcloud a,
	.widget li,
	#secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
	.wp-block-tag-cloud .tag-cloud-link {
		padding-block: 10px;
	}

	/* input search border */

	.wp-block-search .wp-block-search__input,
	.wp-block-search .wp-block-search__input:focus,
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	input[type="number"]:focus,
	input[type="tel"]:focus,
	input[type="range"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="time"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="color"]:focus,
	textarea:focus {
		box-shadow: none;
		color: var(--global-palette1);
		border: 1px solid var(--global-palette6);
		border-radius: 0px;
	}

	/* input border */

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	input[type="range"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="color"],
	textarea {
		border: 1px solid var(--global-palette6);
		color: var(--global-palette1);
		background-color: transparent;
	}

	/* input radius */
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	input[type="range"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="color"],
	textarea {
		border-radius: 0px;
	}



	/* archive search left sidebar */

	.wp-block-search .wp-block-search__input {
		border: 1px solid var(--global-palette6);
		color: var(--global-palette1);
		background: transparent;
	}

	body .wp-block-search .wp-element-button.wp-block-search__button {
		color: var(--global-palette9);
		background: var(--global-palette2);
	}

	/* search input */

	#search-drawer .drawer-inner input.search-field {
		border: none;
		border-bottom: 1px solid var(--global-palette9);
		border-radius: 0px;
		color: var(--global-palette9);
	}

	#search-drawer .drawer-inner .search-form input.search-field:focus {
		box-shadow: none;
		color: var(--global-palette9);
	}


	/* blog author */

	.wp-block-latest-posts__post-author {
		color: var(--global-palette1);
		font-size: 16px;
		font-weight: 400;
		text-transform: none;
	}

	.wp-block-search__button {
		border-radius: 0px;
	}

	.form-submit .submit:hover {
		background-color: transparent;
		color: var(--global-palette2);
	}

	.wp-block-latest-posts__post-date {
		color: var(--global-palette1);
		font-size: 16px;
		font-weight: 400;
		text-transform: none;
	}

	/* button */
	body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .post-more-link {
		font-size: 16px;
		text-transform: capitalize;
		font-weight: 500;
		color: var(--global-palette1);
		line-height: 24px;
		text-decoration: underline;
		font-family: 'Outfit';
		letter-spacing: 0;
	}

	body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .post-more-link:hover {
		color: var(--global-palette2);
	}

	body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .twold-svg-iconset {
		display: none;
	}

	@media screen and (max-width: 766px) {

		form.comment-form .comment-input-wrap .comment-form-author,
		form.comment-form .comment-input-wrap .comment-form-email,
		form.comment-form p.comment-form-float-label {
			margin: 0px;
		}
	}

	/* woo commerce */

	body #wrapper .woocommerce form .form-row input.input-text,
	body #wrapper .woocommerce form .form-row textarea,
	.woocommerce table.shop_table td .quantity.spinners-added,
	body.woocommerce-cart table.cart td.actions .coupon .input-text,
	body .select2-container--default .select2-selection--single,
	body .select2-dropdown,
	.woocommerce-billing-fields__field-wrapper,
	body .woocommerce-cart #payment ul.payment_methods li,
	body .woocommerce-checkout #payment ul.payment_methods li,
	#add_payment_method #payment ul.payment_methods li,
	body .select2-container--default .select2-search--dropdown .select2-search__field {
		border-radius: 0px;
	}

	.woocommerce-info .showcoupon,
	.woocommerce-info .showlogin {
		color: var(--global-palette1);
	}

	.woocommerce-info .showcoupon:hover,
	.woocommerce-info .showlogin:hover {
		color: var(--global-palette1);
	}

	.woocommerce-privacy-policy-link,
	.woocommerce-terms-and-conditions-link {
		color: var(--global-palette1);
		font-weight: 600;
	}

	/* cart plus minus */
	body .quantity.spinners-added input.minus:hover,
	body .quantity.spinners-added input.plus:hover {
		background: transparent;
		box-shadow: none;
		color: var(--global-palette1);
	}

	/* loader */
	.pageloader {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url(assets/images/loader.gif) center no-repeat #fff;
		background-size: 110px;
	}

	/* comment */
	.comment-form .comment-form-comment textarea::placeholder,
	.comment-form .comment-input-wrap input::placeholder {
		color: var(--global-palette1);
	}

	.comment-form .comment-form-comment textarea:focus,
	.comment-form .comment-input-wrap input:focus {
		box-shadow: none;
	}

	.comment-form p.comment-form-float-label label.float-label,
	.comment-form .comment-input-wrap p label.float-label {
		color: var(--global-palette1);
	}

	.reply a.comment-reply-link {
		color: var(--global-palette1);
		border-color: var(--global-palette1);
		border-radius: 10px;
	}

	/*-----------------------------------------------elemenor css-------------------------------------------------- */
	/* --------------- woocommerce css --------------- */

	body .woocommerce .woocommerce-info {
		background: #80808047;
		color: var(--global-palette3);
	}

	.woocommerce-info .showcoupon,
	.woocommerce-info .showlogin {
		color: var(--global-palette1);
	}

	.woocommerce-info .showcoupon:hover,
	.woocommerce-info .showlogin:hover {
		color: var(--global-palette1);
	}

	/* newsletter form */

	.newsletter-form {
		width: 470px;
	}

	.newsletter-form input[type="email"] {
		width: 100%;
		height: 55px;
		background-color: var(--global-palette9);
		padding: 15px;
		margin-bottom: 10px;
		text-transform: none;
		color: var(--global-palette1);
		border: none;
	}

	.newsletter-form input[type="email"]::placeholder {
		color: var(--global-palette6);
		text-transform: capitalize;
	}

	.newsletter-form textarea {
		width: 100%;
		height: 15 0px;
		background-color: var(--global-palette9);
		padding: 15px;
		margin-bottom: 10px;
		text-transform: none;
		color: var(--global-palette1);
		border: none;
	}

	.newsletter-form textarea::placeholder {
		color: var(--global-palette6);
		text-transform: capitalize;
	}

	.newsletter-form input[type="submit"] {
		padding: 12px 42.5px;
		background-color: var(--global-palette2);
		color: var(--global-palette9);
		width: 100%;
		border: none;
		border: 1px solid var(--global-palette2);
	}

	.newsletter-form input[type="submit"]:hover,
	.newsletter-form input[type="submit"]:focus {
		color: var(--global-palette9);
		background: transparent;
		border: 1px solid var(--global-palette9)
	}

	.mc4wp-response {
		padding-top: 10px;
		color: var(--global-palette9);
		text-align: left;
		text-transform: capitalize;
	}

	@media screen and (max-width: 1062px) {
		.newsletter-form {
			width: 100%;
		}
	}

	@media screen and (max-width: 767px) {
		.mc4wp-response {
			text-align: center;
		}
	}

	/* faq */
	.faq .elementor-widget-container .uc_container .uc_ac_box:last-child {
		margin-bottom: 0px;
	}

	/* testimonial */
	.ue-testimonial-box .ue-credentials-container {
		margin-left: 55px;
	}

	@media screen and (max-width: 767PX) {
		.ue-testimonial-box .ue-credentials-container {
			margin-left: 0px;
		}
	}

	/* header */

	#primary-menu>li:first-child a {
		padding-inline-start: 0;
	}

	body .header-social-wrap .header-social-item::after {
		content: '';
		display: block;
		background-color: var(--global-palette1);
		width: 7px;
		height: 2px;
		margin: 0 -8px 0 8px;
	}

	body .header-social-wrap .header-social-item:last-child::after {
		content: none;
	}

	.header-search-bar .twold-search-icon-wrap .twold-svg-iconset {
		display: none;
	}

	.header-search-bar form input.search-field {
		border-radius: 10px;
		height: 50px;
	}

	.header-search-bar .search-form .search-submit[type="submit"] {
		background: var(--global-palette2);
		color: var(--global-palette9);
		width: 150px;
		height: 50px;
		border-radius: 10px;
		border: 1px solid var(--global-palette2);
	}

	.header-search-bar .search-form .search-submit[type="submit"] {
		background: transparent;
		color: var(--global-palette2);
		border: 1px solid var(--global-palette2);
	}

	.item-is-stuck .header-search-bar .search-form .search-submit[type="submit"] {
		background: transparent;
		color: var(--global-palette9);
		border: 1px solid var(--global-palette3);
	}

	.item-is-stuck .header-search-bar .search-form .search-submit[type="submit"] {
		background: var(--global-palette3);
		color: var(--global-palette2);
		border: 1px solid var(--global-palette3);
	}

	.widget-toggle-open-container {
		display: none;
	}

	.item-is-stuck .widget-toggle-open-container {
		display: block;
	}

	.site-header-item {
		margin-right: 0;
	}

	.header-contact-item .contact-label {
		margin-left: 0;
	}

	.item-is-stuck .site-header-item {
		margin-right: 10px;
	}

	.twold-sticky-header.item-is-fixed:not(.item-at-start) .widget-toggle-open-container .widget-toggle-open {
		color: var(--global-palette2) !important;
	}

	/* footer */
	@media screen and (min-width: 1025PX) {
		.site-footer-middle-section-1 .footer-widget-area-inner {
			margin-top: 29px;
		}
	}

	/* img hover */

	.elementor-element.image-hover:hover img {
		opacity: 1;
		animation: flash 1.5s;
	}

	@keyframes flash {
		0% {
			opacity: .4;
		}

		100% {
			opacity: 1;
		}
	}

	/* Category */

	.uc_image_carousel_container_holder .uc_image_carousel_content .uc_post_title {
		width: 100%;
		display: grid;
		gap: 10px;
	}


	/*fix*/
	.woocommerce.woocommerce-page ul.products li.product{
		    border-radius: 32px!important;
		    border: 0px;
	}

	.grid-cols {
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

.woocommerce-pagination {
    display: flex;
    justify-content: center;
    margin: 56px 0;
}

.woocommerce nav.woocommerce-pagination ul {
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    list-style: none;
    padding: 0;
}

body.woocommerce nav.woocommerce-pagination ul li .page-numbers {
   border-radius:50%!important;
border: 1px solid var(--ui-colors-grey, #6A7282);
	
}
body.woocommerce nav.woocommerce-pagination ul li span.current {
   border-radius: 20px;
background: var(--ui-colors-orange-peel, #F87B1B);
	border:1px solid transparent;
	color:#fff;
}

body.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover{
	   border-radius: 20px;
background: var(--ui-colors-orange-peel, #F87B1B);
	border:1px solid transparent;
	color:#fff;
}
.woocommerce-result-count{
	display: flex;
padding: 10px 16px;
justify-content: center;
align-items: center;
gap: 8px;
	border-radius: 24px;
border: 1px solid var(--ui-colors-light-grey, #CBCBCB);
	color: var(--ui-colors-black, #0C0C0C);
font-family: Comfortaa;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}
.woocommerce-ordering{
	display: flex;
padding: 8px 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
gap: 8px;
border-radius: 24px;
border: 1px solid var(--ui-colors-light-grey, #CBCBCB);
	
}
.woocommerce-ordering select.orderby{
	border:0;
}


body.woocommerce.woocommerce-page ul.products li.product {
border-radius: 32px 32px 0 0;
border: 2px solid var(--ui-colors-orange-peel, #FFF5F0);
	transition:0.3s;
	padding:16px;
}

body.woocommerce.woocommerce-page ul.products li.product:hover{
border: 2px solid var(--ui-colors-orange-peel, #F87B1B);
}

.content-bg{
	border-radius: 0 0 32px 32px;
background: var(--ui-colors-warm-white, #FFF5F0);
}




.twold-shop-top-row {
    flex-wrap: wrap;
    gap: 16px;
}

.twold-product-toggle-container {
  border-radius: 32px;
border: 1px solid var(--ui-colors-light-grey, #CBCBCB);
	display: flex;
padding: 4px;
align-items: center;
gap: 12px;
}

/* кнопки */
.twold-toggle-shop-layout {
   display: flex;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .25s ease;
}



.twold-toggle-shop-layout.toggle-active svg {
    color: #fff;
}

/* hover */
.twold-toggle-shop-layout:not(.toggle-active):hover {
    background: #CBCBCB;
}

.twold-toggle-shop-layout:not(.toggle-active):hover svg {
    color: #CBCBCB;
}
/*
.twold-product-toggle-container .twold-toggle-shop-layout.toggle-active, 
.twold-product-toggle-container .twold-toggle-shop-layout:hover {
     border-radius: 50%!important;
     background: #F36C21;
	
}
body .twold-product-toggle-container .twold-toggle-shop-layout {
   display: flex!important;
width: 40px!important;
height: 40px!important;
padding: 0px!important;
align-items: center!important;
gap: 4px!important;
border: 0!important;
}
.twold-toggle-shop-layout.toggle-active {
    background: #F36C21!important;
	 border-radius: 50%!important;
}*/

.wc-card{
  background:#FFF6F0;
  border-radius:26px;
  padding:12px;
  display:flex;
  flex-direction:column;
  transition:.25s ease;
}
.wc-card:hover{
  box-shadow: inset 0 0 0 2px #F36C21;
}

/* IMAGE */
.wc-card__image{
  position:relative;
  max-height: 295px;
  overflow: hidden;
}
.wc-card__image img{
  width:100%;
  object-fit:contain;
  max-height: none;
  height: 100%;
}

.wc-card__wishlist{
  position:absolute;
  top:8px;
  right:12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.416 7.26953C14.8617 5.7543 17.123 5.57302 18.5977 6.84863V6.84961C20.3668 8.38358 20.4659 11.1603 18.874 12.8291L12.0713 19.9639C12.0431 19.9934 12.017 20 11.998 20C11.9791 19.9999 11.9538 19.9932 11.9258 19.9639H11.9248L5.12305 12.8291H5.12402C3.58457 11.2123 3.62922 8.55618 5.24219 6.99707L5.40234 6.84961C6.87741 5.57293 9.14123 5.75536 10.583 7.26953L10.585 7.27051L11.2773 7.99512L12 8.75195L12.7236 7.99512L13.416 7.27051V7.26953Z' stroke='%236A7282' stroke-width='2'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: block;
  z-index: 999;
}


/* CONTENT */
.wc-card__content{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  flex:1;
	gap:4px;
}


/* SKU */
.wc-card__sku-label,
.wc-card__sku-value{
color: var(--ui-colors-dark-green, #00A651);
font-family: Comfortaa;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
margin-bottom:12px;
	display:inline-block;
}

/* TITLE */
.wc-card__title{
  font-size:16px;
  line-height:1.35;
  margin:0 0 6px;
}

/* SERIES */
.wc-card__series{
 color: var(--ui-colors-black, #0C0C0C);
font-family: Comfortaa;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
  margin-bottom:12px;
}

/* PRICE ROW */
.wc-card__price-row{
  margin-top:auto;
  display:flex;
  justify-content:space-between;
}

/* PRICE */
.wc-card__price .price{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.wc-card__price del{
 color: var(--ui-colors-grey, #6A7282);
font-family: Comfortaa;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */
text-decoration-line: line-through;
}
.wc-card__price ins,
.wc-card__price .woocommerce-Price-amount{
color: var(--ui-colors-orange-peel, #F87B1B);

/* typography/Desktop (1440px,1280px)/h4-600, 24px,32 */
font-family: Comfortaa;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 133.333% */
}

/* CART */
.wc-card__cart{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='29' viewBox='0 0 33 29' fill='none'%3E%3Cpath d='M29.7068 16.9492L32.3659 5.24919C32.5578 4.40443 31.9157 3.6 31.0494 3.6H8.95545L8.43986 1.07944C8.31139 0.451181 7.75856 0 7.11726 0H1.35C0.604406 0 0 0.604406 0 1.35V2.25C0 2.99559 0.604406 3.6 1.35 3.6H5.28092L9.23237 22.9182C8.28703 23.4619 7.65 24.4812 7.65 25.65C7.65 27.3897 9.0603 28.8 10.8 28.8C12.5397 28.8 13.95 27.3897 13.95 25.65C13.95 24.7683 13.5874 23.9718 13.0037 23.4H24.7963C24.2126 23.9718 23.85 24.7683 23.85 25.65C23.85 27.3897 25.2603 28.8 27 28.8C28.7397 28.8 30.15 27.3897 30.15 25.65C30.15 24.4028 29.4251 23.3251 28.3737 22.8147L28.684 21.4492C28.876 20.6044 28.2339 19.8 27.3676 19.8H12.2691L11.9009 18H28.3903C29.0207 18 29.5671 17.5638 29.7068 16.9492Z' fill='%23F87B1B'/%3E%3C/svg%3E");
	width:33px;
	height:29px;
	display:block;
	background-size:contain;
	background-repeat:no-repeat;
  position:relative;
}

/* STOCK */
.wc-card__stock{
  margin-top:10px;
  font-size:13px;
}
.wc-card__stock--in{ 
color: var(--ui-colors-orange, #FF9D00);

/* typography/Desktop (1440px,1280px)/article-400,12px, 16 */
font-family: Comfortaa;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */	

}
.wc-card__stock--in:before{
	content:'';
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 4C15.3469 4 14 5.34687 14 7C14 8.65312 15.3469 10 17 10C18.6531 10 20 8.65312 20 7C20 5.34687 18.6531 4 17 4ZM17 8C16.4469 8 16 7.55312 16 7C16 6.44688 16.4469 6 17 6C17.5531 6 18 6.44688 18 7C18 7.55312 17.5531 8 17 8ZM12 7.5C12 5.56562 10.4344 4 8.5 4C6.56562 4 5 5.56562 5 7.5V12.7031C4.38437 13.475 4 14.4375 4 15.5C4 17.9844 6.01562 20 8.5 20C10.9844 20 13 17.9844 13 15.5C13 14.4375 12.6156 13.4719 12 12.7031V7.5ZM8.5 18C7.12188 18 6 16.8781 6 15.5C6 14.7031 6.38125 13.9719 7 13.5063V7.5C7 6.67188 7.67188 6 8.5 6C9.32812 6 10 6.67188 10 7.5V13.5063C10.6188 13.9688 11 14.7031 11 15.5C11 16.8781 9.87813 18 8.5 18ZM9 14.0906V7.5C9 7.225 8.775 7 8.5 7C8.225 7 8 7.225 8 7.5V14.0906C7.41875 14.2969 7 14.8469 7 15.5C7 16.3281 7.67188 17 8.5 17C9.32812 17 10 16.3281 10 15.5C10 14.8469 9.58125 14.2969 9 14.0906Z' fill='%23FF9D00'/%3E%3C/svg%3E%0A");
	width:24px;
	height:24px;
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;
	margin-bottom:3px;
}


.wc-card__stock--backorder{ 
	color: var(--ui-colors-blue, #0057B8);

font-family: Comfortaa;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */

}
.wc-card__stock--out{ color:#999; }

/* CLEAN */
.shopengine-quickview-trigger,
.shopengine_comparison_add_to_list_action,
.custom-view-product-btn,
.product-excerpt{
  display:none!important;
}

.woof_container_inner{
  border-bottom: 0.8px solid var(--ui-colors-light-grey, #CBCBCB);
padding-bottom: 8px;
    margin-bottom:8px;
}
.woof_container_inner h4{
    margin-bottom: 9px;
    color: var(--ui-colors-dark-slate, #1F2937);
    font-family: Comfortaa;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.primary-sidebar{
    border-radius:32px;
    border: 0.8px solid var(--ui-colors-light-grey, #CBCBCB);
    margin:105px 0!important;
   
}


.twold-product-toggle-container .twold-toggle-shop-layout.toggle-active,
.twold-toggle-shop-layout.toggle-active{
	margin: 0!important;
}
.twold-product-toggle-container .twold-toggle-shop-layout.toggle-active, 
.twold-product-toggle-container .twold-toggle-shop-layout:hover {
     border-radius: 50%!important;
     background: #F36C21;
	
}
body .twold-product-toggle-container .twold-toggle-shop-layout {
   display: flex!important;
width: 40px!important;
height: 40px!important;
padding: 0px!important;
align-items: center!important;
gap: 4px!important;
border: 0!important;
margin: 0;
}
.twold-toggle-shop-layout.toggle-active {
    background: #F36C21!important;
	 border-radius: 50%!important;
}

.woocommerce.woocommerce-page ul.products.products-list-view li.product{
	gap: 24px;
}

.products-list-view .wc-card__price-row{
	align-items:center;
	padding-right:24px;
}



  .woo-custom-filter {
                   color: var(--ui-colors-dark-slate, #1F2937);
font-family: Comfortaa;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
                }
                .filter-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 20px;
					border-bottom: 0.8px solid var(--ui-colors-light-grey, #CBCBCB);
					padding:24px 24px;
                }
                .filter-header h3 {
                    margin: 0;
                   color: var(--ui-colors-dark-slate, #1F2937);
font-family: Comfortaa;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 140% */
                }
                .filter-reset {
                  color: var(--ui-colors-orange-peel, #F87B1B)!important;
text-align: center;
font-family: Comfortaa;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
                    text-decoration: none;
                    cursor: pointer;
                }
                .filter-section {
              margin-bottom:12px;
					padding:0 24px 12px;
                    border-bottom: 1px solid #f0f0f0;
                }
                .filter-section:last-of-type {
                    border-bottom: none;
                }
                .filter-section-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    cursor: pointer;
                    margin-bottom: 16px;
                }
                .filter-section-header h4 {
                    margin: 0;
                  color: var(--ui-colors-dark-slate, #1F2937);
font-family: Comfortaa;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
max-width: 250px;
                }
                .filter-section-header .arrow {
                    transition: transform 0.3s;
                    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.53281 0.219923L9.78281 4.46992C10.0766 4.76367 10.0766 5.23867 9.78281 5.5293L9.07656 6.23555C8.78281 6.5293 8.30781 6.5293 8.01719 6.23555L5.00156 3.22617L1.98906 6.23867C1.69531 6.53242 1.22031 6.53242 0.929688 6.23867L0.220312 5.53242C-0.0734375 5.23867 -0.0734375 4.76367 0.220312 4.47305L4.47031 0.223049C4.76406 -0.0738265 5.23906 -0.0738267 5.53281 0.219923Z' fill='%236A7282'/%3E%3C/svg%3E%0A");
                    width: 10px;
                    height: 7px;
                }
                .filter-section-header .arrow.open {
                    transform: rotate(180deg);
                }
                .filter-options {
                    max-height: 0;
                    overflow: hidden;
                    transition: max-height 0.3s ease;
                }
               .filter-options.open {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin; 
    scrollbar-color: #F87B1B transparent; 
}

.filter-options.open::-webkit-scrollbar {
    width: 2px;
}

.filter-options.open::-webkit-scrollbar-track {
    background: transparent;
}

.filter-options.open::-webkit-scrollbar-thumb {
    background-color: #F87B1B;
    border-radius: 2px;
}




                .filter-option {
                    display: flex;
                    align-items: center;
                    margin-bottom: 16px;
					
                }
           /* ховаємо нативний чекбокс, але не ламаємо структуру */
.filter-option input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
  border-radius: 6px;
border: 2.4px solid var(--ui-colors-light-grey, #CBCBCB);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
    flex-shrink: 0;
	margin-right:12px;
}

/* активний стан */
.filter-option input[type="checkbox"]:checked {
   border-radius: 6px;
border: 2.4px solid var(--ui-colors-orange-peel, #F87B1B);
background: var(--ui-colors-orange-peel, #F87B1B);
}



/* hover */
.filter-option input[type="checkbox"]:hover {
    border-color: #FF6B35;
}
                .filter-option label {
                  color: var(--ui-colors-dark-slate, #1F2937);
font-family: Comfortaa;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
                    cursor: pointer;
                }
                .filter-option input[type="checkbox"]:checked + label {
                  color: var(--ui-colors-dark-slate, #1F2937);
font-family: Comfortaa;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
                }
                .range-inputs {
                    gap: 12px;
                    margin-bottom: 24px;
					display:grid;
					grid-template-columns:1fr 1fr;
                }
.input__row{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.input__row label{
	color: var(--ui-colors-grey, #6A7282);
font-family: Comfortaa;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 133.333% */
}



                .range-inputs input {
                    width: 100%;
					max-width:none;
                   border-radius: 24px;
					color: var(--ui-colors-grey, #6A7282);
font-family: Comfortaa;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 0.8px solid var(--ui-colors-light-grey, #CBCBCB);
					padding: 10px 12px;
                }


.range-inputs input:hover{
	outline:none!important;
}




                .range-slider {
                    position: relative;
                    height: 5px;
                    background: #e0e0e0;
                    border-radius: 5px;
                    margin: 15px 0;
                }
                .range-slider .progress {
                    position: absolute;
                    height: 100%;
                    background: #FF6B35;
                    border-radius: 5px;
                }
                .range-slider input[type="range"] {
                   display:none;
                }
                .range-slider input[type="range"]::-webkit-slider-thumb {
                     display:none;
                }
                .range-slider input[type="range"]::-moz-range-thumb {
                     display:none;
                }
                .range-labels {
                    display: flex;
                    justify-content: space-between;
                  color: var(--ui-colors-grey, #6A7282);

/* typography/Desktop (1440px,1280px)/article-400,12px, 16 */
font-family: Comfortaa;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
                    margin-top: 12px;
                }


                

.button__wrap{
	padding:12px 24px 24px;
}




                .filter-apply-btn {
                    width: 100%;
                   border-radius: 26843500px;
background: var(--ui-colors-orange-peel, #F87B1B);
                 color: var(--ui-colors-pure-white, #FFFAFB);
text-align: center;
font-family: Comfortaa;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
                    cursor: pointer;
                    transition: background 0.3s;
					padding:15px 0;
                }
                .filter-apply-btn:hover {
                    background: #e55a2b;
                }










@media screen and (min-width: 1025px) {
    .has-sticky-sidebar .sidebar-inner-wrap,
    .has-sticky-sidebar-widget .primary-sidebar .widget:last-child {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
        overflow-y: auto;
        scrollbar-width: none; 
        -ms-overflow-style: none; 
    }

    .has-sticky-sidebar .sidebar-inner-wrap::-webkit-scrollbar,
    .has-sticky-sidebar-widget .primary-sidebar .widget:last-child::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none; 
    }
}


.atributs{
  display:none;
}


.products-list-view .atributs{
  display:block;
  color: var(--ui-colors-grey, #6A7282);
text-align: center;
font-family: Comfortaa;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 142.857% */
}
.products-list-view .atributs ul{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}

.products-list-view .atributs ul li{
  border-radius: 24px;
background: var(--ui-colors-light-grey, #CBCBCB);
  display: flex;
padding: 8px 30px;
justify-content: center;
align-items: center;
}
.products-list-view .wc-card__cart{
	margin-bottom:18px;
}

.custom-pagination {
    margin: 48px 0;
    display: flex;
    justify-content: center;
}

.custom-pagination ul {
    display: flex;
    align-items: center;
    gap: 6px; 
    list-style: none;
    padding: 0;
    margin: 0;
}


.custom-pagination li a,
.custom-pagination li span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
border: 1px solid var(--ui-colors-grey, #6A7282);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-size: 19px;
    font-weight: 600;
    color: #6B7280;
    text-decoration: none;
    line-height: 1;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.custom-pagination li.active span {
    background: #FF9D00;
    border-color: #FF9D00;
    color: #ffffff;
}


.custom-pagination li a:hover {
    border-color: #FF9D00;
    color: #FF9D00;
}


.custom-pagination li.prev a,
.custom-pagination li.next a {
    border: 2px solid #FF9D00;
    color: #FF9D00;
    font-size: 18px;
}


.custom-pagination li.prev a:hover,
.custom-pagination li.next a:hover {
    background: #FF9D00;
    color: #ffffff;
}


.custom-pagination li.prev a,
.custom-pagination li.prev span,
.custom-pagination li.next a,
.custom-pagination li.next span{
	width:48px;
	height:48px;
}



.custom-pagination li.prev {
    margin-right: 12px;
}

.custom-pagination li.next {
    margin-left: 12px;
}


.custom-pagination li.prev a:hover,
.custom-pagination li.next a:hover {
    background: #ffffff;
}

.custom-pagination li.prev a:hover svg,
.custom-pagination li.next a:hover svg {
    fill: #FF7A00;
}

.page__wrapper {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1C3365;
  text-align: center;
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  /* Header */
  /* Search */
  /* Categories */
  /* Color Grid */
  /* Pagination */
  /* CTA Banner */
  /* Responsive */
}
.page__wrapper .page__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.page__wrapper .container {
  max-width: 1440px;
  width: calc(100% - 32px);
  margin: 0 auto;
}
.page__wrapper .header {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.page__wrapper .header__title {
  color: var(--ui-colors-black, #0C0C0C);
  text-align: center;
  /* typography/Desktop (1440px,1280px)/h2-700,40px,48 */
  font-family: Comfortaa;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 120% */
}
.page__wrapper .header__subtitle {
  font-size: 40px;
}
.page__wrapper .header__description {
  color: var(--ui-colors-brown, #5E3023);
  text-align: center;
  /* typography/Desktop (1440px,1280px)/h4-600, 24px,32 */
  font-family: Comfortaa;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
}
.page__wrapper .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1050px;
  margin: 20px auto 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page__wrapper .search__input-wrapper {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page__wrapper .search__icon {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1552_15294)'%3E%3Cpath d='M23.34 20.9963L19 16.6562' stroke='%236A7282' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%236A7282' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1552_15294'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  top: 15px;
  left: 15px;
}
.page__wrapper .search__input {
  width: 100%;
  border-radius: 40px !important;
  border: 2px solid var(--ui-colors-dirty-orange, #FE9169) !important;
  background: var(--ui-colors-beige, #FFF5F0) !important;
  padding: 16px 50px;
  color: var(--ui-colors-light-grey, #CBCBCB);
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page__wrapper .search__input::-webkit-input-placeholder {
  color: var(--ui-colors-light-grey, #CBCBCB);
}
.page__wrapper .search__input::-moz-placeholder {
  color: var(--ui-colors-light-grey, #CBCBCB);
}
.page__wrapper .search__input:-ms-input-placeholder {
  color: var(--ui-colors-light-grey, #CBCBCB);
}
.page__wrapper .search__input::-ms-input-placeholder {
  color: var(--ui-colors-light-grey, #CBCBCB);
}
.page__wrapper .search__input::placeholder {
  color: var(--ui-colors-light-grey, #CBCBCB);
}
.page__wrapper .search__input:hover, .page__wrapper .search__input :focus {
  border-radius: 40px !important;
  border: 2px solid var(--ui-colors-dirty-orange, #FE9169) !important;
  background: var(--ui-colors-pure-white, #FFFAFB) !important;
}
.page__wrapper .search__btn {
  color: var(--ui-colors-pure-white, #FFFAFB);
  text-align: center;
  font-family: Comfortaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 130% */
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 32px;
  background: var(--ui-colors-orange-peel, #F87B1B);
  padding: 16px 24px;
  border: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}
.page__wrapper .search__btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 15px 35px rgba(251, 146, 60, 0.4);
          box-shadow: 0 15px 35px rgba(251, 146, 60, 0.4);
}
.page__wrapper .categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page__wrapper .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page__wrapper .category:hover .category__circle {
  opacity: 0.8;
}
.page__wrapper .category__circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page__wrapper .category__circle--gradient {
  border-radius: 100px;
  border: 2px solid var(--ui-colors-dark-green, #00A651);
  background: var(--ui-gradients-gradient-10, linear-gradient(180deg, #08CB00 10%, #FFD700 45%, #FF6B35 70%));
}
.page__wrapper .category__circle--favorite {
  background: white;
  color: #fb923c;
  border: 2px solid var(--ui-gradients-gradient-1, #FFBF4A);
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.page__wrapper .category__circle--favorite svg {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
.page__wrapper .category__circle--favorite:hover {
  background: var(--ui-colors-orange, #FF9D00);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.page__wrapper .category__circle--favorite:hover svg path {
  fill: #fff;
}
.page__wrapper .category__name {
  color: #999;
  text-align: center;
  font-family: Comfortaa;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .page__wrapper .category__name {
    display: none;
  }
}
.page__wrapper .category:hover .category__name {
  color: var(--ui-colors-orange-peel, #F87B1B);
}
.page__wrapper .color-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  margin-bottom: 20px;
}
.page__wrapper .color-card {
  overflow: hidden;
  border-radius: 24px;
  border: 1.091px solid rgba(0, 0, 0, 0);
  background: #FFF;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.page__wrapper .color-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.page__wrapper .color-card__color {
  width: 100%;
  padding-top: 100%;
  position: relative;
  border-radius: 24px;
  border: 1.091px solid rgba(0, 0, 0, 0);
  background: #FFF;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.page__wrapper .color-card__favorite {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 36px;
  height: 36px;
  background: white;
  border: none;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.page__wrapper .color-card__favorite svg {
  width: 18px;
  height: 18px;
}
.page__wrapper .color-card__favorite svg path {
  stroke: #0C0C0C;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
.page__wrapper .color-card__favorite:hover,
.page__wrapper .color-card__favorite.active {
  background: #fb923c;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.page__wrapper .color-card__favorite:hover svg path,
.page__wrapper .color-card__favorite.active svg path {
  stroke: #fff;
}
.page__wrapper .color-card__code {
  color: #1C3365;
  text-align: center;
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.page__wrapper .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-bottom: 60px;
}
.page__wrapper .pagination__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #e2e8f0;
  background: white;
  color: #4a5568;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page__wrapper .pagination__btn:hover {
  border-color: #fb923c;
  background: #fff7ed;
}
.page__wrapper .pagination__btn--active {
  background: #fb923c;
  border-color: #fb923c;
  color: white;
  -webkit-box-shadow: 0 6px 16px rgba(251, 146, 60, 0.3);
          box-shadow: 0 6px 16px rgba(251, 146, 60, 0.3);
}
.page__wrapper .pagination__btn--arrow {
  border-color: #fb923c;
  color: #fb923c;
}
.page__wrapper .pagination__btn--arrow svg {
  stroke-width: 2.5;
}
.cta-banner {
  border-radius: 48px;
  background: var(--ui-gradients-gradient-1, linear-gradient(180deg, #FFBF4A 0%, #FF6B35 60%));
  padding: 60px 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.cta-banner__title {
  color: var(--ui-colors-pure-white, #FFFAFB);
  text-align: center;
  font-family: Comfortaa;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 125% */
}
.cta-banner__btn {
  background: white;
  border: none;
  padding: 18px 40px;
  border-radius: 40px;
  background: var(--ui-colors-pure-white, #FFFAFB);
  color: var(--ui-colors-orange-peel, #F87B1B);
  text-align: center;
  font-family: Comfortaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 130% */
  cursor: pointer;
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  width: auto;
  margin: 0 auto;
}
.cta-banner__btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1200px) {
  .page__wrapper .color-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 992px) {
  .page__wrapper .color-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .page__wrapper .header__title {
    font-size: 36px;
  }
  .page__wrapper .header__subtitle {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .page__wrapper .search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .page__wrapper .search__btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page__wrapper .color-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .page__wrapper .categories {
    gap: 15px;
  }
  .page__wrapper .category__circle {
    width: 48px;
    height: 48px;
  }
 .cta-banner__title {
    font-size: 22px;
  }
.cta-banner {
    padding: 24px;
  }
.cta-banner__btn {
    font-size: 16px;
  }
}/*# sourceMappingURL=style.css.map */
@charset "UTF-8";
:root {
  --orange: #F5A623;
  --orange-dark: #E8961A;
  --orange-light: #FFF8ED;
  --green-btn: #3DB042;
  --text: #1A1A1A;
  --text-secondary: #6B6B6B;
  --border: #EBEBEB;
  --bg: #F7F7F4;
  --white: #ffffff;
}

/* ── Product page ── */
.product-page {
  max-width: 1440px;
  width: calc(100% - 32px);
  margin: 0 auto;
  overflow: hidden;
}

/* ── TOP GRID: left / right ── */
.product-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 24px;
}

/* ─ LEFT ─ */
.col-left {
  padding: 32px;
  position: relative;
  border-radius: 24px;
  background: var(--ui-colors-pure-white, #FFFAFB);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.wishlist-abs {
  position: absolute;
  top: 48px;
  right: 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ui-colors-warm-white, #FFF5F0);
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  z-index: 1;
}

.wishlist-abs:hover {
  border-color: var(--orange);
}

.wishlist-abs svg {
  width: 28px;
  height: 28px;
}

.main-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  background-color: #fff;
  border-radius: 16px;
  min-height: 632px;
}

/* Description UNDER photo */
.desc__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.desc__label {
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
}

.desc-block {
  border-top: 1px solid var(--ui-colors-green, #08CB00);
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}

.desc-block p {
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  margin-bottom: 14px;
}

.desc-block p:last-child {
  margin-bottom: 0;
}

/* ─ RIGHT ─ */
.col-right {
  padding: 28px 32px;
}

.meta-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cat-label {
  color: #6A7282;
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.stock-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: var(--ui-colors-orange, #FF9D00);
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.stock-badge .dot {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 4C15.3469 4 14 5.34687 14 7C14 8.65312 15.3469 10 17 10C18.6531 10 20 8.65312 20 7C20 5.34687 18.6531 4 17 4ZM17 8C16.4469 8 16 7.55312 16 7C16 6.44688 16.4469 6 17 6C17.5531 6 18 6.44688 18 7C18 7.55312 17.5531 8 17 8ZM12 7.5C12 5.56562 10.4344 4 8.5 4C6.56562 4 5 5.56562 5 7.5V12.7031C4.38437 13.475 4 14.4375 4 15.5C4 17.9844 6.01562 20 8.5 20C10.9844 20 13 17.9844 13 15.5C13 14.4375 12.6156 13.4719 12 12.7031V7.5ZM8.5 18C7.12188 18 6 16.8781 6 15.5C6 14.7031 6.38125 13.9719 7 13.5063V7.5C7 6.67188 7.67188 6 8.5 6C9.32812 6 10 6.67188 10 7.5V13.5063C10.6188 13.9688 11 14.7031 11 15.5C11 16.8781 9.87813 18 8.5 18ZM9 14.0906V7.5C9 7.225 8.775 7 8.5 7C8.225 7 8 7.225 8 7.5V14.0906C7.41875 14.2969 7 14.8469 7 15.5C7 16.3281 7.67188 17 8.5 17C9.32812 17 10 16.3281 10 15.5C10 14.8469 9.58125 14.2969 9 14.0906Z' fill='%23FF9D00'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}

.prod-title {
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: clamp(22px, 4vw, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(28px, 4.8vw, 48px);
  margin: 16px 0;
}

.article-line {
  color: var(--ui-colors-dark-green, #00A651);
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  margin-bottom: 24px;
}

.sec-lbl {
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  margin-bottom: 16px;
}

/* Model buttons */
.model-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
  margin-top: 16px;
}

.model-btn {
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: var(--ui-colors-light-blue, #E9F3FF);
  padding: 18px 33px 18px 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  text-align: center;
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1A1A1A;
}

.model-btn:hover {
  border-radius: 16px;
  border: 2px solid var(--ui-colors-orange, #FF9D00);
  background: rgba(255, 157, 0, 0.1);
  color: #1A1A1A;
}

.model-btn.active {
  border-radius: 16px;
  background: rgba(255, 157, 0, 0.1);
  border: 2px solid var(--ui-colors-orange, #FF9D00);
  color: var(--ui-colors-orange, #FF9D00);
}

/* Thermostat */
.thermo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 24px;
  margin-top: 12px;
}

.thermo-btn {
  padding: 24px 16px;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: var(--ui-colors-light-blue, #E9F3FF);
  text-align: center;
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  cursor: pointer;
  text-align: center;
  color: var(--text);
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
}

.thermo-btn:hover {
  color: var(--ui-colors-orange, #FF9D00);
  border: 2px solid var(--ui-colors-orange, #FF9D00);
  background: var(--ui-colors-warm-white, #FFF5F0);
}

.thermo-btn.active {
  color: var(--ui-colors-orange, #FF9D00);
  border: 2px solid var(--ui-colors-orange, #FF9D00);
  background: var(--ui-colors-warm-white, #FFF5F0);
}

/* Color cards */
.color-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
  margin-top: 12px;
}

.color-card {
  padding: 24px 16px;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: var(--ui-colors-light-blue, #E9F3FF);
  text-align: center;
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  text-align: center;
  color: var(--text);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
}

.color-card:hover {
  border-color: var(--orange);
}

.color-card.active {
  border-color: var(--orange);
  background: var(--orange);
}

.color-card.active .c-lbl {
  color: white;
}

.color-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  height: 38px;
  padding: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid var(--ui-colors-light-grey, #CBCBCB);
  background: #FFF;
}

.c-icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-icon svg {
  width: 48px;
  height: 48px;
}

.c-lbl {
  color: var(--ui-colors-grey, #6A7282);
  text-align: center;
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 133.333% */
}

/* Sub panels */
.sub-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 24px;
  border: 1px solid var(--ui-colors-orange-peel, #F87B1B);
}

.sub-panel.hidden {
  display: none;
}

.chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.chip {
  color: var(--ui-colors-grey, #6A7282);
  text-align: center;
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  padding: 6px 12px;
  border-radius: 24px;
  border: 1px solid var(--ui-colors-light-grey, #CBCBCB);
  cursor: pointer;
  background: white;
  color: var(--text);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.chip:hover {
  border-color: var(--orange);
}

.chip.active {
  background: var(--orange);
  border-color: var(--orange);
  color: white;
}

.chip.fav {
  border-radius: 24px;
  border: 1px solid var(--ui-colors-orange, #FF9D00);
  color: var(--ui-colors-orange, #FF9D00);
  text-align: center;
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.chip.fav.active {
  color: #fff;
}

.sel-label {
  color: #4A5565;
  text-align: center;
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  margin-bottom: 10px;
}

.sel-label span {
  color: var(--ui-colors-orange-peel, #F87B1B);
  text-align: center;
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  width: calc(100% - 30px);
}

.p-thumb {
  aspect-ratio: 1;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  border-radius: 24px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: border-color 0.18s;
  transition: border-color 0.18s;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-thumb img {
  width: 100%;
  height: 80px;
  border-radius: 16px;
}

.p-thumb:hover {
  border-color: var(--orange);
}

.p-thumb.active {
  border-color: var(--orange);
}

.p-thumb svg {
  width: 100%;
  height: 100%;
  display: block;
}

.p-num {
  color: #1C3365;
  text-align: center;
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}

/* RAL */
/* Кольорові крапки-фільтри */
.ral-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ral-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ral-dot:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.ral-dot.active {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px var(--orange);
          box-shadow: 0 0 0 2px white, 0 0 0 4px var(--orange);
}

.ral-dot-fav {
  background: transparent !important;
  border-color: var(--orange);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
}

/* Підпис «Обрано: RAL XXXX» */
.ral-sub {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 10px;
  text-align: center;
}
.ral-sub span {
  color: var(--orange);
  font-weight: 700;
}

/* ── Основна сітка карток (4 колонки) ── */
.ral-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 8px;
  width: calc(100% - 0px);
  padding: 5px;
}

/* Картка — стиль .p-thumb */
.ral-swatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 12px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: border-color 0.18s;
  transition: border-color 0.18s;
  overflow: hidden;
}
.ral-swatch:hover {
  border-color: var(--orange);
}
.ral-swatch.active {
  border-color: var(--orange);
}

/* Прямокутник кольору всередині картки */
.ral-color {
  width: 100%;
  height: 80px;
  border-radius: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Код кольору під прямокутником */
.ral-code {
  color: #1C3365;
  text-align: center;
  font-family: Comfortaa, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  width: 100%;
  background: transparent;
  padding: 0;
}

/* ── Міні-сітка (preview додаткових кольорів) ── */
.ral-mini-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.ral-mini {
  height: 34px;
  border-radius: 10px;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.ral-mini:hover {
  border-color: var(--orange);
}
.ral-mini.active {
  border-color: var(--orange);
}

/* Price */
.price-wrap {
  margin: 24px 0 10px;
}

.price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.price-main {
  color: var(--ui-colors-orange, #FF9D00);
  font-family: Comfortaa;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 116.667% */
}

.price-old {
  color: var(--ui-colors-grey, #6A7282);
  font-family: Comfortaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 130% */
  text-decoration: line-through;
}

.disc-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--ui-colors-brown, #5E3023);
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  border-radius: 20px;
  background: var(--ui-colors-yellow, #FFD700);
}

/* Trust */
.trust-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  margin-top: 24px;
}

.trust-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--ui-colors-brown, #5E3023);
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
}
.trust-item:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5557 1.8C10.8129 2.47852 10.1421 3.19184 9.54786 3.90832C8.57429 2.5882 7.36714 1.2491 6 0C2.49071 3.2052 0 7.38141 0 9.9C0 14.3736 3.58179 18 8 18C12.4182 18 16 14.3736 16 9.9C16 8.02723 14.1436 4.16461 11.5557 1.8ZM10.8604 13.776C10.0868 14.3089 9.13286 14.625 8.10214 14.625C5.52536 14.625 3.42857 12.9466 3.42857 10.2217C3.42857 8.8643 4.29679 7.66828 6.02821 5.625C6.27571 5.90555 9.55786 10.0315 9.55786 10.0315L11.6518 7.68023C11.7996 7.92105 11.9343 8.1566 12.0543 8.3823C13.0311 10.2171 12.6189 12.5648 10.8604 13.776Z' fill='%23FF9D00'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 18px;
}

/* Payment */
.pay-text {
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  margin: 24px 0;
}

.pay-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}

.pay-badge {
  color: #4A5565;
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
}

/* Qty + cart */
.purchase-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.qty-ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-radius: 12px;
  overflow: hidden;
  height: 52px;
  border: none;
}

.qty-btn {
  width: 44px;
  border: none;
  background: var(--ui-colors-green, #08CB00);
  color: var(--ui-colors-pure-white, #FFFAFB);
  text-align: center;
  font-family: Comfortaa;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  line-height: 1;
}

.qty-btn:first-child {
  border-radius: 12px 0 0 12px;
}

.qty-btn:last-child {
  border-radius: 0 12px 12px 0;
}

.qty-btn:hover,
.qty-btn:focus,
.qty-btn:active {
  background: var(--ui-colors-green, #08CB00)!important;
}

.qty-num {
  min-width: 52px;
  background: var(--ui-colors-green, #08CB00);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--ui-colors-pure-white, #FFFAFB);
  text-align: center;
  font-family: Comfortaa;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
}

.btn-cart {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: white;
  color: var(--ui-colors-dark-green, #00A651);
  border-radius: 16px;
  border: 1px solid var(--ui-colors-dark-green, #00A651);
  text-align: center;
  font-family: Comfortaa;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  max-width: 270px;
}

.btn-cart:hover {
  background: #edfaee;
}

.btn-buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 68px;
  padding: 16px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  cursor: pointer;
  border-radius: 16px;
  background: var(--ui-colors-orange, #FF9D00);
  color: var(--ui-colors-pure-white, #FFFAFB);
  text-align: center;
  font-family: Comfortaa;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  -webkit-transition: background 0.18s;
  transition: background 0.18s;
  border: 0;
  width: 100%;
}

.btn-buy:hover {
  background: var(--orange-dark);
  color: #fff;
}

/* Key chars */
.key-chars {
  border-radius: 24px;
  background: var(--ui-colors-warm-white, #FFF5F0);
  padding: 24px 32px;
  gap: 24px;
  margin-top: 64px;
}

.key-chars h3 {
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
}

.chars-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px;
  grid-gap: 24px;
}

.ci label {
  display: block;
  color: var(--ui-colors-grey, #6A7282);
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.ci value {
  color: #101828;
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

/* Full specs */
.specs-wrap {
  margin-top: 24px;
  border-radius: 24px;
  background: var(--ui-colors-warm-white, #FFF5F0);
  padding: 24px 12px;
  gap: 24px;
}

.specs-toggle {
  background: #FFF4EE;
  border-radius: 16px;
  padding: 18px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: var(--ui-colors-black, #0C0C0C);
  text-align: center;
  font-family: Comfortaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--text);
}

.specs-toggle .chev {
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47031 6.23594L0.220312 1.98594C-0.0734375 1.69219 -0.0734375 1.21719 0.220312 0.926562L0.926562 0.220312C1.22031 -0.0734375 1.69531 -0.0734375 1.98594 0.220312L4.99844 3.23281L8.01094 0.220312C8.30469 -0.0734375 8.77969 -0.0734375 9.07031 0.220312L9.77656 0.926562C10.0703 1.22031 10.0703 1.69531 9.77656 1.98594L5.52656 6.23594C5.23906 6.52969 4.76406 6.52969 4.47031 6.23594Z' fill='%230C0C0C'/%3E%3C/svg%3E%0A");
  width: 10px;
  height: 7px;
}

.specs-toggle.open {
  border-radius: 16px 16px 0 0;
}

.specs-toggle.open .chev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.specs-body {
  display: none;
}

.specs-body.open {
  display: block;
  background: #FFF4EE;
  border-radius: 0 0 16px 16px;
  padding: 4px 24px 20px;
}

.spec-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 13px;
}

.spec-row:last-child {
  border-bottom: none;
}

.sn {
  display: block;
  color: var(--ui-colors-grey, #6A7282);
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.sv {
  color: #101828;
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

/* ── STICKY BAR ── */
.sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid var(--ui-colors-orange-peel, #F87B1B);
  border-bottom: 1px solid var(--ui-colors-orange-peel, #F87B1B);
  background: var(--ui-colors-beige, #FFF5F0);
  padding: 0;
  display: none;
  z-index: 200;
}

.sticky-bar.show {
  display: block;
}

.sticky-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.sticky-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sticky-article {
  color: var(--ui-colors-dark-green, #00A651);
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.sticky-article span {
  color: var(--ui-colors-dark-green, #00A651);
  font-family: Comfortaa;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.sticky-name {
  color: var(--ui-colors-black, #0C0C0C);
  font-family: Comfortaa;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 130% */
}

.sticky-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sticky-price {
  color: var(--ui-colors-orange, #FF9D00);
  font-family: Comfortaa;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 125% */
}

.sticky-price small {
  color: var(--ui-colors-orange, #FF9D00);
  font-family: Comfortaa;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
}

.sticky-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border: none;
  border-radius: 16px;
  background: var(--ui-colors-green, #08CB00);
  color: white;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: "Comfortaa", sans-serif;
  white-space: nowrap;
  -webkit-transition: background 0.18s;
  transition: background 0.18s;
}

.sticky-add:hover {
  background: #35a039;
  color: #fff;
}

/* ──────────────────────────────
   TABLET  ≤ 1200px
────────────────────────────── */
@media (max-width: 1200px) {
  .product-page {
    width: calc(100% - 24px);
  }
  .col-left {
    padding: 24px;
  }
  .col-right {
    padding: 24px;
  }
  .wishlist-abs {
    top: 24px;
    right: 24px;
  }
  .key-chars {
    padding: 20px 24px;
    margin-top: 40px;
  }
}
/* ──────────────────────────────
   TABLET  ≤ 960px  — одна колонка
────────────────────────────── */
@media (max-width: 960px) {
  /* Layout */
  .product-top {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .col-left {
    border-radius: 24px 24px 0 0;
    gap: 20px;
  }
  .col-right {
    border-radius: 0 0 24px 24px;
    padding: 20px 24px 28px;
  }
  /* Image */
  .main-img-wrap {
    min-height: 340px;
  }
  /* Термостат: 2 колонки замість 3 */
  .thermo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  /* Sticky bar: приховуємо ліву частину */
  .sticky-left {
    display: none;
  }
  .sticky-inner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 10px 20px;
  }
}
/* ──────────────────────────────
   MOBILE  ≤ 640px
────────────────────────────── */
@media (max-width: 640px) {
  .product-page {
    width: 100%;
  }
  /* Columns */
  .col-left {
    padding: 16px;
    border-radius: 0;
    gap: 16px;
  }
  .col-right {
    padding: 16px 16px 24px;
    border-radius: 0;
  }
  /* Wishlist */
  .wishlist-abs {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }
  .wishlist-abs svg {
    width: 22px;
    height: 22px;
  }
  /* Image */
  .main-img-wrap {
    min-height: 240px;
    border-radius: 12px;
  }
  /* Title */
  .prod-title {
    font-size: clamp(20px, 5vw, 28px);
    line-height: clamp(26px, 6vw, 36px);
    margin: 12px 0;
  }
  .article-line {
    margin-bottom: 16px;
  }
  .sec-lbl {
    font-size: 14px;
    margin-bottom: 10px;
  }
  /* Model buttons */
  .model-row {
    gap: 6px;
    margin-top: 10px;
    margin-bottom: 16px;
  }
  .model-btn {
    padding: 12px 18px;
    font-size: 14px;
    border-radius: 12px;
  }
  /* Термостат: 1 колонка */
  .thermo-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }
  .thermo-btn {
    padding: 14px 12px;
    font-size: 13px;
    border-radius: 16px;
  }
  /* Color cards */
  .color-row {
    gap: 8px;
    margin-bottom: 12px;
  }
  .color-card {
    padding: 16px 8px;
    border-radius: 16px;
    gap: 4px;
  }
  .c-icon,
  .c-icon svg {
    width: 36px;
    height: 36px;
  }
  .color-circle {
    width: 32px;
    height: 32px;
  }
  .c-lbl {
    font-size: 11px;
  }
  /* Sub panels */
  .sub-panel {
    padding: 16px 8px;
    border-radius: 16px;
  }
  .chips {
    gap: 8px;
    margin-bottom: 8px;
  }
  /* Photo grid: 3 колонки */
  .photo-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;
  }
  .p-thumb {
    padding: 8px;
    border-radius: 16px;
  }
  .p-thumb img {
    height: 60px;
  }
  .p-num {
    font-size: 12px;
    line-height: 18px;
  }
  /* RAL dots */
  .ral-dots {
    gap: 6px;
  }
  .ral-dot {
    width: 24px;
    height: 24px;
  }
  /* RAL grid: 3 колонки */
  .ral-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .ral-color {
    height: 44px;
  }
  .ral-code {
    font-size: 11px;
  }
  /* RAL mini */
  .ral-mini-grid {
    gap: 6px;
  }
  .ral-mini {
    height: 28px;
    border-radius: 8px;
  }
  /* Price */
  .price-wrap {
    margin: 12px 0 8px;
  }
  .price-main {
    font-size: 36px;
    line-height: 44px;
  }
  .price-old {
    font-size: 16px;
  }
  /* Trust */
  .trust-row {
    gap: 10px;
    margin-top: 16px;
  }
  .trust-item {
    font-size: 12px;
  }
  /* Payment */
  .pay-text {
    margin: 16px 0 12px;
    font-size: 13px;
  }
  .pay-row {
    gap: 8px;
    margin-bottom: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  /* Purchase row */
  .purchase-row {
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .qty-ctrl {
    height: 48px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .qty-btn {
    width: 40px;
    font-size: 20px;
  }
  .qty-num {
    min-width: 44px;
    font-size: 16px;
  }
  .btn-cart {
    font-size: 15px;
    padding: 12px 16px;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .btn-buy {
    height: 56px;
    font-size: 16px;
    border-radius: 14px;
  }
  /* Key chars */
  .key-chars {
    padding: 16px;
    margin-top: 20px;
    border-radius: 16px;
  }
  .key-chars h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  /* Key chars: одна колонка */
  .chars-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .ci label {
    font-size: 12px;
  }
  .ci value {
    font-size: 14px;
  }
  /* Specs */
  .specs-wrap {
    margin-top: 16px;
    padding: 0 8px 8px;
    border-radius: 16px;
  }
  .specs-toggle {
    font-size: 16px;
    padding: 14px 16px;
    border-radius: 12px;
  }
  .specs-body.open {
    padding: 4px 12px 16px;
  }
  .sn {
    font-size: 12px;
  }
  .sv {
    font-size: 13px;
  }
  /* Sticky bar */
  .sticky-inner {
    padding: 8px 12px;
    gap: 8px;
  }
  .sticky-price {
    font-size: 22px;
  }
  .sticky-price small {
    font-size: 13px;
  }
  .sticky-qty .qty-btn {
    width: 36px;
    font-size: 16px;
  }
  .sticky-qty .qty-num {
    min-width: 38px;
    font-size: 14px;
  }
  .sticky-add {
    padding: 0 14px;
    height: 40px;
    font-size: 13px;
    border-radius: 8px;
  }
  /* Description */
  .desc__label {
    font-size: 17px;
  }
  .desc-block,
  .desc-block p {
    font-size: 14px;
    line-height: 22px;
  }
}
/* ──────────────────────────────
   SMALL MOBILE  ≤ 400px
────────────────────────────── */
@media (max-width: 400px) {
  /* Термостат залишається 1 колонкою */
  /* Photo: 2 колонки */
  .photo-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* RAL: 2 колонки */
  .ral-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* Purchase row — вертикально */
  .purchase-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .qty-ctrl {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .btn-cart {
    max-width: none;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .price-main {
    font-size: 30px;
    line-height: 38px;
  }
}
/* ─── Breadcrumb — product page ──────────────────────────────────────────── */
body .product-page .woocommerce-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
  padding: 30px 0;
  color: var(--ui-colors-grey, #6A7282);
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
@media screen and (max-width: 640px) {
  body .product-page .woocommerce-breadcrumb {
    padding: 20px 20px;
  }
}
body .product-page .woocommerce-breadcrumb a {
  color: var(--ui-colors-grey, #6A7282);
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
body .product-page .woocommerce-breadcrumb a:hover {
  color: #e8722a;
}
body .product-page .woocommerce-breadcrumb > a:last-of-type,
body .product-page .woocommerce-breadcrumb > span:last-child {
  color: var(--ui-colors-orange-peel, #F87B1B);
  font-family: Comfortaa;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  pointer-events: none;
}
body .product-page .woocommerce-breadcrumb > a:first-child::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76203 3.63156L3.00047 8.37687V13.4984C3.00047 13.631 3.05315 13.7582 3.14691 13.852C3.24068 13.9458 3.36786 13.9984 3.50047 13.9984L7.00234 13.9894C7.13452 13.9887 7.26105 13.9357 7.35428 13.842C7.44751 13.7484 7.49984 13.6216 7.49984 13.4894V10.4984C7.49984 10.3658 7.55252 10.2387 7.64629 10.1449C7.74006 10.0511 7.86723 9.99844 7.99984 9.99844H9.99984C10.1325 9.99844 10.2596 10.0511 10.3534 10.1449C10.4472 10.2387 10.4998 10.3658 10.4998 10.4984V13.4872C10.4996 13.553 10.5124 13.6182 10.5375 13.679C10.5625 13.7399 10.5993 13.7952 10.6457 13.8418C10.6922 13.8883 10.7474 13.9253 10.8081 13.9505C10.8689 13.9758 10.9341 13.9888 10.9998 13.9888L14.5005 13.9984C14.6331 13.9984 14.7603 13.9458 14.854 13.852C14.9478 13.7582 15.0005 13.631 15.0005 13.4984V8.37344L9.24016 3.63156C9.17244 3.57698 9.08807 3.54721 9.00109 3.54721C8.91411 3.54721 8.82975 3.57698 8.76203 3.63156ZM17.863 6.85687L15.2505 4.70344V0.375C15.2505 0.275544 15.211 0.180161 15.1406 0.109835C15.0703 0.0395089 14.9749 0 14.8755 0H13.1255C13.026 0 12.9306 0.0395089 12.8603 0.109835C12.79 0.180161 12.7505 0.275544 12.7505 0.375V2.64406L9.95266 0.342188C9.68416 0.121243 9.34725 0.00044167 8.99953 0.00044167C8.65182 0.00044167 8.3149 0.121243 8.04641 0.342188L0.136093 6.85687C0.0981207 6.88826 0.0667043 6.92682 0.0436393 6.97035C0.0205743 7.01388 0.00631274 7.06153 0.00166942 7.11058C-0.00297389 7.15962 0.00209208 7.2091 0.0165779 7.25619C0.0310637 7.30328 0.0546854 7.34705 0.0860934 7.385L0.882968 8.35375C0.914291 8.39184 0.952817 8.42337 0.996343 8.44655C1.03987 8.46973 1.08754 8.48409 1.13662 8.48882C1.18571 8.49356 1.23524 8.48856 1.28239 8.47412C1.32954 8.45969 1.37339 8.43609 1.41141 8.40469L8.76203 2.35031C8.82975 2.29573 8.91411 2.26596 9.00109 2.26596C9.08807 2.26596 9.17244 2.29573 9.24016 2.35031L16.5911 8.40469C16.629 8.4361 16.6728 8.45972 16.7199 8.4742C16.767 8.48869 16.8165 8.49376 16.8655 8.48911C16.9146 8.48447 16.9622 8.47021 17.0057 8.44714C17.0493 8.42408 17.0878 8.39266 17.1192 8.35469L17.9161 7.38594C17.9475 7.34776 17.971 7.30377 17.9853 7.25647C17.9996 7.20918 18.0044 7.15953 17.9995 7.11036C17.9946 7.0612 17.98 7.01349 17.9565 6.96999C17.9331 6.92649 17.9013 6.88805 17.863 6.85687Z' fill='%236A7282'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 14px;
}

.hs-cards-section {
  max-width: 1440px;
  width: calc(100% - 32px);
  margin: 56px auto;
}

.hs-cards-section__title {
  font-family: Comfortaa, sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #0C0C0C;
  margin: 0 0 24px;
  line-height: 1.2;
}/*# sourceMappingURL=style.css.map */


body .elementor-nav-menu .sub-arrow{
	padding: 0;
}

.twold-woo-results-count{
	display: none!important;
}