@media (min-width: 1025px) {
        .section1 {
		    padding-top: 150px !important; 
        }
        .mobile_block {
			display: none !important;
		}
		.block1_sec1 {
			display: grid !important;
			grid-template-columns: 1fr 1fr !important;
		}
		.bg_slide_sec2_merch {
			display: none !important;
		}
    }
	.section1 {
		padding: calc(32 * var(--rpx)) calc(320 * var(--rpx));
		background-image: url('/wp-content/themes/the-hanger/img_from_figma/merch_bg1.png');
		background-size: 100% 100%;
	}
	h1,h2,h3,h4,h5 {
		margin: 0px !important;
	}
	
	.font_bttn_1 {
		font-family: Montserrat;
		font-size: calc(18 * var(--rpx));
		font-weight: 500;
		line-height: calc(22 * var(--rpx));
		color: #fff;
	}
	.block1_sec1 {
		position: relative;
	}
	.text_1_sec1 {
		margin-top: calc(32 * var(--rpx));
	}
	.text_2_sec1 {
		margin-top: calc(12 * var(--rpx));
	}
	.bttn1_mech {
		border-radius: 40px;
		padding: calc(19 * var(--rpx)) calc(74 * var(--rpx));
		background: rgba(36, 36, 36, 1);
		margin-top: calc(32 * var(--rpx));
		float: left;
		width: fit-content;
		cursor: pointer;
	}
	.text_3_sec1 {
		margin-top: calc(16 * var(--rpx));
	}
	.sec1_container_bttn_netw {
		display: flex;
		gap: calc(20 * var(--rpx));
		margin-top: calc(24 * var(--rpx));
	}
	.bttn1_not_bg {
		border-radius: 40px;
		padding: calc(19 * var(--rpx)) calc(32 * var(--rpx));
		display: flex;
		gap: calc(16 * var(--rpx));
		color: rgba(36, 36, 36, 1) !important;
		border: 1px solid rgba(36, 36, 36, 1);
		align-items: center;
	}
	.sec1_block_1_1 {
		display: flex;
		flex-direction: column;
		padding: calc(71 * var(--rpx)) 0px;
	}
	.img_slider_sec1 {
		position: absolute;
		top: 50%;
		cursor: pointer;
		z-index: 2;	
		
	}
	.sec1_prev {
		left: 0px;
		transform: translate(0%, -50%);
	}
	.sec1_next {
		right: 0px;
		transform: translate(0%, -50%);
	}
	.container_all_slide_sec1 {
		position: relative;
		padding-left: calc(108 * var(--rpx));
		padding-right: calc(50 * var(--rpx));
	}
	@media (max-width: 1024px) {
		.section1 {
			padding: 24px 15px;
			background-image: url('/wp-content/themes/the-hanger/img_from_figma/merch_bg1_mobile.jpg');
		}
		.sec1_block_1_1 {
			order: 2;
			padding: 0px !important;
			align-items: center !important;
		}
		.block1_sec1 {
			display: flex !important;
			flex-direction: column !important;
		}
		.section1 h1 {
			font-size: 40px;
			line-height: 48.76px;
			text-align: center;
			margin-bottom: 30px !important;
			margin-top: 48px !important;
		}

		.font24 {
			font-size: 20px;
			line-height: 28px;
			text-align: center;
		}
		.font20 {
			font-size: 18px;
			line-height: 28px;
			text-align: center;
		}
		.font18 {
			font-size: 14px;
			line-height: 19.6px;
			text-align: center;
		}
		.font_bttn_1 {
			font-size: 18px !important;
			line-height: 21.94px !important;
		}
		.img_slider_sec1 {
			display: none !important;
		}
		.pc_block {
			display: none !important;
		}
		.container_all_slide_sec1 {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
		.sec1_block_1_2 img {
			width: 100% !important;
		}
		.bttn1_not_bg {
			padding: 0px 30px !important;
			height: 60px;
			width: 100% !important;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.bttn1_not_bg {
			padding: 0px 0px !important;
			justify-content: center;
		}
		.sec1_container_bttn_netw {
			display: grid !important;
			grid-template-columns: 1fr 1fr;
			width: 100%;
			box-sizing: border-box;
		}
		.a_width_100 {
			width: 100%;
			display: flex;
			justify-content: center;
		}
	}
	.block1_sec1 {
		width: 100% !important;
	}
	
	
	.section2{
		padding: calc(140 * var(--rpx)) calc(320 * var(--rpx));
	}
	.container_category_work_sec2 {
		display: flex;
		gap: calc(5.33 * var(--rpx));
		margin-top: calc(40 * var(--rpx));
		justify-content: center;
	}
	.font18.item_cat_work {
		padding: calc(19 * var(--rpx));
		border-radius: 40px;
		border: 1px solid rgba(36, 36, 36, 1);
		cursor: pointer;
		line-height: 100% !important;
		color: rgba(36, 36, 36, 1);
		font-weight: 500 !important;
		font-size: calc(18 * var(--rpx)) !important;
	}
	.item_cat_work_active {
		color: #fff !important;
		background: rgba(36, 36, 36, 1) !important;
	}
	.sec2_block_photo_merch {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: calc(20 * var(--rpx));
		margin-top: calc(24 * var(--rpx));
	}
	@media (max-width: 1024px) {
		.section2 {
			padding: 0px;
			padding-top: 30px;
		}
		.container_category_work_sec2 {
			display: flex;
            flex-wrap: wrap;
            gap: 10px; /* Проміжок між блоками */
            justify-content: left;
            padding: 10px;
		}
		.container_category_work_sec2 {
			padding: 0px 15px;
		}
		.font18.item_cat_work {
              padding: 10px 20px;
              text-align: center;
              border-radius: 8px; /* Округлення кутів */
              font-size: 14px !important;
              cursor: pointer;
		}
		
	    #section2 .swiper-wrapper {
			overflow: visible !important; 
		}
		#section2 .swiper {
			overflow: hidden !important; 
			width: 100% !important; 
			margin: 0 auto !important; 
		}
		.sec2_block_photo_merch {
		     display: grid;
              grid-template-columns: repeat(2, 1fr); /* Дві колонки однакової ширини */
              gap: 10px; /* Проміжок між елементами */
              padding: 10px;
		}
		
		.grid-item-photo-merch {
		    background-color: #fff; /* Колір фону елемента */
              overflow: hidden; /* Щоб уникнути виходу контенту за межі */
              text-align: center;
		}
		
		.grid-item-photo-merch img {
              width: 100%; /* Повна ширина зображення */
              height: auto; /* Автоматична висота для збереження пропорцій */
              display: block;
}
		
	}
	.section2 .swiper-wrapper {
		flex-direction: row !important;
	}
	.section2 .swiper-wrapper img {
		flex-direction: row !important;
		margin-top: 0px !important;
		margin-bottom: 15px !important;
	}
	.unactive {
		display: none !important;
	}
	.container_all_block_category {
		position: relative;
	}
	.values-container {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin: 40px auto 0px auto;
        max-width: 1200px;
        padding: 20px;
    }
        .value-card {
            display: flex; 
            justify-content: center; 
            flex-direction: column; 
            align-items: center; 
            flex: 1;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
        }
        .value-card:hover {
            transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        .value-title {
            font-size: 1.5em;
            font-weight: 700;
            color: #333;
            margin-bottom: 15px;
        }
        .value-description {
            font-size: 1em;
            color: #555;
            margin-bottom: 15px;
        }
        .value-client {
            font-size: 0.9em;
            color: #888;
        }
        .section7 {
		padding-top: calc(140 * var(--rpx));
	}
	@media (max-width: 768px) {
	        .section7 {
	            padding-top: calc(70 * var(--rpx));
	        }
            .values-container {
                flex-direction: column;
                gap: 15px;
            }
        
            .value-card {
                margin-bottom: 20px;
            }
}


.section3 {
		padding: 0px calc(320 * var(--rpx));
		padding-bottom: calc(140 * var(--rpx));
	}
	.container1_sec3 {
		display: flex;
		justify-content: center;
	}
	.item_cont1_sec1 {
		padding: calc(16.5 * var(--rpx)) calc(37 * var(--rpx));
		gap: calc(20 * var(--rpx));
		align-items: center;
		display: flex;
		color: rgba(36, 36, 36, 1);
	}
	.sec3_border_right {
		border-right: 1px solid rgba(0, 0, 0, 0.1)
	}
	.sec3_cont1_icon {
		box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
		display: flex;
		justify-content: center;
		align-items: center;
		padding: calc(22 * var(--rpx));
		border-radius: 10px;
	}
	.sec3_cont1_icon img {
		width: calc(44 * var(--rpx));
	}
	.container2_sec3 {
		height: calc(630 * var(--rpx));
	}
	.sec3_block_video {
		overflow: hidden;
		position: relative;
	}
	.sec3_block_video video {
		height: 100%;
	}
	.section3 .sec3_block_video:nth-child(1) {
		height: calc(630 * var(--rpx));
	}
	.section3 .sec3_block_video:nth-child(2) {
		height: auto;
	}
	.section3 .sec3_block_video:nth-child(2) video {
		height: 100%;
	}
	:root {
		--gap20: calc(10 * var(--rpx));
	}
	.button_play_video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		border: 1px solid #fff;
		background: rgba(255,255,255,0.6);
		width: calc(125 * var(--rpx));
		height: calc(125 * var(--rpx));
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		cursor: pointer;
		backdrop-filter: blur(1px);
		z-index: 1;
	}
	.button_play_video img {
		width: calc(43 * var(--rpx));
	}
	.sec3_block_video_for_script {
		position: relative;
	}
	@media (max-width: 1024px) {
		.section3 {
			padding: 0px 15px !important;
			margin-top: 100px;
		}
		.section3 h2 {
			padding-bottom: 32px !important;
		}
		.container1_sec3 {
			width: 100% !important;
			flex-direction: column;
		}
		.sec3_border_right {
			border-right: unset;
		}
		.container1_sec3 {
			margin-top: 0px !important;
			padding-top: 0px !important;
			border-top: unset !important;
		}
		.item_cont1_sec1 {
			padding: 22px 0px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			justify-content: center;
		}
		.container1_sec3:first-child .item_cont1_sec1:first-child {
			border-top: 1px solid rgba(0, 0, 0, 0.1);
		}
		.container2_sec3 {
			flex-direction: column !important;
			display: flex !important;
			height: auto !important;
		}
		.section3 .sec3_block_video:nth-child(1) {
			height: auto !important;
		}
		.sec3_block_video video {
			height: 100% !important;
			width: 100% !important;
		}
		.section3 .sec3_block_video:nth-child(2) {
			flex-direction: row !important;
		}
		.sec3_block_text {
			display: block;
			width: 163px;
		}
		.sec3_cont1_icon img {
			width: 32px !important;
			height: 32px !important;
		}
		.sec3_cont1_icon {
			padding: 16px 16.5px !important;
		}
		.button_play_video {
			width: 100px !important;
			height: 100px !important;
		}
		.container2_sec3 .sec3_block_video:nth-child(2) {
			height: calc(169 * var(--rpx)) !important;
			gap: calc(8 * var(--rpx)) !important;
		}
		.container2_sec3 {
			gap: calc(8 * var(--rpx)) !important;
		}
		.button_play_video img {
			width: 35px !important;
			height: 40px !important;
		}
		.container2_sec3 .sec3_block_video:nth-child(2) .sec3_block_video_for_script {
			height: 100% !important;
		}
		.container2_sec3 .sec3_block_video:nth-child(2) video {
			object-fit: cover;
		}
		.section3 .font44 {
			font-size: 29px !important;
		}
		.container2_sec3 {
			margin-top: 100px !important;
		}
	}
	
	.section4 {
		padding: 0px calc(320 * var(--rpx)) calc(140 * var(--rpx));
	}
	.section4 .sec3_cont1_icon, .section7 .sec3_cont1_icon  {
		padding: 0px !important;
		height: calc(88 * var(--rpx));
		width: calc(88 * var(--rpx));
	}
	.section4 .sec3_cont1_icon img, .section7 .sec3_cont1_icon img {
		height: calc(43 * var(--rpx)) !important;
		width: auto !important;
	}
	
	
	@media (max-width: 1024px) {
		.section4, .section8, .products-section, .budget-wrapper {
			margin-top: 70px !important;
			padding: 0px 16px !important;
		}
		
		.products-grid {
		    grid-template-columns: repeat(2, 1fr) !important; /* 2 колонки для екранів до 1024px */
		}
		
		.section8, .budget-wrapper {
		    margin-bottom: 90px;
		}
		.sec4_container_block, .material-choices {
			display: flex !important;
			flex-direction: column !important;
		}
		.material-choices {
		    align-items: center;
		    padding: 0px !important;
		}
		.choice-block {
		    width: 90% !important;
		}
		.section4 .sec3_cont1_icon, .section7 .sec3_cont1_icon {
			height: 64px !important;
			width: 64px !important;
		}
		.section4 .sec3_cont1_icon img, .section7 .sec3_cont1_icon img  {
			height: auto !important;
		}
		.masonry-layout {
			column-count: 1 !important;
			width: 100% !important;
			margin-left: 0px !important;
	  } 
	}
	
	.section8 {
		display: flex; 
		flex-direction: column;
		padding: var(--140) var(--320);
		padding-bottom: 0px !important;
	}
	.section8 h2, .products-section h2, .budget-wrapper h2, .form-order__title {
		font-family: Montserrat;
		font-size: var(--f_size56);
		font-weight: 700;
		line-height: var(--l_height68);
		text-align: center;
		margin-bottom: calc(41 * var(--rpx));
		color: #000;
	}
	.section8 p {
		font-family: Montserrat;
		font-size: var(--fsize18);
		font-weight: 300;
		line-height: var(--l_height25);
		text-align: center;
		margin-bottom: calc(32 * var(--rpx));
	}
	.masonry-layout {
	  column-count: 3;
	  column-gap: 0;
	  width: calc(100% + 37px);
	  margin-left: -20px;
	}
	.masonry-layout__panel {
	  break-inside: avoid;
	  padding: 5px;
	}
	.masonry-layout__panel-content {
	  padding: 10px;
	  border-radius: 10px;
	}
	
	.block1_sec5 {
		display: grid; 
		grid-template-columns: 1.65fr 0.8fr;
		box-shadow: 0px 4px 18px 0px #0000001F;
		border-radius: 20px;
	}
	.text_review {
		padding: var(--24);
		padding-bottom: var(--44);
		border-radius: 20px;
		background: #F8F8F8;
		font-size: var(--fsize18);
		line-height: var(--l_height25);
	}
	.img_user_review {
		border-radius: 50%;
		width: var(--118);
		height: var(--118);
	}
	.nick_user_review {
		font-family: Montserrat;
		font-size: var(--fsize18);
		font-weight: 700;
		line-height: var(--l_height25);
		color: #242424;
	}
	.date_review {
		font-family: Montserrat;
		font-size: var(--fsize14);
		font-weight: 300;
		line-height: var(--lheight19_6);
		color: #242424;
	}
	.block2_sec5 {
		margin-top: calc(44 * var(--rpx));
	}
	
	.section6 {
		padding: calc(140 * var(--rpx)) 0px;
		padding-bottom: 0px;
	}
	.container1_sec6 {
		display: flex;
		gap: calc(20 * var(--rpx));
		margin-top: calc(40 * var(--rpx));
		padding-bottom: 10px;
	}
	.item_c1_sec6 {
		width: 16.666666%;
		box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
		border-radius: 25px;
		width: calc(305 * var(--rpx));
		height: calc(305 * var(--rpx));
		display: flex;
		justify-content: center;
		align-items: center;
	}
	body {
		background: #fff;
	}
	.white_bg_sec6 {
		position: absolute; 
		background: rgba(255, 255, 255, 0.6);
		height: 100%;
		width: 16.6666666%;
	}
	.white_bg_sec6_left {
		left: 0;
	}
	.white_bg_sec6_right {
		right: 0;
	}
	@media (max-width: 1024px) {
		/*.container1_sec6{
			display: grid !important;
			grid-template-columns: 1fr 1fr !important;
			width: fit-content !important;
			margin-left: 50% !important;
			transform: translate(-50%, 0%) !important;
		}*/
		.section6 {
			padding: 100px 0px !important;
			padding-bottom: 0px;
		}
		.item_c1_sec6 {
			width: 112px !important;
			height: 112px !important;
			padding: 27px !important;
			box-sizing: content-box;
		}
		.section5 input[type="text"], .section5 input[type="number"] {
			height: 60px !important;
			width: 100% !important;
		}
		.custom_quantity_container  {
			height: 60px !important;
			width: 132px !important;
		}
	}
	.marquee {
		overflow: hidden;
		display: flex;
	}
	.marquee-content {
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	.marquee-content img {
		width: 200px;
		height: auto;
		display: inline-block;
	}
	@keyframes marquee {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-100%);
		}
	}
	
	
	
	.section5 {
		padding: 0px calc(320 * var(--rpx));
	}
	.sec5_container1 {
		margin-top: calc(50 * var(--rpx));
		display: grid;
		grid-template-columns: 1fr 1.2fr;
		border-radius: 20px;
		overflow: hidden;
		background: #fff;
		box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
	}
	.sec5_c1_b1 {
		background: rgba(36, 36, 36, 1);
		padding: calc(32 * var(--rpx));
		color: #fff !important;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.custom_input_select_container {
		font-family: Montserrat;
		font-size: calc(16 * var(--rpx));
		font-weight: 600;
		line-height: calc(19 * var(--rpx));
		user-select: none;
	}
	.custom_input_select {
		border-radius: 40px;
		border: 1px solid rgba(36, 36, 36, 1);
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: calc(20 * var(--rpx)) calc(32 * var(--rpx));
		width: calc(363 * var(--rpx));
		height: calc(60 * var(--rpx));
		position: relative;
		cursor: pointer;
	}
	@media (max-width: 1024px) {
		.custom_input_select {
			width: auto !important;
			height: 50px !important;
		}
	}
	.option_custom_select {
		position: absolute;
		bottom: 0px;
		background: #fff;
		width: 100%;
		border: 1px solid rgba(0,0,0,0.2);
		transform: translate(0%, 101%);
		left: 0;
	}
	.option_custom_select .item_option {
		padding: calc(15 * var(--rpx)) calc(20 * var(--rpx));
		cursor: pointer;
	}
	.option_custom_select .item_option:not(:last-child) {
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	.hide_container_option {
		display: none;
	}
	.c_input_and_label {
		display: flex; justify-content: space-between; align-items: center;
		padding: calc(20 * var(--rpx)) 0px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	/* Start Cust Quantity */
	.custom_quantity_container {
		width: calc(165 * var(--rpx));
		height: calc(60 * var(--rpx));
		border: 1px solid #242424;
		background: #2424241A;
		overflow: hidden;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		border-radius: 40px;
		align-items: center;
		user-select: none;
	}
	.block_in_cust_quantity {
		display: flex;
		justify-content: center;
		font-family: Montserrat;
		font-size: var(--fsize18);
		font-weight: 500;
		line-height: var(--lheight22);
	}
	.custom_quantity_container .block_in_cust_quantity:nth-child(2) {
		border-left: 1px solid rgba(0,0,0,0.1);
		border-right: 1px solid rgba(0,0,0,0.1);
		height: 40%;
		align-items: center;
	}
	.custom_quantity_container .block_in_cust_quantity:nth-child(1), .custom_quantity_container .block_in_cust_quantity:nth-child(3) {
		cursor: pointer;
	}
	@media (max-width: 1024px) {
		.custom_quantity_container {
			width: 132px !important;
			height: 50px !important;
		}
	}
	/* End Cust Quantity */
	.section5 input[type="text"], .section5 input[type="number"] {
		border-radius: 40px;
		border: 1px solid rgba(36, 36, 36, 1);
		padding: calc(20 * var(--rpx)) calc(32 * var(--rpx));
		width: calc(363 * var(--rpx));
		height: calc(60 * var(--rpx));
		font-family: Montserrat;
		font-size: calc(16 * var(--rpx));
		font-weight: 400;
		line-height: calc(19 * var(--rpx));
		margin: 0px !important;
	}
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}
	input[type=number] {
	  -moz-appearance:textfield;
	}
	.message_success_merch {
		margin-top: 15px;
		float: left;
	}
	.wpcf7-form {
		display: none;
	}
	@media (min-width:400px) and (max-width: 1024px) {
		
	}
	@media (max-width: 1024px) {
		.section5 {
			margin-top: 100px !important;
			padding: 0px 16px !important;
			padding-top: 100px !important;
			background-color: rgba(248, 248, 248, 1);
		}
		.sec5_container1 {
			display: flex !important;
			flex-direction: column !important;
		}
		.section5 .font18 {
			text-align: left !important;
		}
		.sec5_c1_b1 img {
			width: 24px !important;
			height: 24px !important;
		}
		.section5 input[type="text"], .section5 input[type="number"] {
			height: auto !important;
		}
		.section5 .bttn1_mech {
			padding: 20px 0px !important;
		}
		.sec5_c1_b1 {
			padding: 32px !important;
		}
		.c_input_and_label_inp_text {
			grid-template-columns: 0.4fr 1fr !important;
		}
	}
	.c_input_and_label_inp_text {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
	}
	
	
	
	.section_faq {
		padding: calc(140 * var(--rpx)) calc(320 * var(--rpx));
		margin-top: calc(140 * var(--rpx));
		background: rgba(248, 248, 248, 1);
	}
	.title_spoiler {
		font-family: Montserrat;
		font-size: 18px;
		font-weight: 500;
		line-height: 21.94px;
		text-align: left;
		border-bottom: 1px solid rgba(119,119,119,0.15);
		padding: 17px 24px;
		color: #242424;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
	}
	.title_spoiler:after {
		font-family: "the-hanger" !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e901";
	}
	.title_spoiler.active_spoiler:after {
		content: "\e9c9" !important;
	}
	.spoiler_text {
		font-family: Montserrat;
		font-size: 16px;
		font-weight: 300;
		line-height: 22.4px;
		padding: 17px 24px;
		color: black;
		border-bottom: 1px solid rgba(119,119,119,0.15);
	}
	.container_spoiler p {
		margin: 0px !important;
	}
	@media (max-width: 1024px) {
		.section_faq {
			padding: 100px 15px !important;
			margin-bottom: 0px !important;
			margin-top: 0px !important;
		}
	}
	img.img_green_star {
		width: calc(18 * var(--rpx));
		height: calc(18 * var(--rpx));
		max-width: unset !important;
	}
	
	.products-section {
    padding: calc(140 * var(--rpx)) calc(140 * var(--rpx));
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
}

.products-grid {
    display: grid;
    padding-top: 30px;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.product-item {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    position: relative;
}

.product-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.product-item p {
    margin: 0;
}

.product-item:after {
    content: '';
    display: block;
    width: 80px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 10px auto 0;
}

.material-choices {
    display: flex;
    padding: 0px calc(140 * var(--rpx)) calc(140 * var(--rpx));
    justify-content: space-around;
    gap: 20px;
    margin: 40px 0;
}

.choice-block {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 50px !important;
    width: 30%;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.choice-block h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.choice-block.prefer h4, .choice-block.prefer h3  {
    color: #fff !important;
}
.choice-block.prefer {
    color: #fff;
    background-color: #242424;
}


.choice-block h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #777;
}

.choice-block img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.choice-block .price {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.choice-block .pros-cons {
    list-style: none;
    padding: 0;
    text-align: left;
}

.choice-block .pros-cons li {
    margin-bottom: 5px;
}
.pros-cons li::before {
    content: "+"; /* Додаємо знак "+" */
    font-weight: bold; /* Жирний знак "+" */
}

.popup-link {
    cursor: pointer;
}
.btn_start {
    font-family: "Montserrat", Sans-Serif;
    font-weight: 600;
    font-size: 16px;
    padding: 22px 42px;
    border-radius: 5px;
    text-align: center;
    background-color: #242424;
    color: #fff;
}
.choice-block.prefer .btn_start {
    background-color: #fff;
    color: #242424;
}

.btn_start:hover {
    background-color: black;
}
.choice-block.prefer .btn_start:hover {
    background-color: #f5f5f5;
}

/* Для мобільних пристроїв 
@media (max-width: 768px) {
    .material-choices {
        flex-direction: column;
        align-items: center;
    }

    .choice-block {
        width: 90%;
        margin-bottom: 20px;
    }
}*/


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

.popup-content {
    position: relative;
    margin: 10% auto;
    width: 90%;
    max-width: 600px;
    background-color: #fff;
    border-radius: 10px;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}
.popup__close:before {
    color: black;
}

/* Анімація відкриття */
.popup-content {
    animation: fadeIn 0.3s ease;
}
.form-order__text {
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    color: black;
}
.form-order__top {
    padding: calc(32 * var(--rpx)) calc(64 * var(--rpx));
}
.form-order__cell {
    border-top: 1px solid rgba(0,0,0,.15);
    padding: calc(32 * var(--rpx)) calc(64 * var(--rpx));
}
.form-order__subtitle {
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    line-height: normal;
    margin-bottom: 16px
}
.choice-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: calc(-16 * var(--rpx));
}

.form-order__select {
    display: none; 
}


@media screen and (max-width: 576px) {
    .form-order__select {
        display: block;
        margin-bottom: 0px;
    }
    
    .form-order__top, .form-order__cell {
        padding: calc(24 * var(--rpx));
    }
    .form-order__cell:last-child {
        padding-bottom: calc(5 * var(--rpx)) !important;
    }
    .form-order__title {
        font-size: 20px;
        margin-bottom: calc(12 * var(--rpx));
    }
    .form-order__text {
        font-size: 15px;
    }
    .choice-icon, .choice {
        display: none !important;
    }
    .form-validation .font16 {
        font-size: 15px !important;
    }
    
    .popup__close {
        top: 16px;
        right: 16px;
    }
}
.choice-icon__item {
    cursor: pointer;
    margin-bottom: 16px;
    padding: 24px 0;
    flex: 0 0 31%;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    transition: .3s;
}


@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.no-scroll {
    overflow: hidden;
}

@font-face {
    font-display: swap;
    font-family: "iconmoon";
    src: url("/wp-content/themes/the-hanger/fonts_from_figma/iconmoon.eot"); /* IE9 */
    src: url("/wp-content/themes/the-hanger/fonts_from_figma/iconmoon.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
         url("/wp-content/themes/the-hanger/fonts_from_figma/iconmoon.woff") format("woff"),   /* Modern browsers */
         url("/wp-content/themes/the-hanger/fonts_from_figma/iconmoon.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}



[class^=icon-]:before, [class*=" icon-"]:before {
    font-family: "iconmoon" !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-tshirt:before {
    content: "\e906";
}
.icon-tshirt-plus:before {
    content: "\e902";
}
.icon-hoodie:before {
    content: "\e907";
}
.icon-shooper:before {
    content: "\e904";
}
.icon-cap:before {
    content: "\e903";
}
.icon-nothing:before {
    content: "\ea0e";
}
.icon-close:before {
    content: "\ea0f";
}
.choice-icon__item:before {
    font-size: 48px;
    margin-bottom: 12px;
    color: black;
}
.choice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -8px;
}
.choice__item {
    padding: 8px;
    flex: 0 0 33.333%;
}
.choice-item {
    text-align: center;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    transition: .3s;
    padding: calc(16 * var(--rpx));
}
.choice-icon__item:hover, .choice-item:hover {
    background: rgba(0,0,0,.05);
}
.choice-icon__item.active:before {
    color: #fff;
}
.choice-icon__item.active, .choice-item.active {
    background: #242424;
    color: #fff;
}

    .form-validation .font16 {
        color: black;
        font-weight: 500;
        line-height: normal;
        margin-bottom: calc(16 * var(--rpx));
    }
    
    .form-validation .font16 span {
        color: #e72525;
    }
    .form-validation input {
        -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 16px 20px;
    width: 100%;
    display: block;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #242424;
    line-height:140%
    }
    
    .form-validation input:focuss {
        border:1px solid rgba(0, 0, 0, .5)
    }
    .form-validation textarea {
        padding: 16px 20px;
        width: 100%;
        display: block;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 5px;
        font-family: "Montserrat", sans-serif;
        font-weight: 400 !important;
        font-size: 16px;
        color: #242424 !important;
        line-height: 140%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        resize: none;
        height:100px
    }
    .form-validation .font16 input {
        font-weight: 400 !important;
    }
    
    .form-validation textarea:focus {
        border:1px solid rgba(0, 0, 0, .5)
    }
    .popup-content {
        padding-bottom: 90px;
    }
    
    .popup-content .bttn1_mech {
        border-radius: 5px !important;
        margin-top: 0px !important;
    }