/*
Theme Name: Sauna-Specialiste
Description: WooCommerce theme for sauna products
Version: 2.0.0
Author: Sauna Specialiste
Text Domain: sauna-specialiste
Domain Path: /languages
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
*/

.main, .quat, .rem {
	float: left
}
.standard-dropdown a {
	white-space: nowrap
}
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
	font-family: Geist, sans-serif!important;
	background: #fff
}
html, body {
	max-width: 100%
}
/* Visually hide WooCommerce/WordPress a11y text (theme dequeues WC CSS which normally provides this).
   Hides "Price range: … through …" and "This product has multiple variants…" without removing them. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.bg-green-700 {
	background: #4a5135!important
}
.text-green-700 {
	color: #4a5135!important
}
.text-gray-700 {
	color: #6d6d6d!important
}
.no_prod {
	opacity: .5
}
.no_prod i {
	font-size: 30px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dadada
}
.exte p {
	display: flex;
	justify-content: space-between;
	padding-bottom: 6px
}
.text-red-700 {
	color: #e31d1c!important
}
.p_0 {
	padding: 0!important
}
.main, .quat, .rem {
	padding: 0
}
.anton-font {
	font-family: Anton, sans-serif
}
.carousel-track {
	scroll-behavior: smooth
}
.swiper-button-next:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: ''!important
}
.swiper-button-next svg, .swiper-button-prev svg {
	width: 24px!important;
	height: 24px!important
}
.swiper-button-next, .swiper-button-prev {
	position: relative!important
}
.cst_out, .main_menu ul li, .main_menu>ul>li, header {
	position: relative
}
.swiper-slide.swiper-slide-active {
	--tw-border-opacity: 1!important;
	border-color: rgb(79 70 229 / var(--tw-border-opacity))!important
}
.swiper-slide.swiper-slide-active>.flex .grid .swiper-slide-active\:text-indigo-600, .swiper-slide.swiper-slide-active>.swiper-slide-active\:text-indigo-600 {
	--tw-text-opacity: 1;
	color: rgb(79 70 229 / var(--tw-text-opacity))
}
.cst_out {
	top: -30px
}
.cst_out h2 {
	z-index: 1;
	width: 480px
}
.cst_out article {
	margin-top: 70px
}
.mt_10 {
	margin-top: 10px
}
.slider_btns {
	margin-bottom: 20px
}
.h_93 {
	height: 93%
}
.ml_0 {
	margin-left: 0!important
}
#lang-dropdown li, #search-form-container .aws-container, #search-form-container form, .main, .quat, .rem {
	margin: 0
}
.main {
	width: 100%
}
.quat {
	width: 25%
}
.rem {
	width: 75%
}
.up_arrow {
	background: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 5px;
	align-items: center;
	justify-content: center;
	display: flex
}
.up_arrow svg {
	color: #000;
	width: 15px
}
#learn-more {
	height: 42px;
	font-size: 14px
}
.cus_key p {
	color: #5c5958;
	padding-bottom: 0
}
.justify_evenly {
	justify-content: space-evenly
}
.bg_gray {
	background: #f2f2f2
}
.min_hit {
	min-height: 75vh
}
.recom .added_to_cart {
	font-size: 12px!important;
	width: 98px!important;
	padding-left: 0!important;
	padding-right: 0!important;
	border-radius: 5px!important
}
header {
	width: 100%;
	transition: .3s;
	background: #fff
}
header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
}
.cus_menu {
	margin-left: 92px
}
.woocommerce-cart input.qty, .woocommerce-cart input.qty-mobile {
	cursor: default!important;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	caret-color: transparent;
	text-align: center;
	background-color: #fff!important;
	-webkit-appearance: none;
	-moz-appearance: textfield
}
.woocommerce-cart input.qty-mobile:focus, .woocommerce-cart input.qty:focus {
	outline: 0!important;
	box-shadow: none!important
}
.woocommerce-cart input.qty-mobile[readonly], .woocommerce-cart input.qty[readonly] {
	background-color: #fff!important
}
.combo-option-label {
	min-height: 140px;
}


.combo-item-wrapper.combo-simple-item {
  display: block;
}

.min-h-56{ min-height:56px}
.cus_line_clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}

#ordersTable tr{ border-bottom: 1px solid #eee !important;}
.disabled.next{opacity: 0.3 !important;}
.disabled.previous{ opacity: 0.3 !important;}



/* Mini cart scroll setup start*/
.cart-hover-group {
    position: relative;
    overflow: visible;
}

.cart-dropdown {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10001;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.cart-hover-group:hover .cart-dropdown,
.cart-dropdown.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (max-width: 767px) {
    .cart-dropdown {
        display: none !important;
    }
	button.cookieadmin_re_consent {
		bottom: 67px !important;
	  }
}

.cart-dropdown .widget_shopping_cart_content {
    max-height: 420px;          
    overflow-y: auto;
    overflow-x: hidden;
}
/* Chrome, Edge, Safari */
/* .cart-dropdown .widget_shopping_cart_content::-webkit-scrollbar {
    width: 0px;
    height: 0px;
} */

/* Firefox */
/* .cart-dropdown .widget_shopping_cart_content {
    scrollbar-width: none;
} */

/* IE / Old Edge */
/* .cart-dropdown .widget_shopping_cart_content {
    -ms-overflow-style: none;
}
.cart-dropdown .widget_shopping_cart_content {
    scroll-behavior: smooth;
} */
/* Create invisible hover area so cursor never leaves group */
.group:hover .cart-dropdown::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
}
.woocommerce-mini-cart-item .remove {
    margin-top: 15px;
}
.woocommerce-mini-cart-item[data-kumma-removable="0"] .remove {
    display: none !important;
    pointer-events: none;
}
/* Mini cart scroll setup end*/

.woocommerce-privacy-policy-text{
	margin-bottom: 20px; padding: 15px; background: rgb(248, 249, 250); border-left: 4px solid rgb(0, 115, 170); border-radius: 4px;

}


/* #ordersTable_wrapper #ordersTable td 
{
	border-bottom: unset;
} */

.cwginstock-subscribe-form .cwgstock_email {
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    color: #333;
    padding: 10px;
    width: 100%;
    border-radius: 4px;
}

.cwginstock-subscribe-form .cwgstock_email::placeholder {
    color: #999;
    opacity: 1; /* fix for Safari */
}
.cwgstock_button {
    width: 100%;
    padding: 12px 16px !important;
    background: #000 !important;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cwginstock-subscribe-form .panel-primary > .panel-heading {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff;
}

[id^="content-"] {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

[id^="content-"].open {
  max-height: 9999px !important; /* எவ்வளவு content இருந்தாலும் காட்டும் */
  transition: max-height 0.8s ease-in-out;
}

.new_hover a{color: #000 !important; font-weight: 500;}
.new_hover a:hover{ color: #4a5135 !important; }
.new_hover a:hover svg{ color: #4a5135 !important; opacity: 0.8;}


.variation-btn.active{color: #000;}


#modalBackdrop input, #modalBackdrop button{ height:38px !important; border-radius:5px !important}
#modalBackdrop .cust_btns button{ height:auto !important;}
#modalBackdrop #kuuma-attachment-open-preview {
	height: auto !important;
	min-height: 120px !important;
	max-height: none !important;
	padding: 0 !important;
	border-radius: 0.5rem !important;
	overflow: hidden;
}
#modalBackdrop #kuuma-attachment-open-preview #kuuma-attachment-thumb {
	display: block;
	width: 100%;
	height: auto !important;
	max-height: 220px;
	object-fit: contain;
	background: #f9fafb;
}
#modalBackdrop #cancelBtn,
#modalBackdrop #kuuma-submit-btn {
	height: 56px !important;
}
#modalBackdrop #kuuma-send-otp,
#modalBackdrop #kuuma-verify-otp,
#modalBackdrop #kuuma-otp-resend,
#modalBackdrop #kuuma-otp-change-email {
	height: 40px !important;
}
#modalBackdrop #kuuma-attachment-view,
#modalBackdrop #kuuma-attachment-remove,
#modalBackdrop label:has(#kuuma_attachment_replace) {
	height: 36px !important;
}

.text-muted-foreground{ color:#5c656b !important}

.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);}
.h_120{ height: 120px !important;}
.pl_86{ padding-left: 86px }

/* popup card start */

card-w { width: 123px; }
  .card-h { height:128px; }
  .top-area { background-color: #F7F4EF; } /* cream/beige top section */
  .bottom-area { background-color: #FFFFFF; } /* white bottom section */
  .flame-icon { color: #D9D4CB; } /* muted grey-beige flame */
  .badge-text {
    background: #000 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 500;
    line-height: 1.25;
    padding: 2px 6px;
    border-radius: 4px;
    display:flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
  }




  .cust_hover .card-w:hover{ border:1px solid #828485; background:#fbf9f8;}
  .card-w:hover .bottom-area{background: #F7F4EF;}
  #modalBackdrop input::placeholder {font-weight: 400;font-size: 14px;color: #000 !important; opacity: 0.6;}

  .mt_m5{ margin-top:-5px}

  .bg_gray{ background: #fbfbfa}
  .bg_gray:hover{ background: #f9f8f6}

  /* Selected option chips / heater cards in Kuuma consultation form */
  #kuuma-customizer-form .kuuma-option-btn.kuuma-option-selected,
  #kuuma-customizer-form .kuuma-option-btn.bg_gray {
    background-color: #e4e4e4 !important;
    border-color: #111827 !important;
    color: #111827;
  }
  #kuuma-customizer-form .kuuma-heater-card.kuuma-option-selected,
  #kuuma-customizer-form .kuuma-heater-card.is-selected {
    background-color: #e4e4e4 !important;
    border-color: #111827 !important;
  }


  /* Chrome, Edge, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}


#modalBackdrop #closeBtn{height:30px !important;}
  /* popup card END */

  .mt_56{ margin-top: 56px !important; }


@media screen and (max-width:1279px) {
	.cus_menu {
		margin-left: 104px
	}
}
@media screen and (max-width:1024px) {
	.cst_out h2 {
		width: auto;
		margin-top: -15px
	}
	.cst_out article, .slider_btns {
		margin-top: 30px
	}
	.h_93 {
		height: 400px
	}
	.slider_btns {
		margin-bottom: 0
	}
}
@media screen and (max-width:1024.99px) {
	.cst_out article {
		margin-top: 68px
	}
}
@media screen and (max-width:575.99px) {
	.cst_out {
		position: inherit;
		top: -30px
	}
	.cst_out h2 {
		width: auto;
		margin-top: -15px
	}
	.cst_out article {
		margin-top: 30px
	}
	.slider_btns {
		margin-top: 0!important
	}
	.med_mtop {
		margin-top: 15px
	}
	#learn-more {
		height: 40px;
		font-size: 12px
	}
}
@media screen and (min-width:1800px) {
	.cus_height {
		height: 640px!important
	}
}
@media screen and (min-width:2000px) {
	.cus_height {
		height: 800px!important
	}
}
@media screen and (min-width:3000px) {
	.cus_height {
		height: 1000px!important
	}
}
#edittag {
	max-width: 1800px!important
}
.group:focus-within>.mega-menu-outer, .group:focus-within>.standard-dropdown, .group:hover>.mega-menu-outer, .group:hover>.standard-dropdown {
	display: block!important
}
.mega-menu-outer>.mega-menu-inner>.grid, .standard-dropdown {
	transition: opacity .18s, transform .18s;
	transform-origin: top
}
.border-tab-blue {
	border-color: #3b82f6
}
.border-tab-green {
	border-color: #10b981
}
.border-tab-purple {
	border-color: #8b5cf6
}
.border-tab-orange {
	border-color: #f59e0b
}
.border-tab-red {
	border-color: #ef4444
}
.border-tab-pink {
	border-color: #ec4899
}
.bg-blue-50 {
	background-color: #eff6ff
}
.text-gray-500 {
	color: #6b7280
}
.my-breadcrumb .breadcrumb-item a:hover, .text-gray-900 {
	color: #111827
}
.border-gray-200 {
	border-color: #e5e7eb
}
.focus\:ring-tab-blue:focus {
	--tw-ring-color: #3b82f6
}
.transition-colors {
	transition-property: color, background-color, border-color;
	transition-duration: 150ms
}
/* .main_menu ul li ul, .mega_menu {
	background: #fff;
	transition: .5s
} */

.main_menu ul li ul,
.main_menu ul li .mega_menu {
    background: #fff;
    transition: opacity .3s ease, transform .3s ease;
}

.tab-button:hover {
	background-color: #f9fafb
}
.tab-button.active {
	background-color: #eff6ff;
	color: #111827
}
.logo a {
	font-size: 20px;
	font-weight: 700;
	color: #353535;
	text-transform: uppercase
}
.main_menu>ul>li {
	display: inline-block;
	margin: 0 -2px
}
.main_menu ul li a {
	font-size: 14px;
	padding: 15px 16px;
	display: block
}
.main_menu ul li a i {
	position: relative;
	top: 1px;
	left: 3px
}
.main_menu ul li .active, .main_menu ul li .mega_menu_item a:hover, .main_menu ul li:hover>a {
	color: var(--hover-color)
}
.main_menu ul li ul {
	width: 200px;
	color: #000;
	padding-top: 5px;
	padding-bottom: 10px
}
.main_menu ul li ul li a {
	font-size: 14px;
	padding: 10px 20px
}
.main_menu ul li ul li a i {
	float: right
}
.main_menu ul li ul li ul {
	left: 100%;
	top: 0
}
.mega_menu_dropdown {
	position: static!important
}
.mega_menu {
	left: 0;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0 5px 15px 0 rgba(212, 201, 201, .75)
}
.mega_menu_item {
	width: 25%;
	padding: 12px 18px
}
.main_menu ul li .mega_menu_item a {
	padding: 5px 0;
	width: fit-content;
	color: #000;
	opacity: .8;
	font-size: 14px
}
.mega_menu_item h3 {
	margin-bottom: 15px
}
#account-security-form .iti, #reseller-contact-form .iti, .cus_inp .iti.iti--allow-dropdown, .has_dropdown .sub_menu li a.hover-line:hover::after, .has_dropdown>a.hover-line:hover::after, .hover-line:hover::after, .mega_menu_item img, .shipping_billing_address_form .iti {
	width: 100%
}
.mega_menu_demo_2 .mega_menu {
	left: 50%;
	transform: translateX(-50%);
	width: 1140px
}
.add_to_cart_button.loading .add-text, .adding-wrapper, .desktop_none, .mobile_btn, body.pickup-mode .woocommerce-shipping-totals, body.pickup-mode tr.shipping, body:not(.pickup-mode) #pisol-pickup-locations {
	display: none!important
}
.diy-cart-item-actions {
	display: flex!important;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}
.diy-cart-item-actions .remove,
.diy-cart-item-actions .diy-cart-edit-config {
	display: inline-block;
}
.sub_menu li a {
	color: #000!important;
	opacity: .8
}
.w_300 {
	width: 300px
}
.w_350 {
	width: 350px
}
.w_400 {
	width: 400px
}
.w_450 {
	width: 450px
}
.w_500 {
	width: 500px
}
.w_550 {
	width: 550px
}
.w_600 {
	width: 600px
}
.cus_added ul {
	margin-left: 30px
}
.cus_added ul li {
	list-style: disc
}
.cus_added a {
	text-decoration: underline;
	color: #3b5b30
}
.cus_added p {
	padding-bottom: 5px
}
.ml_m9 {
	margin-left: -9px!important
}
.has_dropdown>a.hover-line::after {
	background-color: #fff
}
.has_dropdown .sub_menu li a.hover-line::after, .sub_menu .hover-line::after {
	background-color: #000
}
input[type=text] {
	font-size: 16px
}
.cust_ph .iti {
	font-size: 14px!important;
	width: 100%
}
input[type=email], input[type=password], input[type=text] {
	height: 46px
}
.inside_semi strong {
	font-weight: 600!important
}
.inside_semi .awdr-you-saved-text {
	font-size: 16px!important
}
del {
	font-size: 14px;
	color: #94a3b8;
	font-weight: 400
}
ins {
	text-decoration: unset
}

.cart_list  li{ padding-right: 15px !important;}
.paypal-buttons.paypal-buttons-context-iframe{ margin-bottom: 24px;}
.one_line{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding: 5px 0px;}



@media (min-width: 1201px)
{
.mega_menu_demo_2 .mega_menu {
  left: unset;
  transform: unset;width:90%;
  margin:0 auto;left:0
}
 
}


@media (min-width:1400px)
{
.mega_menu_demo_2 .mega_menu {
  left: unset;
  transform: unset;width:1200px;
  margin:0 auto;left:0;
}
 
}


@media (min-width:992px) and (max-width:1199.98px) {
	.container {
		width: 960px
	}
	.mega_menu_demo_2 .mega_menu {
		width: 940px
	}
	.main_menu ul li ul {
		width: 150px
	}
	.mega_menu_demo_2 .mega_menu { left: 58%;}

}
@media (min-width:768px) and (max-width:991.98px) {
	.container {
		width: 720px
	}
	.mega_menu_demo_2 .mega_menu {
		width: 700px
	}
	.main_menu ul li a {
		font-size: 15px;
		padding: 20px 16px
	}
	.main_menu ul li ul {
		width: 150px
	}
}
@media (min-width:1200px) {
	/* .main_menu ul li .mega_menu, .main_menu ul li ul {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		margin-top: 50px
	} */
	 .main_menu ul li .mega_menu, .main_menu ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transform: translateY(20px);
}
	.main_menu ul li:hover>.mega_menu, .main_menu ul li:hover>ul {
		 visibility: visible;
    opacity: 1;
    transform: translateY(0);
    z-index: 99;
	}
}
@media (max-width:1199.99px) {

	.mega_menu,
.sub_menu {
    width: 100%;
}

	.arrow_rot1.sub_menu .has_dropdown.open a i, .sub_menu .has_dropdown.open a i, .sub_menu .submenu .has_dropdown a i {
		transform: rotate(90deg)!important
	}
	.container, .main_menu, .main_menu ul li ul, .mega_menu_demo_2 .mega_menu {
		width: 100%
	}
	.mobile_btn {
		cursor: pointer;
		display: block!important;
		display: flex!important
	}
	.main_menu {
		display: none
	}
	.main_menu ul li {
		display: block
	}
	.main_menu ul li a i {
		float: right
	}
	.main_menu ul li a {
		border-bottom: 1px solid #ddd
	}
	.main_menu ul li ul li ul {
		left: 0;
		top: auto
	}
	.main_menu ul li .mega_menu, .main_menu ul li ul {
		display: none;
		transition: none
	}
	.mega_menu_demo_2 .mega_menu {
		transform: translateX(0)
	}
	.mob_hid {
		display: none!important
	}
	.mob_cust {
		/* position: absolute;
		top: 66px;
	    background: #000;
		left: 0;
		right: 0;
		z-index: 1000 */
		/* new final menu add */
 position: absolute;
    top: 66px;
    background: #000;
    left: 0;
    right: 0;
    z-index: 1000;

    max-height: calc(100vh - 66px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	}
	.main_menu ul li.has_dropdown>a {
		position: relative;
		padding-right: 30px;
		color: #fff
	}
	.main_menu ul li.has_dropdown>a i {
		transform: translateY(-50%) rotate(-90deg);
		padding: 15px;
		border-radius: 4px;
		font-size: 13px;
		transition: .3s
	}
	.main_menu ul li.has_dropdown.open>a i, .main_menu ul li.has_dropdown>a:hover i {
		border-color: var(--hover-color);
		background-color: var(--hover-color);
		color: #000
	}
	.main_menu ul li.has_dropdown>a i.fa-rotate-90 {
		transform: translateY(-50%) rotate(0);
		color: #7f7e7e
	}
	.main_menu ul.sub_menu li.has_dropdown>a i.fa-rotate-90 {
		transform: translateY(-50%) rotate(0)
	}
	.sub_menu .has_dropdown a i {
		transform: rotate(0)!important;
		margin-top: -11px
	}
	.sub_menu .has_dropdown.open a i {
		margin-top: -11px
	}
	.arrow_rot1.sub_menu .has_dropdown a i {
		transform: rotate(0)!important
	}
	.main_menu ul.sub_menu li a {
		padding-left: 30px;
		color: #fff
	}
	.main_menu ul.sub_menu li ul.sub_menu li a {
		padding-left: 48px
	}
	.main_menu ul.sub_menu li ul.sub_menu li ul.sub_menu li a {
		padding-left: 75px
	}
	.firs_level_ic {
		position: relative!important;
		top: 10px!important
	}
	.main_menu ul li .mega_menu_item a {
		padding: 5px 0;
		width: auto!important
	}
	.sub_menu .sub_menu {
		background: #d2d2d23b
	}
	.mega_menu .mega_menu_item {
		width: 100%;
		padding-bottom: 5px;
		padding-top: 10px
	}
		/* .mobile_btn .fas{ color: #000;}
		.contact_us{ color: #fff;} */
}
@media (max-width:575.98px) {
	.mega_menu .mega_menu_item {
		width: 100%;
		padding-bottom: 5px;
		padding-top: 10px
	}
}
body.home .woocommerce .price, body.home .woocommerce .price .amount, body.home .woocommerce .price .woocommerce-Price-amount, body.home .woocommerce .price .woocommerce-Price-currencySymbol, body.home .woocommerce .price del, body.home .woocommerce .price ins {
	color: #dc2626!important;
	font-size: 21px!important;
	font-weight: 600!important
}
.marquee__inner {
	display: flex;
	min-width: max-content;
	animation: 25s linear infinite marquee
}
@keyframes marquee {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(-33.33%)
	}
}
.hover\:text-brand:hover {
	color: #10b981
}
.marquee:hover .marquee__inner {
	animation-play-state: paused
}
.scrollbar-hide::-webkit-scrollbar {
	display: none
}
.scrollbar-hide {
	scrollbar-width: none
}
.min-h-screen {
	min-height: 100vh
}
.overflow-y-scroll {
	overflow-y: scroll
}
/* .h-screen {
	height: 800px!important
} */
 .h-screen-custom {
    min-height: 580px !important;
}

.top_m3{ top:-3px}

@media (max-width:768px)
{
	.combo-offer-section
	{
		margin-top: -20px;
	}
}

.top-0 {
	top: 0
}
.text_8 {
	font-size: 12px
}
.hover-line::after {
	content: "";
	transition: width .3s ease-in-out;
	background-color: #fff;
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 1px;
	background-color: #ffff
}
.hover-line {
	position: relative;
	display: inline-block;
	padding-bottom: 4px
}
@media (max-width:767px) {

	.product-container {
		display: flex!important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 1rem;
		padding-bottom: .5rem
	}
	.product-card {
		flex: 0 0 80%;
		scroll-snap-align: start
	}
	.ml_m5 {
		margin-left: -5px!important
	}
	.text_8 {
		font-size: 8px
	}
	.w_300, .w_350, .w_400, .w_450, .w_500, .w_550, .w_600 {
		width: 100%
	}
	.h-screen {
		height: auto!important
	}
	.hide_mobile {
		display: none!important
	}
	.desktop_none {
		display: block!important;
		display: flex!important
	}
	.category-header::-webkit-scrollbar {
		height: 4px
	}
	.category-header::-webkit-scrollbar-track {
		background: 0 0
	}
	.category-header::-webkit-scrollbar-thumb {
		background: #cbd5e1;
		border-radius: 2px
	}
	.w_280 {
		width: 300px
	}
	.h_380 {
		height: 480px
	}
	.car_prod_cus .product-card {
		width: 220px!important;
		max-width: 220px!important
	}
	.m_mt_30{ margin-top: 30px !important;}

	.h-screen-custom {min-height: auto !important;}
	/* .kumma-add-to-cart-btn .truncate{ opacity:0} */

  .added_to_cart {
    width: 130px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 12px !important;
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    margin-top: 0 !important;
  }

	
}
.alert-message {
	transition: opacity .3s, transform .3s
}
.alert-message.removed {
	opacity: 0;
	transform: translateY(-10px)
}
.border-green-300 {
	border-color: #3b5b30!important
}
.my-breadcrumb {
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	line-height: 1.4;
	max-width: 100%;
	min-width: 0
}
.my-breadcrumb svg.breadcrumb-icon {
	width: 4px;
	height: 7px;
	display: inline-block;
	margin: 0 4px;
	vertical-align: middle;
	flex-shrink: 0
}
.my-breadcrumb .breadcrumb-item:last-child {
	font-weight: 700;
	color: #000!important
}
.my-breadcrumb .breadcrumb-item a {
	color: #6b7280;
	text-decoration: none;
	font-weight: 500
}
.custom-number::-webkit-inner-spin-button, .custom-number::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}
.custom-number {
	-moz-appearance: textfield
}
@media (max-width:640px) {
	.my-breadcrumb {
		gap: 1px;
		font-size: 13px
	}
	.my-breadcrumb svg.breadcrumb-icon {
		margin: 0 2px
	}
}

@media (max-width:480px) {

	.added_to_cart {
		text-align: center;
		width: 60px !important;
	}
	#kummaMobileStickyCart .added_to_cart,
	#kummaMobileStickyCart a.added_to_cart.wc-forward {
		display: none !important;
		width: auto !important;
	}
	
}

.bg-combo-back {
	background-color: #f5f5f5!important
}
.combo-title {
	color: #4a5135;
	font-weight: 600
}
.woocommerce-store-notice.demo_store {
	background: #000;
	color: #fff;
	padding: 12px 20px;
	text-align: center;
	font-size: 15px;
	letter-spacing: .3px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999
}
.woocommerce-store-notice.demo_store a {
	color: #fff;
	text-decoration: underline
}
.added_to_cart.wc-forward {
	background-color: #000;
	color: #fff;
	padding: 10px 16px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: none;
	font-size: 16px;
	letter-spacing: .5px;
	text-transform: uppercase;
	gap: 10px;
	margin-top: 5px;
	font-weight: 600
}
@layer utilities {
	.no-spinner::-webkit-inner-spin-button, .no-spinner::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0
	}
	.no-spinner {
		-moz-appearance: textfield
	}
}
body.pickup-mode #pisol-pickup-locations {
	display: block!important
}
#Ch_countryFlag .iti__flag {
	transform: scale(1.1);
	transform-origin: left center
}
#Ch_countryFlag.iti__flag {
	position: absolute;
	left: 15px
}
.blockUI.blockOverlay::before, .woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before, .woocommerce-checkout .blockOverlay::before {
	content: "";
	border: 2px solid rgba(0, 0, 0, .2);
	border-top-color: #000;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	position: fixed;
	top: 50%;
	left: 50%;
	right:0;
	margin-left: -13px;
	margin-top: -13px;
	animation: .6s linear infinite wcSpinner
}
@keyframes wcSpinner {
	to {
		transform: rotate(360deg)
	}
}
.blockUI.blockOverlay {
	background: rgba(255, 255, 255, .6)!important
}
.add_to_cart_button.loading .adding-wrapper {
	display: flex!important
}
#contactForm #countryFlag.iti__flag {
	width: 20px;
	position: absolute;
	top: 20px;
	z-index: 1;
	left: 15px
}
#account-security-form #contact_number, #reseller_phone, .shipping_billing_address_form #billing_phone, .shipping_billing_address_form #shipping_phone {
	padding-left: 107px!important
}
.shipping_billing_address_form #billing_countryFlag, .shipping_billing_address_form #shipping_countryFlag {
	position: absolute;
	top: 69%;
	left: 1rem;
	transform: translateY(-50%)
}
.woocommerce-MyAccount-navigation .tab-button.active {
	background-color: #fff;
	color: #111827;
	font-size: 18px;
	padding: 12px 24px;
	border-radius: 12px;
	border: 1px solid #e7e7e7
}
.mt_m60{ margin-top: -56px !important; }
@media (min-width:768px) {

.sm\:size-24 {
    width: 14%; height:100% }
}


@media (min-width:768px) and (max-width:1023px) {
	.woocommerce-MyAccount-navigation .tab-button.active {
		font-size: 16px;
		padding: 6px
	}
}
.social-icon.facebook:hover {
	background-color: #3b5998;
	border-color: #3b5998
}
.social-icon.instagram:hover {
	background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
	border-color: transparent
}
.social-icon.youtube:hover {
	background-color: red;
	border-color: red
}
.social-icon.x:hover {
	background-color: #000;
	border-color: #000
}
.social-icon.linkedin:hover {
	background-color: #0077b5;
	border-color: #0077b5
}
@media (min-width:1024px) and (max-width:1200px) {
	.mySwiper {
		margin-top: 40px
	}
}
@media screen and (min-width:1023px) and (max-width:1130px) {
	.combo-section .w-12 {
		width: 2rem
	}
	.combo-section .h-12 {
		height: 2rem
	}
	.combo-section .px-\[6px\] {
		padding-left: 3px;
		padding-right: 3px
	}
}
@media screen and (min-width:1023px) and (max-width:1210px) {
	.combo-summary-wrap .combo-product-price {
		font-size: 18px
	}
	.combo-summary-wrap .p-6 {
		padding: 10px
	}
	.combo-summary-wrap .main-quantity {
		padding-left: 6px;
		padding-right: 6px
	}
	.combo-summary-wrap .quantity-decrease, .combo-summary-wrap .quantity-increase {
		padding-left: 4px;
		padding-right: 4px
	}
}
@media (max-width:1920.99px) {
	.cus_menu {
		margin-left: 80px!important
	}
}
@media (max-width:1684.99px) {
	.cus_menu {
		margin-left: 50px!important
	}
}
@media (max-width:1600.99px) {
	.cus_menu {
		margin-left: 50px!important
	}
}
@media (max-width:1440.99px) {
	.cus_menu {
		margin-left: 50px!important
	}
}
@media (max-width:1280.99px) {
	.cus_menu {
		margin-left: 50px!important
	}
}
@media (max-width:1200.99px) {
	.cus_menu {
		margin-left: 0!important
	}
}
@media (max-width:768px) {
	.added_to_cart.wc-forward {
		font-size: 12px
	}
	.privacy-policy section {
		scroll-margin-top: 260px
	}

	#diy-configurator [id^="diy-heater-options-"][data-heater-cols="2"] .diy-product-card.diy-heater-has-combo {
		grid-column: initial ;
	  }


}
#search-form-container .aws-search-field, #search-form-container input[type=search], #search-form-container input[type=text] {
	height: 36px!important;
	padding: 8px 15px!important;
	border: 1px solid #ddd!important;
	border-radius: 20px!important;
	font-size: 14px!important;
	background: #fff!important;
	transition: .3s!important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)!important
}
#search-form-container .aws-search-field:focus, #search-form-container input[type=search]:focus, #search-form-container input[type=text]:focus {
	outline: 0!important;
	border-color: #999!important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15)!important
}
#search-form-container .aws-search-btn, #search-form-container button[type=submit] {
	height: 36px!important;
	padding: 8px 15px!important;
	background: #333!important;
	color: #fff!important;
	border: none!important;
	border-radius: 20px!important;
	cursor: pointer!important;
	transition: background .3s!important;
	margin-left: 5px!important
}
#search-form-container .aws-search-btn:hover, #search-form-container button[type=submit]:hover {
	background: #555!important
}
.aws-container .aws-search-form .aws-search-clear span {
	line-height: 18px!important
}
@media (min-width:768px) {
	.product-container {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 1rem
	}
	#search-wrapper {
		position: relative
	}
	#search-form-container {
		position: absolute;
		top: calc(100% + 10px);
		right: 0;
		max-width: 0;
		width: auto;
		background: 0 0;
		padding: 0;
		border-radius: 8px;
		box-shadow: none;
		opacity: 0;
		pointer-events: none;
		transition: .35s;
		z-index: 9999;
		overflow: visible
	}
	#search-wrapper.expanded #search-form-container {
		max-width: 400px;
		opacity: 1;
		pointer-events: auto
	}
	#search-wrapper.expanded #search-toggle {
		transform: none
	}
	#search-wrapper.expanded #search-form-container form {
		display: flex;
		align-items: center;
		white-space: nowrap
	}
	#search-form-container .aws-search-field, #search-form-container input[type=search], #search-form-container input[type=text] {
		width: 280px!important
	}
	#search-form-container .aws-search-btn, #search-form-container button[type=submit] {
		display: none!important
	}
}
@media (min-width:1024px) {
	#search-wrapper {
		position: relative
	}
	#search-form-container {
		top: calc(100% + 14px);
		right: 0
	}
	#search-wrapper.expanded #search-form-container {
		max-width: 420px
	}
}
.language-switcher-wrapper {
	position: relative;
	display: inline-block
}
#lang-toggle {
	cursor: pointer;
	padding: 6px 0 6px 6px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .05)
}
#lang-toggle:hover {
	background: rgba(255, 255, 255, .1)
}
#lang-dropdown {
	min-width: auto;
	width: max-content
}
#lang-dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0
}
#lang-dropdown a {
	text-decoration: none;
	display: flex;
	align-items: center
}
.language-switcher-wrapper.active #lang-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}
.language-switcher-wrapper.active #lang-arrow {
	transform: rotate(180deg)
}
@media (max-width:767px) {
	#search-wrapper {
		position: relative;
		flex-shrink: 0
	}
	#search-form-container input {
		box-shadow: 0 4px 12px rgba(0, 0, 0, .18)!important
	}
	#search-form-container {
		position: absolute;
		top: calc(100% + 8px);
		right: 0;
		left: auto;
		width: 0;
		max-width: 0;
		overflow: hidden;
		transform: none;
		background: 0 0;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
		opacity: 0;
		pointer-events: none;
		transition: .35s;
		z-index: 9999
	}
	#search-wrapper.expanded #search-form-container {
		width: min(80vw, 320px);
		max-width: min(80vw, 320px);
		overflow: visible;
		opacity: 1;
		pointer-events: auto
	}
	#search-wrapper.expanded #search-toggle {
		transform: none
	}
	#search-form-container .aws-search-field, #search-form-container input[type=search], #search-form-container input[type=text] {
		width: 100%!important;
		height: 44px!important;
		border-radius: 24px!important;
		font-size: 16px!important
	}
	#search-form-container .aws-search-btn, #search-form-container button[type=submit] {
		height: 44px!important;
		border-radius: 24px!important
	}
	#lang-dropdown {
		right: 0
	}
	.language-switcher-wrapper {
		margin-right: 8px
	}
	.my-breadcrumb, .my-breadcrumb .breadcrumb-item {
		white-space: normal
	}
  .size-20{ width:20%; height:100%;}

 


@media (max-width:640px) {

	#diy-configurator [id^="diy-heater-options-"][data-heater-cols="2"] .diy-product-card.diy-heater-has-combo {
		grid-column: 1/-1 ;
	  }
}
  /* .mt_56 {margin-top:0px !important;} */
}

.inside_a a {
	text-decoration: underline !important;
	font-weight: bold;
}
/* Price Per Ln Ft styling */

.price-wrapper {
	display: inline-block;
}
.price-unit-label {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin-left: 8px;
	vertical-align: middle;
}
/* Fix alignment when "From:" text is present */

.price .price-wrapper, p.price .price-wrapper {
	display: inline-block;
	vertical-align: middle;
}
/* Ensure price container stays inline */

.woocommerce div.product p.price, .woocommerce div.product span.price {
	display: inline-flex;
	align-items: center;
	gap: 0;
}
/* Ln Ft quantity label styling */

.quantity-unit-label {
	display: inline-block;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	vertical-align: middle;
}
/* Adjust quantity wrapper to align items */

.quantity {
	display: inline-flex;
	align-items: center;
}
/* Combo offer section - Price Per Ln Ft styling */

.combo-offer-section .combo-product-price .price-unit-label {
	font-size: 12px;
	display: block;
	margin-left: 0;
	margin-top: 2px;
	color: #454545;
	font-weight: 400;
}
.combo-offer-section .combo-subtotal .price-unit-label {
	font-size: 12px;
	display: block;
	margin-left: 0;
	margin-top: 2px;
	color: #454545;
	font-weight: 400;
}
/* Main quantity in combo section */

.combo-offer-section .main-quantity::after {
	content: '';
}
/* Add Ln Ft to main quantity display */

.combo-offer-section .quantity-controls-wrap .main-quantity[data-lnft="true"]::after {
	content: ' Ln Ft';
	font-size: 12px;
	font-weight: normal;
	color: #454545;
	margin-left: 4px;
}
/* Combo products quantity Ln Ft label */

.combo-offer-section .combo-qty[data-lnft="true"] {
	width: auto;
	min-width: 40px;
}
.combo-offer-section .qty-controls[data-lnft="true"]::after {
	content: ' Ln Ft';
	font-size: 11px;
	color: #454545;
	margin-left: 4px;
	white-space: nowrap;
}
/* my order start */

#ordersTable tr {
	border: unset;
}
#ordersTable thead {
	border: unset;
}
#ordersTable thead th {
	border: unset;
}
#ordersTable_wrapper .dt-search {
	display: none;
}
#ordersTable_wrapper {
	position: relative;
}
#ordersTable_wrapper .tab_btn, .tab_btn .dt-length {
	position: absolute;
	bottom: 0;
}
#ordersTable_wrapper {
	margin: 0t
}
#ordersTable_info {
	display: none;
}
.h_180 {
	height: 180px
}
.cmn_hit {
	min-height: 180px;
}
/* video scroll start */

.no-scrollbar::-webkit-scrollbar {
	display: none;
}
.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.dragging {
	cursor: grabbing;
	user-select: none;
}
.product-container.dragging img, .product-container.dragging a {
	pointer-events: none;
}
.video-section .product-container {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	width: 100%;
}
.video-section .product-container::-webkit-scrollbar {
	display: none;
}
.video-section .video-wrapper {
	flex-shrink: 0;
	width: 260px;
	/* one row only */
}
/* video scroll end*/

/*
 * Keep native video resolution in fullscreen.
 * Inline players use fixed heights (e.g. 420px) + object-cover; those
 * rules must not follow the element into fullscreen or 4K looks blurry.
 */
video:fullscreen,
video:-webkit-full-screen,
video:-moz-full-screen,
video:-ms-fullscreen {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: contain !important;
	object-position: center center !important;
	border-radius: 0 !important;
	background: #000;
}

.sauna-product-video {
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: 0.5rem;
	overflow: visible;
}
.sauna-product-video video {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Custom css start */

/* .cus_added  h1 { font-size: 48px; }

.cus_added h2 { font-size: 36px; }

.cus_added h3 { font-size: 30px; }

.cus_added h4{ font-size: 24px; }

.cus_added h5 { font-size: 20px; }

.cus_added h6 { font-size: 18px; }

.cus_added b { font-weight: 700; }

.cus_added i { font-style: italic; }
.cus_added ul li { list-style-type: disc; }

.cus_added ol li { list-style-type: decimal; }
.cus_added ol { margin-left: 30px; } */

/* Custom css end */

/* ================================
   RICH CONTENT SYSTEM (.cus_added) START
   ================================ */

.cus_added {
	font-size: 16px;
	line-height: 1.7;
}
/* --- Headings --- */

.cus_added h1 {
	font-size: 48px;
	line-height: 1.2;
	margin: 24px 0 16px;
}
.cus_added h2 {
	font-size: 36px;
	line-height: 1.25;
	margin: 22px 0 14px;
}
.cus_added h3 {
	font-size: 30px;
	line-height: 1.3;
	margin: 20px 0 12px;
}
.cus_added h4 {
	font-size: 24px;
	line-height: 1.35;
	margin: 18px 0 10px;
}
.cus_added h5 {
	font-size: 20px;
	line-height: 1.4;
	margin: 16px 0 8px;
}
.cus_added h6 {
	font-size: 18px;
	line-height: 1.45;
	margin: 14px 0 6px;
}
/* --- Text & inline --- */

.cus_added p {
	margin-bottom: 12px;
}
.cus_added strong, .cus_added b {
	font-weight: 700;
}
.cus_added em, .cus_added i {
	font-style: italic;
}
.cus_added u {
	text-decoration: underline;
}
.cus_added small {
	font-size: 85%;
}
.cus_added sup {
	vertical-align: super;
	font-size: 75%;
}
.cus_added sub {
	vertical-align: sub;
	font-size: 75%;
}
.cus_added mark {
	background: #fff3a0;
	padding: 0 4px;
}
.cus_added code {
	background: #f3f4f6;
	padding: 2px 6px;
	border-radius: 4px;
}
/* --- Lists --- */

.cus_added ul, .cus_added ol {
	margin: 12px 0 12px 32px;
}
.cus_added ul li {
	list-style: disc;
}
.cus_added ol li {
	list-style: decimal;
}
.cus_added dl {
	margin: 12px 0;
}
.cus_added dt {
	font-weight: 600;
}
.cus_added dd {
	margin-left: 20px;
}
/* --- Links --- */

.cus_added a {
	color: #0000EE;
	text-decoration: underline;
	transition: 0.2s;
	font-weight: 600;
}
.cus_added a:hover {
	color: #1a0dab;
	/* opacity: 0.85; */
	text-decoration: underline;
}
/* --- Media --- */

.cus_added img, .cus_added video, .cus_added iframe {
	max-width: 100%;
	height: auto;
	margin: 14px 0;
}
.cus_added figure {
	margin: 16px 0;
}
.cus_added figcaption {
	font-size: 14px;
	text-align: center;
	color: #6b7280;
}
/* --- Tables --- */

.cus_added table {
	width: 100%;
	border-collapse: collapse;
	margin: 18px 0;
}
.cus_added th, .cus_added td {
	border-bottom: 1px solid #d1d5db;
	padding: 10px 12px;
}
.cus_added th {
	background: #f3f4f6;
	font-weight: 600;
}
.cus_added caption {
	font-size: 14px;
	margin-bottom: 8px;
	color: #6b7280;
}
/* --- Quotes & Blocks --- */

.cus_added blockquote {
	margin: 16px 0;
	padding: 14px 18px;
	background: #f5f7f5;
	border-left: 4px solid #3b5b30;
	font-style: italic;
}
.cus_added pre {
	background: #0f172a;
	color: #e5e7eb;
	padding: 14px;
	border-radius: 6px;
	overflow-x: auto;
	margin: 14px 0;
}
/* --- Forms in content --- */

.cus_added input, .cus_added textarea, .cus_added select {
	border: 1px solid #d1d5db;
	padding: 8px 10px;
	border-radius: 6px;
}
.cus_added button {
	padding: 8px 14px;
	border-radius: 6px;
	background: #3b5b30;
	color: white;
	cursor: pointer;
}
.cus_added button:hover {
	opacity: 0.9;
}
/* --- Misc --- */

.cus_added hr {
	margin: 24px 0;
	border: none;
	border-top: 1px solid #d1d5db;
}
/* ================================
   RICH CONTENT SYSTEM (.cus_added) END
   ================================ */

#rightClickMessage {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #222;
	color: #fff;
	padding: 10px 24px;
	border-radius: 6px;
	font-size: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	pointer-events: none;
}

/* Fix shipping method alignment inside order review table */
/* .woocommerce-checkout-review-order-table td ul.woocommerce-shipping-methods {
    text-align: left !important;
} */

/* Stack the label content vertically */
/* .woocommerce-shipping-methods label {
    display: inline-flex !important;
    flex-direction: column;
    align-items: end;
    line-height: 1.3;
}
.woocommerce-shipping-methods label del {
    text-align: right;
} */

/* Strike line */
/* .strike-ship {
    text-decoration: line-through;
    color: #94a3b8;
    font-size: 14px;
} */

/* Free shipping line */
/* .free-ship {
    font-weight: 600;
    font-size: 15px;
    color: #111;
} */
/* Hide all shipping methods except free shipping */
/* .woocommerce-shipping-methods li.hide-method {
    display: none !important;
}


.woocommerce-shipping-methods li label {
	display: grid;
} */

.free-ship {
    font-weight: 700;
    font-size: 16px;
}

.shipping-saved {
    display: block;
    font-size: 16px;
    color:#008000;
    margin-top: 3px; font-weight: 600;
}

.expand-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   /* Show only 3 lines */
  overflow: hidden;
 min-height:60px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 60px;
}

 .water-wave::before {
      content: "";
      position: absolute;
      left: -120%;
      top: 0;
      width: 200%;
      height: 100%;
      background: radial-gradient(
        circle at 30% 50%,
        rgba(255,255,255,0.35),
        transparent 60%
      );
      transition: left 0.7s ease-in-out;
    }

    .water-wave:hover::before {
      left: 120%;
    }

	.iti__flag{position: absolute;top: 18px;left: 13px;}
	#kuuma-customizer-form .kuuma-country-field .iti__flag,
	#kuuma-customizer-form #kuumaCountryFlag.iti__flag {
		top: 50% !important;
		left: 12px !important;
		transform: translateY(-50%) scale(1.1) !important;
	}


@media (max-width:767px)
{
.min-h-56{
	min-height:48px;
}

.shop-toolbar{flex-direction: column; align-items: stretch; gap: 0.75rem;}
.woocommerce-result-count,
.woocommerce-ordering { white-space: normal; }

}

.swiper-button-next
{
	right: var(--swiper-navigation-sides-offset, 4px) !important;
}
.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px) !important;
}
.swiper-button-next, .swiper-button-prev {
    margin-top: calc(0px - var(--swiper-navigation-size) / 2) !important;
    top: var(--swiper-navigation-top-offset, 50%) !important;
}
.swiper-button-next, .swiper-button-prev {
   
    height: var(--swiper-navigation-size) !important;
    width: var(--swiper-navigation-size) !important;
   
}
.swiper-button-next i, .swiper-button-prev i
{
	width:unset !important;
}


.ripple-hover::after {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle, rgba(255,255,255,0.4) 10%, transparent 11%);
      transform: scale(10);
      opacity: 0;
      transition: transform 0.6s, opacity 0.6s;
    }
 
    .ripple-hover:hover::after {
      transform: scale(0);
      opacity: 1;
    }


	.woocommerce-terms-and-conditions-link {
  text-decoration: underline;
}
#ordersTable thead th
{
	text-align: center;
}

/* @media (min-width:639.98px) and (max-width:1199px)
{
	.swiper-slide .special-product .items-baseline .cus-from
	{
font-size:12px;
	}
	.swiper-slide .special-product .items-baseline .cus-price
	{
		font-size:18px;
	}
}

@media (max-width:640px)
{
	.swiper-slide .special-product .items-baseline .cus-from
	{
font-size:14px;
	}
	.swiper-slide .special-product .items-baseline .cus-price
	{
		font-size:18px;
	}
} */

.show-password-input {
    position: absolute;
    right: .7em;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: none;
    border: none;
}

.show-password-input::after {
    font-family: dashicons;
    content: "\f177";
}

.show-password-input.display-password::after {
    font-family: dashicons;
    content: "\f530"; /* eye-slash */
}

.password-input{
	position: relative;
}
#terms_description{
	display: none;
}

@media (max-width: 767px) {

    .mob-order {
        display: flex !important;
        flex-direction: column;
    }

    .mob-order .dt-container.dt-empty-footer {
        order: 1;
    }

}
#ordersTable_wrapper .dt-paging-button.current
{
background: #000;
color:#fff !important;
}



/* Above site header utility icons (z-[10002]) and mini-cart (10001). */
#diy-configurator .diy-lb,
.diy-lb,
#diy-image-preview-modal {
	z-index: 100050 !important;
}








@media (min-width:1023.99px) and (max-width:1130.99px)
{
	.swiper-slide .special-product .items-baseline .cus-price, #product-list .cus-price
	{
		font-size:12px;
	}
}


.iti__flag-box,
.iti__country-name,
.iti__dial-code {
    vertical-align: -webkit-baseline-middle !important;
}
#payment ul.payment_methods [class*=payment_method_ppcp-] label {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
}
.flex.items-center.justify-between.flex-1.border.rounded-xl.px-4.py-3.cursor-pointer{ width:100px;}

#payment ul.payment_methods [class*=payment_method_ppcp-] label span:first-child {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: unset !important;
}

#payment ul.payment_methods [class*=payment_method_ppcp-] label span:last-child {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: unset !important;
    margin-left: 8px;width:100px;
}

#payment ul.payment_methods [class*=payment_method_ppcp-] label img {
    width: 32px !important;
    height: auto !important;
}
#payment ul.payment_methods [class*=payment_method_ppcp-] label {
    justify-content:first baseline !important;
}

#place_order{width: 100%;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
  padding: 12px;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 24px;
  font-weight: 600;
  display: block;}

/* PPCP DCC button: plugin uses float:right which overlaps the footer on Pay for Order. */
.ppcp-dcc-order-button,
#ppcp-hosted-fields .ppcp-dcc-order-button,
button.ppcp-dcc-order-button {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  text-transform: uppercase;
  background-color: #000 !important;
  color: #fff !important;
  padding: 12px !important;
  border-radius: 6px !important;
  text-align: center !important;
  margin: 16px 0 24px !important;
  font-weight: 600 !important;
}

#ppcp-hosted-fields {
  clear: both;
  overflow: hidden;
  width: 100%;
}

body.ss-payment-processing {
  cursor: wait;
}

body.ss-payment-processing,
body.ss-payment-processing * {
  user-select: none !important;
  -webkit-user-select: none !important;
}

  /* Field wrapper containers */
div[id^="zoid-paypal-card-number-field"],
div[id^="zoid-paypal-card-expiry-field"],
div[id^="zoid-paypal-card-cvv-field"] {
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    height: 48px !important;
    padding: 4px 12px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove red validation border */
div[id^="zoid-paypal-card-number-field"]:has(iframe),
div[id^="zoid-paypal-card-expiry-field"]:has(iframe),
div[id^="zoid-paypal-card-cvv-field"]:has(iframe) {
    border-color: #e0e0e0 !important;
}

/* Focus state */
div[id^="zoid-paypal-card-number-field"]:focus-within,
div[id^="zoid-paypal-card-expiry-field"]:focus-within,
div[id^="zoid-paypal-card-cvv-field"]:focus-within {
    /* border-color: #a0a0a0 !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.08) !important; */
}

/* Side by side MM/YY and CVV */
#wc-ppcp-credit-card-gateway-cc-form .form-row-first,
#wc-ppcp-credit-card-gateway-cc-form .form-row-last {
    width: 48% !important;
    display: inline-block !important;
    float: left !important;
}

#wc-ppcp-credit-card-gateway-cc-form .form-row-last {
    margin-left: 4% !important;
}
label[for^="ppcp-credit-card-gateway"] {
    display: none !important;
}
.payment_method_ppcp-credit-card-gateway .required {
    display: none !important;
}
.ppcp-hosted-fields iframe {
    height: 60px !important;
}

.ppcp-hosted-fields > div {
    min-height: 60px !important;
}
div[id^="zoid-paypal-card-"] {
    height: 56px !important;
	background: transparent !important; border:0 !important;
}

div[id^="zoid-paypal-card-"] iframe {
    height: 56px !important;
}


div[id^="zoid-paypal-card-"] iframe {
    height: 56px !important;}

	#ppcp-credit-card-gateway-card-number,
#ppcp-credit-card-gateway-card-expiry,
#ppcp-credit-card-gateway-card-cvc {
    font-size: 18px !important;
    line-height: 1.24 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}


#ppc-button-ppcp-googlepay, #ppc-button-ppcp-applepay {
  margin-bottom: 40px;
}

/* gpay testing */
#ppc-button-applepay-container{ display: none;}

.set_index{ z-index: 9999;}

  
.woocommerce-error {
    background-color: #fef2f2;
    border: 1px solid #ef4444;
    color: #991b1b;
    padding: 16px 16px 16px 50px;
    margin-bottom: 20px;
    border-radius: 8px;
    list-style: none;
    position: relative;
}

.woocommerce-error li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.6;
}

.woocommerce-error::before {
    content: "⚠";
    position: absolute;
    left: 16px;
    top: 18px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

/* Kuuma template — mobile fixed add-to-cart bar (mobile only) */
@media (min-width: 768px) {
	#kummaMobileStickyCart {
		display: none !important;
	}
}
.kumma-combo-offer .added_to_cart,
.kumma-combo-offer a.added_to_cart.wc-forward {
	display: none !important;
}
#kummaMobileStickyCart {
	width: 100%;
	max-width: 100vw;
	box-sizing: border-box;
}
#kummaMobileStickyCart .added_to_cart,
#kummaMobileStickyCart a.added_to_cart.wc-forward {
	display: none !important;
}
#kummaMobileStickyCart .kumma-add-to-cart-btn {
	min-width: 0;
	flex: 1 1 auto;
}
#kummaMobileStickyCart .kumma-add-to-cart-btn.kumma-mobile-added {
	justify-content: center;
}
#kummaMobileStickyCart .kumma-add-to-cart-btn.kumma-mobile-added .kumma-cart-price {
	white-space: nowrap;
}
#kummaMobileStickyCart .kumma-view-cart-btn {
	flex: 0 0 auto;
	min-width: 5.5rem;
	width: auto;
	letter-spacing: 0.02em;
	white-space: nowrap;
	background-color: #4a5135;
}
#kummaMobileStickyCart .kumma-view-cart-btn:hover {
	background-color: #3d442c;
}
.kumma-view-cart-btn--desktop {
	background-color: #4a5135;
}
.kumma-view-cart-btn--desktop:hover {
	background-color: #3d442c;
}

/* Kuuma consultation phone (intl-tel-input) — match contact form CA/US + dial code UI */
#kuuma-customizer-form .kuuma-phone-field .iti,
#kuuma-customizer-form .cus_inp .iti.iti--allow-dropdown {
	width: 100% !important;
	display: block !important;
	height: 52px !important;
	position: relative;
}

#kuuma-customizer-form .kuuma-phone-field #kuuma_phone,
#kuuma-customizer-form .kuuma-phone-field input.iti__tel-input,
#kuuma-customizer-form .kuuma-phone-field input[type="tel"] {
	height: 52px !important;
	min-height: 52px !important;
	max-height: 52px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	border: 1px solid #d1d5db !important;
	border-radius: 0.5rem !important;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	background-color: #fff !important;
}

#kuuma-customizer-form .kuuma-phone-field .iti__flag-container {
	height: 100%;
}

#kuuma-customizer-form .kuuma-phone-field .iti__selected-flag {
	padding: 0 10px;
	background: #f3f4f6;
	border-right: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	gap: 6px;
	height: 100%;
	font-size: 14px;
	border-radius: 0.5rem 0 0 0.5rem;
}

/* Postal code validation message — match contact form colors */
#kuuma-customizer-form #kuuma-postal-code-error.text-green-600 {
  color: #16a34a !important;
}
#kuuma-customizer-form #kuuma-postal-code-error.text-red-500 {
  color: #ef4444 !important;
}

.iti--container {
	z-index: 10050 !important;
}

@media (max-width: 767px) {
	body:has(#kummaMobileStickyCart) {
		overflow-x: clip;
	}
	#kummaMobileStickyCart .added_to_cart {
		display: none !important;
	}
}
/* Kuuma consultation form field validation */
#kuuma-customizer-form .kuuma-is-invalid {
	border-color: #ef4444 !important;
}

#kuuma-customizer-form [id$="-error"]:not(.hidden),
#kuuma-customizer-form [role="alert"]:not(.hidden) {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative;
	z-index: 2;
}

#kuuma-customizer-form [id$="-error"]:not(.hidden):not(.text-green-600),
#kuuma-customizer-form [role="alert"]:not(.hidden):not(.text-green-600) {
	color: #dc2626;
}

/* Country field — match contact form layout (flag inside relative wrapper) */
#kuuma-customizer-form .kuuma-country-field {
	position: relative;
	isolation: isolate;
}

#kuuma-customizer-form .kuuma-country-field .iti__flag,
#kuuma-customizer-form #kuumaCountryFlag.iti__flag {
	position: absolute !important;
	top: 50% !important;
	left: 12px !important;
	margin: 0 !important;
	transform: translateY(-50%) scale(1.1) !important;
	transform-origin: center center;
	pointer-events: none;
	z-index: 2;
}

#kuuma-customizer-form #kuuma_country {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	position: relative;
	z-index: 1;
	box-sizing: border-box !important;
	height: 52px !important;
	min-height: 52px !important;
	line-height: normal !important;
	font-size: 14px !important;
	padding-left: 2.75rem !important;
	padding-right: 2.5rem !important;
	background-color: #fff;
}


/* diy page acrollbar */

.diy-sidebar{ height: 1400px; overflow: auto;}


/* =====================================================================
   Kuuma 3D showroom — full-width #FAF8F5 band (open showroom, no card box)
   ===================================================================== */
.product-3d-viewer {
	--band-bg: #faf8f5;
	--band-glow: #ffffff;
	--band-line: rgba(43, 38, 32, .07);
	--band-eyebrow: #8a6a40;
	--band-title: #1f1a14;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* Native full-width section (no 100vw — that caused bottom/horizontal scrollbars). */
	width: 100%;
	max-width: none !important;
	margin: 24px 0 56px !important;
	padding: clamp(56px, 7vw, 96px) 16px clamp(32px, 4vw, 56px);
	background:
		radial-gradient(ellipse 55% 50% at 50% 55%, var(--band-glow) 0%, transparent 75%),
		var(--band-bg);
	border-top: 1px solid var(--band-line);
	border-bottom: 1px solid var(--band-line);
	box-sizing: border-box;
	overflow-x: clip;
}
@media (min-width: 768px) {
	.product-3d-viewer { padding-left: 24px; padding-right: 24px; }
}

/* Section heading from ACF (product_3d_showroom_eyebrow / product_3d_showroom_title). */
.product-3d-viewer__eyebrow,
.product-3d-viewer__title {
	display: block;
	text-align: center;
	font-family: inherit;
	margin: 0;
}
.product-3d-viewer__eyebrow {
	margin-bottom: 14px;
	color: var(--band-eyebrow);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
}
.product-3d-viewer__title {
	margin-bottom: clamp(8px, 2vw, 20px);
	color: var(--band-title);
	font-size: clamp(26px, 3.4vw, 40px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -.02em;
}

/* Viewer sits open on the band — no boxed cream stage. */
body .product-3d-viewer .wp3d-wrap,
body .product-3d-viewer .wp3d-wrap.wp3d-ready,
body .product-3d-viewer .wp3d-wrap.wp3d-loading {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	--wp3d-radius: 0;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none;
}
@media (min-width: 768px) {
	body .product-3d-viewer .wp3d-wrap.wp3d-ready,
	body .product-3d-viewer .wp3d-wrap.wp3d-loading {
		min-height: 640px;
		--wp3d-aspect: 16 / 9;
		--wp3d-max-height: 820px;
	}
}
body .product-3d-viewer .wp3d-viewer,
body .product-3d-viewer .wp3d-realtime-canvas {
	margin-top: 0 !important;
	background: transparent !important;
}
/* Soft edge fade so the floor melts into the band. */
body .product-3d-viewer .wp3d-realtime-canvas {
	-webkit-mask-image: radial-gradient(ellipse 72% 78% at 50% 46%, #000 58%, transparent 100%);
	mask-image: radial-gradient(ellipse 72% 78% at 50% 46%, #000 58%, transparent 100%);
}

/* Poster badge orbit ring. */
body .product-3d-viewer .wp3d-poster-icon {
	position: relative;
	margin-bottom: 26px;
	box-shadow: 0 14px 32px rgba(44, 56, 32, .28);
}
body .product-3d-viewer .wp3d-poster-icon::before {
	content: "";
	position: absolute;
	inset: -15px;
	border: 1.5px dashed rgba(63, 79, 44, .30);
	border-radius: 50%;
	background: radial-gradient(circle at 50% 0, #c39a5c 0 4px, transparent 4.5px);
	animation: wp3d-orbit 12s linear infinite;
	pointer-events: none;
}
@keyframes wp3d-orbit { to { transform: rotate(360deg); } }
body .product-3d-viewer .wp3d-poster strong {
	font-weight: 700;
	letter-spacing: -.02em;
}
body .product-3d-viewer .wp3d-poster > span {
	color: #7d7469;
	font-size: 15px;
}
body .product-3d-viewer .wp3d-launch {
	margin-top: 14px;
	padding: 0 30px;
	border-radius: 999px;
}

/* Hint as floating pill. */
body .product-3d-viewer .wp3d-hint {
	left: 50%;
	right: auto;
	bottom: 16px;
	transform: translateX(-50%);
	padding: 9px 16px;
	border: 1px solid rgba(43, 38, 32, .08);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(43, 38, 32, .08);
	font-size: 12.5px;
	white-space: nowrap !important;
}

/* Hotspot card — left dock on desktop. */
.product-3d-viewer .wp3d-card {
	left: clamp(18px, 2.5vw, 32px);
	right: auto;
	width: min(460px, 48%);
	transform: translate(-16px, -50%) scale(0.98);
}
.product-3d-viewer .wp3d-card.wp3d-open {
	transform: translate(0, -50%) scale(1);
}
@media (max-width: 767px) {
	.product-3d-viewer {
		padding: 36px 12px 20px;
		margin: 0 0 24px !important;
	}
	body .product-3d-viewer .wp3d-wrap:not(.wp3d-ready) .wp3d-poster {
		padding: 20px 20px 28px;
	}
	body .product-3d-viewer .wp3d-wrap.wp3d-ready,
	body .product-3d-viewer .wp3d-wrap.wp3d-loading {
		min-height: 520px;
		--wp3d-aspect: 4 / 3;
		--wp3d-max-height: 70vh;
	}
}
@media (max-width: 520px) {
	.product-3d-viewer__eyebrow { font-size: 11px; letter-spacing: .18em; }
	.product-3d-viewer__eyebrow,
	.product-3d-viewer__title {
		position: relative;
		z-index: 0;
	}
	/* Hide sticky ATC while hotspot sheet is open so Back/Next stay visible. */
	body.wp3d-sheet-open #kummaMobileStickyCart {
		transform: translateY(110%);
		pointer-events: none;
		visibility: hidden;
	}
	body .product-3d-viewer .wp3d-card-backdrop {
		position: fixed !important;
		inset: 0 !important;
		z-index: 10040 !important;
	}
	body .product-3d-viewer .wp3d-card {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		bottom: 0 !important;
		width: auto !important;
		height: auto !important;
		max-height: min(82dvh, 620px) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
		border-radius: 16px 16px 0 0;
		transform: translateY(105%);
		z-index: 10050 !important;
	}
	body .product-3d-viewer .wp3d-card.wp3d-open {
		transform: translateY(0);
	}
	body .product-3d-viewer .wp3d-card-nav {
		position: sticky !important;
		bottom: 0 !important;
		z-index: 3 !important;
		background: #fff !important;
		border-top: 1px solid #ece8e1;
		padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	body .product-3d-viewer .wp3d-poster-icon::before { animation: none; }
}

/* Let hotspot card media fill the wider popup. */
.wp3d-card-image{ width: 100% !important; max-width: 100% !important; }