/* Global Styles start */
.wp_product_builder *,
.wp_product_builder *:before,
.wp_product_builder *:after {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}
:root {
	--maroon: #b91f34;
	--allports: #147095;
	--dark-text: #1d1d1d;
	--lightest-gray: #f6f6f6;
	--light_background-color: var(--light_background-color, #f9f8f6);
	--placeholder-gray: #565656;
	--dark-gray: #9a9a9a;
	--white: var(--white-color, #ffffff);
	--black: var(—black-color);
	--ml-Roboto: 'Roboto', sans-serif;
	--clr-main: #d75b4c;
	--clr-dark: var(--text_color-color, #58595b);
	--clr-neutral: #ddd;
	--clr-light: var(--white-color, #ffffff);
}

.btn-outline-primary {
	--bs-btn-border-color: var(--maroon, #b91f34);
	--bs-btn-color: var(--maroon, #b91f34);
	--bs-btn-hover-color: var(--white, #b91f34);
	--bs-btn-hover-bg: var(--maroon, #b91f34);
	--bs-btn-hover-border-color: var(--maroon, #b91f34);
}

/* Global Styles end */

/* ==========================================================
	Quoter Builder Styles (Scoped under .wp_product_builder)
	========================================================== */

.wp_product_builder__container-fluid {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
}
.wp_product_builder .row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}

.wp_product_builder .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.wp_product_builder .col,
.wp_product_builder [class*="col-"] {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

/* Common responsive column widths */
.wp_product_builder .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.wp_product_builder .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.wp_product_builder .col-3 { flex: 0 0 25%; max-width: 25%; }
.wp_product_builder .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.wp_product_builder .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.wp_product_builder .col-6 { flex: 0 0 50%; max-width: 50%; }
.wp_product_builder .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.wp_product_builder .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.wp_product_builder .col-9 { flex: 0 0 75%; max-width: 75%; }
.wp_product_builder .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.wp_product_builder .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.wp_product_builder .col-12 { flex: 0 0 100%; max-width: 100%; }

/* Auto layout columns */
.wp_product_builder .col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.single-product .wp_product_builder__product .col5 {
	display: flex;
	flex-wrap: wrap;
}

/* Optional alignment helpers */
.wp_product_builder .align-items-center { align-items: center; }
.wp_product_builder .justify-content-center { justify-content: center; }

/* Flexbox Utilities */
.wp_product_builder .d-flex { display: flex !important; }
.wp_product_builder .d-inline-flex { display: inline-flex !important; }
.wp_product_builder .flex-row { flex-direction: row !important; }
.wp_product_builder .flex-row-reverse { flex-direction: row-reverse !important; }
.wp_product_builder .flex-column { flex-direction: column !important; }
.wp_product_builder .flex-column-reverse { flex-direction: column-reverse !important; }
.wp_product_builder .flex-wrap { flex-wrap: wrap !important; }
.wp_product_builder .flex-nowrap { flex-wrap: nowrap !important; }
.wp_product_builder .flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.wp_product_builder .justify-content-start { justify-content: flex-start !important; }
.wp_product_builder .justify-content-end { justify-content: flex-end !important; }
.wp_product_builder .justify-content-center { justify-content: center !important; }
.wp_product_builder .justify-content-between { justify-content: space-between !important; }
.wp_product_builder .justify-content-around { justify-content: space-around !important; }
.wp_product_builder .justify-content-evenly { justify-content: space-evenly !important; }

.wp_product_builder .align-items-start { align-items: flex-start !important; }
.wp_product_builder .align-items-end { align-items: flex-end !important; }
.wp_product_builder .align-items-center { align-items: center !important; }
.wp_product_builder .align-items-baseline { align-items: baseline !important; }
.wp_product_builder .align-items-stretch { align-items: stretch !important; }

.wp_product_builder .align-self-start { align-self: flex-start !important; }
.wp_product_builder .align-self-end { align-self: flex-end !important; }
.wp_product_builder .align-self-center { align-self: center !important; }
.wp_product_builder .align-self-baseline { align-self: baseline !important; }
.wp_product_builder .align-self-stretch { align-self: stretch !important; }

.wp_product_builder .align-content-start { align-content: flex-start !important; }
.wp_product_builder .align-content-end { align-content: flex-end !important; }
.wp_product_builder .align-content-center { align-content: center !important; }
.wp_product_builder .align-content-between { align-content: space-between !important; }
.wp_product_builder .align-content-around { align-content: space-around !important; }
.wp_product_builder .align-content-stretch { align-content: stretch !important; }

.wp_product_builder .flex-fill { flex: 1 1 auto !important; }
.wp_product_builder .flex-grow-0 { flex-grow: 0 !important; }
.wp_product_builder .flex-grow-1 { flex-grow: 1 !important; }
.wp_product_builder .flex-shrink-0 { flex-shrink: 0 !important; }
.wp_product_builder .flex-shrink-1 { flex-shrink: 1 !important; }

.wp_product_builder .order-first { order: -1 !important; }
.wp_product_builder .order-last { order: 13 !important; }
.wp_product_builder .order-0 { order: 0 !important; }
.wp_product_builder .order-1 { order: 1 !important; }
.wp_product_builder .order-2 { order: 2 !important; }
.wp_product_builder .order-3 { order: 3 !important; }
.wp_product_builder .order-4 { order: 4 !important; }
.wp_product_builder .order-5 { order: 5 !important; }
.wp_product_builder .order-6 { order: 6 !important; }
.wp_product_builder .order-7 { order: 7 !important; }
.wp_product_builder .order-8 { order: 8 !important; }
.wp_product_builder .order-9 { order: 9 !important; }
.wp_product_builder .order-10 { order: 10 !important; }
.wp_product_builder .order-11 { order: 11 !important; }
.wp_product_builder .order-12 { order: 12 !important; }

/* Offsets */
.wp_product_builder .offset-0  { margin-left: 0; }
.wp_product_builder .offset-1  { margin-left: 8.333333%; }
.wp_product_builder .offset-2  { margin-left: 16.666667%; }
.wp_product_builder .offset-3  { margin-left: 25%; }
.wp_product_builder .offset-4  { margin-left: 33.333333%; }
.wp_product_builder .offset-5  { margin-left: 41.666667%; }
.wp_product_builder .offset-6  { margin-left: 50%; }
.wp_product_builder .offset-7  { margin-left: 58.333333%; }
.wp_product_builder .offset-8  { margin-left: 66.666667%; }
.wp_product_builder .offset-9  { margin-left: 75%; }
.wp_product_builder .offset-10 { margin-left: 83.333333%; }
.wp_product_builder .offset-11 { margin-left: 91.666667%; }

.wp_product_builder__product {
	width : 100%;
	font-size: 15px;
	font-weight: 500;
}
.wp_product_builder__product .holder {
	border-radius: 6px;
	border: 1px solid var(--light_border-color, var(--light_border-color, #e5e6e7));
}
.wp_product_builder__product .block-title {
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px;
	background: rgb(61, 81, 91);
	background: -moz-linear-gradient(
	180deg,
	rgba(61, 81, 91, 1) 0%,
	rgba(32, 42, 48, 1) 100%
	);
	background: -webkit-linear-gradient(
	180deg,
	rgba(61, 81, 91, 1) 0%,
	rgba(32, 42, 48, 1) 100%
	);
	background: linear-gradient(
	180deg,
	rgba(61, 81, 91, 1) 0%,
	rgba(32, 42, 48, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d515b", endColorstr="#202a30", GradientType=1);
	color: var(--white, #fff);
	padding: 14px 20px;
	margin-bottom: 0;
	text-transform: capitalize;
}
.wp_product_builder__product .wp_product_builder__form-group {
	border-bottom: 1px solid var(--light_background-color, var(--light_background-color, #f9f8f6));
}
.wp_product_builder__product .wp_product_builder__form-group input[type='text'],
.wp_product_builder__product .wp_product_builder__form-group input[type='number'] {
	border-color: var(--dark-gray);
}
.wp_product_builder__product .hidden { display: none; }
.wp_product_builder__product .hidden-imp { display: none !important; }
.wp_product_builder__product .top.toggle.active {
	background-color: var(--white, #fff);
}
.wp_product_builder__product .top.with-icon {
	position: relative;
	z-index: 1;
}
.wp_product_builder__product .top.toggle {
	cursor: pointer;
	padding: 15px 0;
}
.wp_product_builder__product .top.toggle.active .icon {
	transform: translateY(-50%) rotate(180deg);
}
.wp_product_builder__product .top.with-icon .icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	width: 15px;
	height: 15px;
	padding: 0;
	transition: 0.2s all ease-in-out;
}
.wp_product_builder__product .label-col { padding: 0px 20px; }
.wp_product_builder__product .label-col .help-text,
.wp_product_builder__product .input-section .help-text {
	line-height: 16px;
}
.wp_product_builder__product .title .req {
	color: var(--maroon, #b91f34);
	margin: 0 2px;
}
.wp_product_builder__product .m-0 {
	margin: 0 !important;
}
.wp_product_builder__product {
	width : 100%;
}
.single-product .wp_product_builder__product {
	font-size: 16px;
	font-weight: 500;
}
.togglebody {
	padding-top: 10px;
	padding-bottom: 10px;
}
.image-radio .form-control,
.labeled-radio .form-control {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 0;
}
.single-product .form-control {
	padding: 10px;
	font-size: 15px;
	border-radius: 0;
}
.single-product .image-radio .form-control:not([disabled]) + .form-label,
.single-product .wp_product_builder__product .labeled-radio .form-label {
	cursor: pointer;
	display: block;
}
.single-product .wp_product_builder__product .image-radio .form-control:checked ~ .form-label .img-wrap, .single-product .wp_product_builder__product .image-radio .form-control:checked ~ .form-label .swatch-wrap {
	border-color: var(--maroon, #b91f34);
}
.single-product .wp_product_builder__product .image-radio .form-control:checked ~ .form-label .img-wrap:before, .single-product .wp_product_builder__product .image-radio .form-control:checked ~ .form-label .swatch-wrap:before {
	opacity: 1;
}

.single-product .wp_product_builder__product .image-radio .img-wrap, .single-product .wp_product_builder__product .image-radio .no-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 3px solid transparent;
	border-radius: 5px;
	overflow: hidden;
	padding: 5px;
	position: relative;
	z-index: 1;
	transition: 0.2s all ease-in-out;
	margin-bottom: 3px;
}
.single-product .wp_product_builder__product .image-radio .no-wrap{
	margin: 0 auto;
}

.single-product .wp_product_builder__product #InkColors .swatch-wrap:before {
	top: 9px;
	right: 9px;
}
.single-product .wp_product_builder__product .image-radio .img-wrap:before,
.single-product .wp_product_builder__product .image-radio .swatch-wrap:before {
	position: absolute;
	content: '';
	top: 3px;
	right: 3px;
	background: url(../icons/red-checkmark.svg) no-repeat center;
	background-size: cover;
	height: 20px;
	width: 20px;
	opacity: 0;
	transition: 0.2s all ease-in-out;
	z-index: 2;
}
.single-product .wp_product_builder__product .labeled-radio .form-label:before,
.single-product .wp_product_builder__product .labeled-radio .form-label:after {
	position: absolute;
	content: '';
	top: 3px;
	left: 0;
	border-radius: 50%;
	transition: 0.2s all ease-in-out;
}
.single-product .wp_product_builder__product .labeled-radio .form-label:after {
	height: 10px;
	width: 10px;
	background-color: var(--dark-gray, #9a9a9a);
	top: 6px;
	left: 3px;
	opacity: 0;
}
.single-product .wp_product_builder__product .labeled-radio .form-label {
	padding-left: 26px;
	margin-bottom: 0.25rem;
	cursor: pointer;
}
.single-product .wp_product_builder__product .labeled-radio .form-control:checked  ~ .form-label:before {
	border-color: var(--maroon, #b91f34);
}
.single-product .wp_product_builder__product .labeled-radio .form-control:checked ~ .form-label:after {
	background: var(--maroon, #b91f34);
	opacity: 1;
}
.single-product .wp_product_builder__product .labeled-radio .form-label:before {
	height: 16px;
	width: 16px;
	border: 1px solid var(--dark-gray, #9a9a9a);
}
article.on {
	display: flex;
	align-items: center;
}
.single-product .wp_product_builder__product label input {
	width: 147px;
	position: static !important;
	opacity: 1 !important;
	visibility: visible !important;
}
article.on label {
	padding-left: 5px !important;
	padding-right: 5px;
}
.wp_product_builder__product .color-swatch {
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.single-product .wp_product_builder__product .swatch-wrap {
	padding: 3px;
	height: auto;
}
.single-product .wp_product_builder__product .image-radio .swatch-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 3px solid transparent;
	border-radius: 5px;
	overflow: hidden;
	padding: 5px;
	position: relative;
	z-index: 1;
	transition: 0.2s all ease-in-out;
	margin-bottom: 3px;
}
.swatch-wrap {
	aspect-ratio: 1;
	width: 100%;
}
.single-product .wp_product_builder__product .image-radio .item-title {
	color : var(--white-color, #ffffff);
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 1.2;
}
.color-swatch.image-swatch {
	border: 1px solid #e6e6e6;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.column {
	width: 20%;
	padding: 6px 5px;
}
.col5.m-0.image-radio.mob-image-fill {
	display: flex;
	flex-wrap: wrap;
}
.checkbox-label {
	padding-left: 10px;
	padding-top: 6px;
}
.single-product .wp_product_builder__product .image-radio .form-control:checked  ~ .form-label .img-wrap {
	border-color: var(--maroon, #b91f34);
}
.single-product .bg-ltgray {
	background-color: var(--light_background-color, #f9f8f6);
}
.label-col .help-text,
.input-section .help-text {
	line-height: 16px;
}
.help-text {
	color: var(--placeholder-gray);
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
}

.help-link {
	color: var(--maroon, #b91f34);
	text-decoration: underline;
}
.faux-input {
	display: flex;
	align-items: stretch;
}
.single-product #product-quote input[type='text'].form-control,
.single-product #product-quote input[type='number'].form-control {
	padding: 5px 10px;
}
.faux-input.has-suffix input,
.faux-input-prefix {
	border-right: none;
}
.form-group input[type='text'],
.form-group input[type='number'] {
	border-color: var(--dark-gray);
}
.faux-input-prefix,
.faux-input-suffix {
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid var(--dark-gray);
	background-color: var(--light_background-color, #f9f8f6);
	color: var(--placeholder-gray);
}
.x-wrap {
	padding: 6px;
	font-size: 15px;
	font-weight: 500;
	color: var(--placeholder-gray);
	height: 44px;
}
.units-swap {
	height: 38px;
	display: flex;
	align-items: center;
}
.btn.btn-toggle:has(input:checked), .btn.units-toggle:has(input:checked) {
	background-color: var(--allports);
	color: var(--white-color, #ffffff);
	pointer-events: none;
}
.btn.btn-toggle, .btn.units-toggle {
	background-color: var(--light_background-color, #f9f8f6);
	color: var(--allports);
	padding: 5px 10px;
	border: none;
	min-width: 45px;
}
.single-product .btn {
	--bs-btn-border-width: 2px;
	font-size: 15px;
	font-weight: 500;
	border-radius: 8px;
	padding: 8px 18px;
	text-decoration: none;
}
.units-swap label input {
	display: none;
}
.btn.btn-toggle-left, .btn.units-toggle-left {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.btn.btn-toggle-right, .btn.units-toggle-right {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.wp_product_builder__product .form-group {
	border-bottom: 1px solid var(--light_border-color, var(--light_border-color, #e5e6e7));
}
.single-product .wp_product_builder__product .image-radio .form-control:checked ~ .form-label .img-wrap, .form-label .swatch-wrap {
	border-color: var(--maroon, #b91f34);
}
.img-wrap svg {
	width: 100%;
	height: auto;
}
.single-product .wp_product_builder__product #InkColors .swatch-wrap {
	padding: 3px;
	height: auto;
}
.single-product .wp_product_builder__product .image-radio div[class^='col'],
.single-product .wp_product_builder__product .labeled-radio div[class^='col'],
.single-product .wp_product_builder__product .labeled-radio .item {
	position: relative;
	z-index: 1;
	text-align: center;
}

.radio-spacing {
	padding: 6px 5px;
}
.position-relative {
	position: relative !important;
}
svg .color-white,
svg .color-contrast {
	fill: var(--white);
}
svg .color-print-stroke,
svg .color-contrast-stroke {
	fill: none;
	stroke: #007748;
	stroke-width: 1.2;
	stroke-miterlimit: 10;
}

svg .color-contrast-stroke {
	stroke: var(--white);
}

svg .color-gray {
	fill: var(--dark-gray);
}

svg .color-print {
	fill: #007748;
}
.border-top {
	border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.single-product .wp_product_builder__product #InkColors .col5 {
	display: flex;
	flex-wrap: wrap;
}
.single-product .wp_product_builder__product #InkColors .column {
	width: 20%;
	padding: 6px 5px;
}
.single-product .wp_product_builder__product #InkColors .column label {
	margin-bottom: 0;
}
.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: var(--bs-border-radius);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-check-input:checked[type='radio'] {
	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-7 -7 14 14'%3e%3ccircle r='5' fill='%23B91F34'/%3e%3c/svg%3e");
}

.form-check-input:checked {
	background-color: var(--white-color, #ffffff);
	border-color: #b91f34;
}

.form-check-input[type='radio'] {
	border-radius: 50%;
}
.form-check-input {
	border-color: #9a9a9a;
}
.form-check-input {
	--bs-form-check-bg: var(--bs-body-bg);
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: var(--bs-form-check-bg);
	background-image: var(--bs-form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: var(--bs-border-width) solid var(--bs-border-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
}

.logo-upload {
	inset: 0;
	opacity: 0;
	display: none;
}
.single-product.btn {
	--bs-btn-border-width: 2px;
	font-size: 15px;
	font-weight: 500;
	border-radius: 8px;
	padding: 8px 18px;
	text-decoration: none;
}

.single-product .wp_product_builder__product .labeled-radio .item {
	text-align: left;
}

.single-product .checkbox label {
	padding-left: 26px;
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
}

.minus-btn {
	position: absolute;
	left: -28px;
}
.text-inputs {
	gap: 5px;
	display: grid;
}
.quoter-popular-badge {
	background: #4caf50;
	color: white;
	font-size: 11px;
	padding: 2px 6px;
	font-weight: 500;
	margin-left: 8px;
}

.quoter-popular-badge{
	position: absolute;
	top: 10px;
	right: 10px;
}

.property-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border-radius: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.property-badge img {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.units-swap label input{
	display: none !important;
}

.upload-file{
	border:  2px solid #ab192d;
	color: #ab192d;
}

.wp_product_builder__product textarea{
	border: 1px solid var(--dark-gray);
}

.single-product .wp_product_builder__product .help-me-choose, .single-product .wp_product_builder__product .filter-properties{
	color: #ab192d;
	font-weight: 500;
	font-size: 16px;
	text-decoration: underline;
}

.single-product .wp_product_builder__product .help-me-choose:focus, .single-product .wp_product_builder__product .filter-properties:focus{
	outline: none !important;
}

.single-product .wp_product_builder__product .faux-input-suffix img{
	width: 30px;
	height: 35px;
}
.wp_product_builder #custom-size-inputs .input-col {
	justify-content: center;
}
.single-product .wp_product_builder__product .faux-input-suffix.width-icon, .single-product .wp_product_builder__product .faux-input-suffix.height-icon{
	padding: 0;
}
.hidden-variation-select {
	display: none !important;
}
.custom-variation-switcher {
	display: flex;
	gap: 50px;
	margin: 15px 0;
	flex-wrap: wrap;
}
.custom-variation-switcher .variation-option.selected {
	outline: 2px solid #583B61;
	padding: 0px 20px 0px 20px;
}
.show-size-dropdown {
	color: #0f9a8c;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
}
.wrap-input-units {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.custom-size-inputs {
	padding-left: 50px;
}
.wrap-input-units .x-wrap{
	padding:  35px 10px;
}
.wrap-input-units .units-swap{
	margin-top: 25px;
}

/* Tooltip Styles */
.tooltip-trigger.tooltip-hidden .info-tooltip,
.tooltip-mobile.tooltip-hidden.info-tooltip {
	display: none;
}
.info-tooltip {
	position: absolute;
	bottom: calc(100% + 10px);
	left: -142px;
	width: 300px;
	left: -38px;
	margin-top: unset;
}

.info-tooltip {
	z-index: 9999;
	background: rgba(29, 29, 29, 0.9);
	backdrop-filter: blur(2.5px);
	color: var(--white-color, #ffffff);
	padding: 15px;
	width: 100%;
	border-radius: 8px;
	cursor: auto;
	margin-top: 5px;
}

/* Layout Design Start */
.single-product .wp_product_builder__product .image-radio.image-bg .form-control:checked ~ .form-label .img-wrap {
	border: none;
}
.single-product .wp_product_builder__product .image-radio.image-bg .form-control:checked ~ .form-label .img-wrap::before {
	content: none;
}
.single-product .wp_product_builder__product .image-radio.image-bg .form-control:checked ~ .form-label {
	border-color: #583B61;
	background-color: #583B61;
	color: var(--white-color, #ffffff);
	padding: 0px 15px;
	border: 1px solid #e5e8ea;
	border-radius: 6px;
}
.single-product .wp_product_builder__product .image-radio.image-bg.layout-4 .form-control ~ .form-label {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .form-control ~ .form-label, .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .form-control ~ .form-label, .single-product .wp_product_builder__product .image-radio.image-bg.layout-9 .form-control ~ .form-label {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0;
	cursor: pointer;
	padding: 0;
	z-index: 1;
	position: relative;
}

.single-product .wp_product_builder__product .layout-2 .item-title, .single-product .wp_product_builder__product .layout-3 .item-title, .single-product .wp_product_builder__product .layout-4 .item-title,.single-product .wp_product_builder__product .layout-5 .item-title, .single-product .wp_product_builder__product .layout-7 .item-title, .single-product .wp_product_builder__product .layout-8 .item-title, .single-product .wp_product_builder__product .layout-9 .item-title{
	font-size: 16px;
	color : var(--primary-color, #2a1f4a);
}

.single-product .wp_product_builder__product .layout-9{
	display: flex;
	gap:  5px;
}
.single-product .wp_product_builder__product .image-radio.image-bg.layout-4 .form-control ~ .form-label picture, .single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .form-control ~ .form-label picture, .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .form-control ~ .form-label picture { width: 20%; }
.single-product .wp_product_builder__product .image-radio.image-bg.layout-4 .form-control ~ .form-label span, .single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .form-control ~ .form-label span{ width: 80%; text-align: left; flex: 1; }

.single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .form-control ~ .form-label span {
	width: 80%;
}
.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .form-control {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
	z-index: 2;
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .full-color-option, .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .full-color-option, .single-product .wp_product_builder__product .image-radio.image-bg.layout-9 .full-color-option {
	padding: 0px 50px;
	margin-bottom: 0px;
	transition: all 0.3s ease;
	background-color: transparent;
	border-bottom: 1px solid #e5e8ea;
	min-height: 35px;
	display: block;
	position: relative;
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .full-color-option {
	padding: 0px 15px !important;
}
.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .full-color-option.checked, .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .full-color-option:has(.form-control:checked), .single-product .wp_product_builder__product .image-radio.image-bg.layout-9 .full-color-option:has(.form-control:checked) {
	background-color: #583B61 !important;
	border-color: #583B61 !important;
	color: var(--white-color, #ffffff) !important;
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .full-color-option:has(.form-control:checked) span.item-title, .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .full-color-option:has(.form-control:checked) span.item-title, .single-product .wp_product_builder__product .image-radio.image-bg.layout-9 .full-color-option:has(.form-control:checked) span.item-title {
	font-size: 16px;
	color : var(--white-color, #ffffff);
}

.single-product .wp_product_builder__product .layout-3 .form-control:checked + .form-label .item-title , .single-product .wp_product_builder__product .layout-4 .form-control:checked + .form-label .item-title{
	color: var(--white-color, #ffffff);
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .full-color-option.checked .form-label, .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .full-color-option:has(.form-control:checked) .form-label {
	background: none !important;
	border: none !important;
	padding: 6px 0;
	color: var(--white-color, #ffffff) !important;
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .full-color-option:has(.form-control:checked), .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .full-color-option:has(.form-control:checked), .single-product .wp_product_builder__product .image-radio.image-bg.layout-9 .full-color-option:has(.form-control:checked) {
	background-color: #583B61 !important;
	border-color: #583B61 !important;
	color: var(--white-color, #ffffff) !important;
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .full-color-option:has(.form-control:checked) .form-label, .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .full-color-option:has(.form-control:checked) .form-label, .single-product .wp_product_builder__product .image-radio.image-bg.layout-9 .full-color-option:has(.form-control:checked) .form-label {
	background: none !important;
	border: none !important;
	padding: 10px 0;
	color: var(--white-color, #ffffff) !important;
}

.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .form-control:checked ~ .form-label , .single-product .wp_product_builder__product .image-radio.image-bg.layout-8 .form-control:checked ~ .form-label{
	background: none !important;
	border: none !important;
	padding: 6px 0;
	color: var(--white-color, #ffffff) !important;
}

.single-product .wp_product_builder__product .checkbox-layout-2 .item-title{
	font-size: 16px;
	color : var(—black-color);
}
.wp_product_builder__product .image-radio.image-bg.layout-8 picture img {
	width: 60px;
	height: 60px;
	object-fit: contain;
}
.wp_product_builder__product .image-radio.image-bg.layout-8 span {
	text-align: left;
}
.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 .form-control ~ .form-label {
	padding: 0px 15px;
	display: flex;
	justify-content: space-evenly;
}
.single-product .wp_product_builder__product .image-radio.image-bg.layout-7 picture img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}
.single-product .wp_product_builder__product .layout-9 .attribute-image {
	width: 40%;
	height: auto;
	object-fit: contain;
	margin: 10px;
}
.single-product .wp_product_builder__product .image-radio.image-bg.layout-9 .form-control ~ .form-label {
	flex-direction: row;
}

.inktype-colors {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.column {
	width: 120px;
	text-align: center;
}

.column input[type="checkbox"] {
	display: none;
}

.swatch-pms {
	font-size: 12px;
	color: #555;
}

/* Layout Design End */

/* Size Chart Start */
.size-chart {
	position: relative;
	display: inline-block;
}

.size-img-bg {
	display: block;
	width: 500px;
}

.size-design-container{
	display: block;
	position: absolute;
	width: 50%;
	min-width: 100px;
	max-width: 100%;
	height: 50%;
	min-height: 60px;
	max-height: 100%;
	border-radius: 6px;
	background-color: #583B61;
	box-shadow: 0 1px 3px rgba(#583B61);
	top: 20px;
	left: 170px;
}

.size-img-design{
	display: block !important;
	width: 100%;
	height: 95%;
	object-fit: contain;
	margin: 0 auto;
}


.is-rounded .size-design-container {
	border-radius: 50%;
}

.size-chart{
	width: 339px;
	max-width: calc(100% - 30px);
}

.size-arrow {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(—black-color);
	font-size: 14px;
	font-weight: bold;
}
.size-arrow.size-width {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	height: 16px;
	margin-top: 4px;
	border-right: 1px solid currentColor;
	border-left: 1px solid currentColor;
	color: #414042;
}

.shape-special .size-design-container{
	background: url(../icons/shape-special.png) no-repeat center center;
	background-size: contain;
	height: 55%;
	width: 50%;
}

.size-arrow.size-width::before,
.size-arrow.size-width::after{
	content: "";
	position: absolute;
	bottom: -5px;
	left: 5px;
	width: 12px;
	height: 14px;
	margin-top: 0;
	background-color: currentColor;
	transform: rotate(-90deg);
	-webkit-mask: url(../icons/ico_arrow_dimension.svg) 50% 50% / contain no-repeat;
}

.size-arrow.size-width::after {
	right: 5px !important;
	left: auto !important;
	transform: rotate(90deg) !important;
}

.size-arrow.size-height {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 16px;
	margin-left: 4px;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	color: #414042;
}

.size-arrow.size-height::before,
.size-arrow.size-height::after {
	content: "";
	position: absolute;
	top: 5px;
	right: -4px;
	width: 11px;
	height: 14px;
	margin-top: 0;
	background-color: currentColor;
	transform: rotate(0deg);
	-webkit-mask: url(../icons/ico_arrow_dimension.svg) 50% 50% / contain no-repeat;
}

.size-arrow.size-height::after {
	top: auto !important;
	bottom: 5px  !important;
	transform: rotate(-180deg) !important;
}

.size-units{
	padding: 10px 0px 0px 50px;
}
/* Size Chart End */

/* Bootstrap Modal */
.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 1050;
}
.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 2rem 2.5rem;
	width: 30em;
	border-radius: 0.5rem;
}
.close-button {
	float: right;
	width: 1.5rem;
	font-size: 1.2em;
	line-height: 1;
	padding: 0 .2em .15em;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	background-color: var(--clr-neutral);
	color: var(--clr-dark);
	transition: color 0.12s ease-in-out;
}
.close-button:hover {
	color: var(--clr-main);
}
.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
/* Bootstrap Modal End */

/* Material Compare Modal Styles Start */
.filter-header{
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 10px;
	padding: 0 20px;
	justify-content: space-between;
}

.property-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.property-modal-container {
	background: white;
	border-radius: 8px;
	max-width: 1200px;
	width: 100%;
	max-height: 90vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.property-modal-header {
	padding: 20px 24px;
	border-bottom: 1px solid var(--light_background-color, #f9f8f6);
	position: relative;
}

.property-modal-header h2 {
	margin: 0 0 8px 0;
	font-size: 22px;
	color: var(--dark-text);
}

.property-modal-header p {
	margin: 0;
	color: var(--placeholder-gray);
	font-size: 14px;
}

.property-modal-close {
	position: absolute;
	top: 20px;
	right: 24px;
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: var(--placeholder-gray);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: background-color 0.2s;
}

.property-modal-close:hover {
	background-color: var(--lightest-gray);
}

.attribute-modal-filters {
	padding: 16px 24px;
	border-bottom: 1px solid var(--light_background-color, #f9f8f6);
	background-color: var(--lightest-gray);
}

.attribute-search-container {
	position: relative;
	margin-bottom: 16px;
}

.attribute-search-container input {
	width: 100%;
	padding: 12px 50px 12px 16px;
	border: 1px solid var(--light_background-color, #f9f8f6);
	border-radius: 6px;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s;
}

.attribute-search-container input:focus {
	border-color: var(--allports);
}

.attribute-search-btn {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--maroon);
	border: none;
	border-radius: 4px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: white;
	transition: background-color 0.2s;
}

.attribute-search-btn:hover {
	background-color: #a01b2e;
}

.property-filter-checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.property-filter-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	color: var(--dark-text);
	user-select: none;
}

.property-filter-checkbox input[type="checkbox"] {
	margin-right: 8px;
	width: 16px;
	height: 16px;
	accent-color: var(--allports);
}

.attribute-modal-body {
	flex: 1;
	overflow-y: auto;
	padding: 24px;
}

.property-cards-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

.attribute-card {
	border: 1px solid var(--light_background-color, #f9f8f6);
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease;
	cursor: pointer;
	background: white;
	user-select: none;
}

.attribute-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
	border-color: var(--allports);
}

.attribute-card.selected {
	border-color: var(--allports);
	box-shadow: 0 0 0 2px rgba(20, 112, 149, 0.2);
	background-color: rgba(20, 112, 149, 0.05);
}

.attribute-card.selected:hover {
	background-color: rgba(20, 112, 149, 0.08);
}

.attribute-image {
	height: 120px;
	background: var(--lightest-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.attribute-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.attribute-info {
	padding: 16px;
}

.attribute-price {
	font-size: 16px;
	color: var(--placeholder-gray);
	margin: 8px 0;
	font-weight: 600;
}
.attribute-name {
	font-size: 16px;
	font-weight: 600;
	color: white;
	background: var(--primary-color, #2a1f4a) !important;
	padding: 8px 12px;
	margin: -16px -16px 12px -16px;
	text-align: center;
}

.material-base,
.material-finish {
	font-size: 14px;
	color: var(--placeholder-gray);
	margin-bottom: 4px;
}

.attribute-properties {
	margin: 2px 0;
	display: flex;
	flex-wrap: wrap;
}

.attribute-property {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: var(--dark-text);
}

.attribute-property img{
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.property-icon {
	margin-right: 4px;
	font-size: 14px;
}

.material-description {
	font-size: 14px;
	color: var(--placeholder-gray);
	margin-top: 8px;
	font-style: italic;
}

.attribute-select-overlay {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	pointer-events: none;
}

.select-checkbox {
	position: relative;
	pointer-events: all;
}

.attribute-select-checkbox {
	width: 24px;
	height: 24px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.checkmark-circle {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: white;
	border: 2px solid var(--light_background-color, #f9f8f6);
	border-radius: 50%;
	transition: all 0.2s;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.8);
}

.attribute-select-checkbox:checked + .checkmark-circle {
	background: var(--allports);
	border-color: var(--allports);
	opacity: 1;
	visibility: visible;
	transform: scale(1.1);
}

.attribute-select-checkbox:checked + .checkmark-circle:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.property-modal-footer {
	padding: 16px 24px;
	border-top: 1px solid var(--light_background-color, #f9f8f6);
	background: var(--lightest-gray);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.selected-count {
	font-size: 14px;
	color: var(--placeholder-gray);
}

.modal-actions {
	display: flex;
	gap: 12px;
}

.btn-compare,
.btn-back {
	padding: 10px 20px;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.btn-compare {
	background: var(--maroon);
	color: white;
}

.btn-compare:hover:not(:disabled) {
	background: #a01b2e;
}

.btn-compare:disabled {
	background: var(--dark-gray);
	cursor: not-allowed;
}

.btn-back {
	background: var(--light_background-color, #f9f8f6);
	color: var(--dark-text);
}

.btn-back:hover {
	background: var(--dark-gray);
	color: white;
}

.compare-view-container {
	display: block;
	width: 100%;
	overflow-x: auto;
	padding: 20px;
}

.compare-grid-layout {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	min-width: fit-content;
}

.properties-sidebar {
	width: 130px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sidebar-header-spacer {
	height: 210px;
	background: transparent;
}

.property-labels-container {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.property-label-row {
	min-height: 45px;
	display: flex;
	align-items: center;
	padding: 5px 8px;
	background: var(--lightest-gray);
	border: 1px solid var(--light_background-color, #f9f8f6);
	margin-bottom: 1px;
}

.property-label-text {
	font-size: 14px;
	font-weight: 500;
	color: var(--dark-text);
	line-height: normal;
}

.sidebar-footer-spacer {
	height: 70px;
	background: transparent;
}

.attributes-grid-container {
	display: flex;
	gap: 20px;
	flex: 1;
}

.compare-attribute-card {
	width: 300px;
	flex-shrink: 0;
	border: 2px solid var(--light_background-color, #f9f8f6);
	border-radius: 8px;
	overflow: hidden;
	background: white;
	display: flex;
	flex-direction: column;
}

.compare-card-header {
	padding: 16px;
	text-align: center;
	background: white;
	position: relative;
}

.attribute-image-container {
	width: 80px;
	height: 80px;
	margin: 0 auto 12px;
	border-radius: 4px;
	overflow: hidden;
	background: var(--lightest-gray);
}

.attribute-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.attribute-name-bar {
	background: var(--dark-text);
	color: white;
	padding: 12px;
	margin: 16px -16px -16px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}

.attribute-properties {
	display: flex;
	flex-direction: column;
}

.property-value-row {
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid var(--light_background-color, #f9f8f6);
	background: white;
	margin-bottom: 1px;
}

.property-value-row:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.property-text-value {
	font-size: 14px;
	color: var(--dark-text);
	font-weight: 500;
}

.property-check-icon {
	width: 24px;
	height: 24px;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
}

.property-cross-icon {
	color: var(--light_border-color, #e5e6e7);
	font-size: 18px;
	font-weight: bold;
}

.attribute-select-button {
	padding: 16px;
	margin-top: auto;
}

.attribute-select-button .compare-select-btn {
	width: 100%;
	padding: 12px;
	background: #c2185b;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
}

.attribute-select-button .compare-select-btn:hover {
	background: #ad1457;
}

.popular-badge {
	position: absolute;
	top: -2px;
	left: 8px;
	background: #00c851;
	color: white;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	z-index: 10;
}

.table-property-check {
	color: #00c851;
	font-size: 18px;
	font-weight: bold;
}

.table-property-cross {
	color: #ff4444;
	font-size: 18px;
	font-weight: bold;
}

.table-property-value {
	color: var(--dark-text);
	font-size: 14px;
	font-weight: 600;
}

.table-select-btn {
	background: var(--maroon);
	color: white;
	border: none;
	padding: 8px 16px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
}

.table-select-btn:hover {
	background: #a01b2e;
}

.compare-materials-section {
	flex: 1;
	overflow-x: auto;
}

.compare-materials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	min-height: 100%;
}

.compare-material-card {
	border: 1px solid var(--light_background-color, #f9f8f6);
	border-radius: 8px;
	overflow: hidden;
	background: white;
	position: relative;
	display: flex;
	flex-direction: column;
}

.compare-material-image {
	height: 100px;
	background: var(--lightest-gray);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.compare-material-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.compare-material-info {
	padding: 16px 16px 12px 16px;
	text-align: center;
}

.compare-material-info .attribute-price {
	font-size: 16px;
	margin-bottom: 4px;
}

.compare-material-info .attribute-name {
	font-size: 14px;
	margin: 0 -16px 12px -16px;
	padding: 6px 12px;
}

.compare-material-info .material-base,
.compare-material-info .material-finish {
	font-size: 14px;
	margin-bottom: 2px;
}

.compare-material-properties {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0 16px 16px 16px;
}

.material-property-check {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	border-radius: 4px;
	background: var(--lightest-gray);
}

.property-check-icon {
	color: #00c851;
	font-size: 16px;
	font-weight: bold;
}

.property-cross-icon {
	color: #ff4444;
	font-size: 16px;
	font-weight: bold;
}

.property-value-text {
	color: var(--dark-text);
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}

.compare-select-btn {
	width: 100%;
	padding: 12px;
	background: var(--maroon);
	color: white;
	border: none;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
	margin-top: auto;
}

.compare-select-btn:hover {
	background: #a01b2e;
}

.compare-attributes-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
}

.compare-attribute-card {
	border: 1px solid var(--light_background-color, #f9f8f6);
	border-radius: 8px;
	overflow: hidden;
	background: white;
	position: relative;
}

.compare-properties-table {
	padding: 16px;
}

.property-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid var(--lightest-gray);
}

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

.property-label {
	font-size: 14px;
	color: var(--placeholder-gray);
	font-weight: 500;
}

.property-value {
	font-size: 14px;
	color: var(--dark-text);
	font-weight: 600;
}

.property-check {
	color: #00c851;
	font-size: 16px;
}

/* Responsive Design */
@media (max-width: 768px) {
	.property-modal-container {
	margin: 10px;
	max-height: 95vh;
	}

	.property-cards-container {
	grid-template-columns: 1fr;
	}

	.compare-attributes-grid {
	grid-template-columns: 1fr;
	}

	.compare-view-container {
	overflow-x: auto;
	}

	.compare-table-container {
	min-width: 500px;
	}

	.compare-table-header-cell,
	.compare-table-cell {
	min-width: 120px;
	font-size: 12px;
	padding: 8px;
	}

	.compare-table-header-cell:first-child,
	.compare-table-cell:first-child {
	min-width: 100px;
	}

	.material-header-image {
	width: 40px;
	height: 40px;
	}

	.material-header-name {
	font-size: 12px;
	}

	.material-header-price {
	font-size: 10px;
	}

	.table-select-btn {
	padding: 6px 12px;
	font-size: 11px;
	}

	.property-filter-checkboxes {
	flex-direction: column;
	gap: 8px;
	}

	.property-modal-footer {
	flex-direction: column;
	gap: 12px;
	align-items: stretch;
	}

	.modal-actions {
	justify-content: center;
	}
}
/* Material Compare Modal Styles End */
@media (min-width: 992px) {
	body.single-product .wp_product_builder__product .top {
	padding: 10px 5px;
	}
}

.wp_product_builder__product .form-group .qty-dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 350px;
  color: var(--primary-color, #2a1f4a);
  width: 100%;
}

/* Title row */
.qty-dropdown .title {
  text-align: center;
  font-weight: 700;
  padding: 14px 0;
}

/* Each row */
.qty-dropdown li {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid #eee;
  position: relative;
}

/* Right side stacked price text */
.price-block {
  margin-left: auto;
  text-align: right;
  line-height: 1.2;
}

.per-label {
  font-size: 14px;
  display: block;
  opacity: 0.7;
}

.price {
  font-weight: 700;
}

/* Green badge */
.badge {
  background: #42b883;
  color: var(--white-color, #ffffff);
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 14px;
  margin-left: 12px;
  white-space: nowrap;
}

/* Selected row (blue background) */
.qty-dropdown li.selected {
  background: var(--heading_color-color, #2a1f4a);
  color: var(--white-color, #ffffff);
  cursor: pointer;
}

.qty-dropdown li:hover {
  background: var(--light_background-color, #f9f8f6);
  color: var(--text_color-color, #58595b);
}

.qty-dropdown li.selected .badge {
  background: #59c78f;
}

/* Custom input box (hidden by default) */
.qty-dropdown .custom-input-box {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 20px;
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
}

.custom-input-box label {
  font-size: 14px;
  color: var(--text_color-color, #58595b);
}

.custom-input-box input {
  width: 100%;
  padding: 8px;
  font-size: 15px;
  border: 1px solid var(--light_border-color, #e5e6e7);
  border-radius: 4px;
}

.custom-input-box button {
  align-self: flex-end;
  background: #2e2350;
  color: var(--white-color, #ffffff);
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}

.qty-dropdown .custom-input-box .error { color: var(--error_back-color, #e60000); }

.custom-input-box button:hover {
  background: #3a2e6a;
}

form.cart {
    position: relative;
}
form.cart .disable-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    pointer-events: all;
}
form.cart .disable-overlay.active {
	display: flex;
}
/* Optional "disabled" style visually fades form */
form.cart.disabled {
    opacity: 0.5;
}
.loader {
    display: inline-block;
    width: 65px;
    height: 65px;
}
.loader:after {
    content: " ";
    display: block;
    width: 48px;
    height: 48px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #3498db;
    border-color: #3498db transparent #3498db transparent;
    animation: dual-ring 1.2s linear infinite;
}
@keyframes dual-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.custom-variation-wrapper .option-icon { width: 50px; height: 50px; }
.custom-variation-wrapper .option-icon img { object-fit: contain; }

.wp_product_builder .form-group .image-radio .property-filter-options .property-filter-options__inner {  
	padding: 10px;  
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	gap: 0px 15px;
}
.wp_product_builder .form-group .image-radio .property-filter-options .property-filter-item {
    display: flex;
    align-items: center;
}
.wp_product_builder .form-group .image-radio .property-filter-options .property-filter-item input[type='checkbox'] {
	margin-right: 5px;
}

/* WooCommerce Gallary CSS */
.woocommerce-product-gallery__wrapper {
	padding-top: 20px;
}
.woocommerce-product-gallery__trigger {
    display: none !important;
}
.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single.yith-add-to-wishlist-button-block--initialized {
	position: absolute;
    right: 0;
	top: 15px;
}
html .woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-viewport {
	width: 80%;
}
html .woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs {
	width: calc(20% - 1em);
}
html .woocommerce.content-full-width div.product div.images {
    width: 52%;
}
html .woocommerce.content-full-width div.product div.summary {
    width: 46%;
}

/* Matrial Css */
.wp_product_builder .form-group .image-radio.layout-8 .material-inner {
	align-items: flex-start;
}
.wp_product_builder .form-group .image-radio.layout-8 .material-inner .material-picture {
	width: 10%;
}
.wp_product_builder .form-group .image-radio.layout-8 .material-inner .material-text {
	width: 90%;
}
.wp_product_builder .form-group .image-radio.layout-8 .material-inner .material-text .item-info {
	margin-top: 10px;
}
.wp_product_builder .form-group .image-radio.layout-8 .material-inner .material-text .item-info .property-badges {
	display: flex;
    gap: 0 20px;
    flex-wrap: wrap;
}
.wp_product_builder .form-group .image-radio.layout-7 .full-color-option:hover, 
.wp_product_builder .form-group .image-radio.layout-8 .full-color-option:hover, 
.wp_product_builder .form-group .image-radio.layout-9 .full-color-option:hover {
	color: var(--white-color, #ffffff);
	cursor: pointer;
}

.single-product .request_quote_btn {
	font-size: 20px !important;
    font-weight: 700;
    width: 100%;
    border: none;
    text-transform: capitalize !important;
    letter-spacing: 0px !important;
	background-image: linear-gradient(135deg, #EE1264 0%, #FE5356 100%);
    color: var(--white-color, #ffffff);
	margin-top: 20px;

}
.single-product .sprink-save-later-pdp {
	font-size: 20px;
    font-weight: 700;
    width: 100%;
	background: transparent;
    color: var(--secondary-color, #91206c);
	margin-top: 20px;
	text-align: center;
	padding: 0;
}
.single-product .sprink-save-later-pdp:hover {
	border: none;
}

.wp_product_builder__product .form-group.disabled {
	cursor: not-allowed;
	background-color: #f0f0f0;
}
.wp_product_builder__product .form-group.disabled div {
	pointer-events: none;
	opacity: 0.6;
}
.wp_product_builder__product .form-group.readonly div { pointer-events: none; }
.wp_product_builder__product .form-group.readonly div svg { display: none; }
.error {
    color: var(--error_back-color, #e60000) !important;
}
.custom-variation-wrapper .variation-option.readonly {
    pointer-events: none;
    opacity: 0.4;
}

/* Suggested Shape Sizes CSS */
body .wp_product_builder .suggested-shape-sizes ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
body .wp_product_builder .suggested-shape-sizes li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--dark_link-color, #3157ce);
}
body .wp_product_builder .suggested-shape-sizes li a {
	display: inline-block;
	text-decoration: underline;
	margin: 0 2px;
	color: var(--dark_link-color, #3157ce);
}

.sprink_card.loaded .content {
	display: block;
}
.sprink_card.loaded .skeleton {
	display: none;
}
.sprink_card .skeleton {
	background: #e5e7eb;
	border-radius: 6px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.sprink_card .skeleton-text {
	height: 14px;
}
.sprink_card .skeleton::after {
	content: "";
	position: absolute;
	top: 0;
	left: -150px;
	height: 100%;
	width: 150px;
	background: linear-gradient(90deg,
			transparent,
			rgba(255, 255, 255, 0.6),
			transparent);
	animation: shimmer 1.3s infinite;
}
@keyframes shimmer {
	100% {
		transform: translateX(350px);
	}
}