:root{
	--wmk-slider-active:#2563eb;
	--wmk-slider-track:#e2e8f0;
	--wmk-slider-thumb:#ffffff;
	--wmk-slider-thumb-border:rgba(37,99,235,.55);
	--wmk-slider-thumb-shadow:rgba(37,99,235,.35);
}

.wmk-m2-slider-wrap{
	--wmk-slider-fill:0%;
	background:transparent;
	border:none;
	border-radius:18px;
	padding:1.5rem 1.8rem 1.3rem;
	display:flex;
	flex-direction:column;
	gap:1rem;
	box-shadow:none;
	margin:0.6rem 0 0.9rem;
}

.wmk-m2-slider-header{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:1rem;
}

.wmk-m2-slider-label{
	font-size:.82rem;
	text-transform:uppercase;
	letter-spacing:.14em;
	font-weight:600;
	color:#64748b;
}

.wmk-m2-slider-value{
	display:flex;
	align-items:baseline;
	gap:.35rem;
	font-weight:700;
	color:#0f172a;
}

.wmk-m2-slider-value .wmk-current{
	font-size:2.1rem;
	line-height:1;
}

.wmk-m2-slider-value .wmk-unit{
	font-size:0.95rem;
	text-transform:uppercase;
	letter-spacing:.12em;
	color:#475569;
	font-weight:600;
}

.wmk-m2-slider-track{
	position:relative;
	padding:0.2rem 0;
}

.wmk-m2-slider-row{
	display:flex;
	align-items:center;
	gap:0.75rem;
}

.wmk-m2-slider-number{
	flex:0 0 90px;
}

.wmk-m2-slider-number .wmk-m2-number{
	width:100%;
	padding:.35rem .5rem;
	border:1px solid rgba(148,163,184,.6);
	border-radius:8px;
	background:#fff;
	font-size:.85rem;
}

.wmk-m2-slider-number .wmk-m2-number:focus{
	outline:2px solid rgba(37,99,235,.35);
	outline-offset:2px;
}

.wmk-m2-slider{
	width:100%;
	height:12px;
	appearance:none;
	border-radius:999px;
	background:linear-gradient(90deg,var(--wmk-slider-active) var(--wmk-slider-fill),var(--wmk-slider-track) var(--wmk-slider-fill));
	outline:none;
	transition:background .2s ease,box-shadow .2s ease;
	cursor:pointer;
	touch-action:pan-y;
}

.wmk-m2-slider::-webkit-slider-thumb{
	appearance:none;
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--wmk-slider-thumb);
	border:3px solid var(--wmk-slider-thumb-border);
	box-shadow:0 14px 25px -10px var(--wmk-slider-thumb-shadow);
	transition:transform .18s ease,box-shadow .18s ease;
}

.wmk-m2-slider::-moz-range-thumb{
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--wmk-slider-thumb);
	border:3px solid var(--wmk-slider-thumb-border);
	box-shadow:0 14px 25px -10px var(--wmk-slider-thumb-shadow);
	transition:transform .18s ease,box-shadow .18s ease;
}

.wmk-m2-slider::-moz-range-track{
	height:12px;
	border-radius:999px;
	background:transparent;
}

.wmk-m2-slider:focus-visible{
	box-shadow:0 0 0 3px rgba(37,99,235,.25);
}

.wmk-m2-slider:hover::-webkit-slider-thumb,.wmk-m2-slider:focus-visible::-webkit-slider-thumb{
	transform:scale(1.05);
	box-shadow:0 18px 30px -12px var(--wmk-slider-thumb-shadow);
}

.wmk-m2-slider:hover::-moz-range-thumb,.wmk-m2-slider:focus-visible::-moz-range-thumb{
	transform:scale(1.05);
	box-shadow:0 18px 30px -12px var(--wmk-slider-thumb-shadow);
}

.wmk-m2-slider-output{
	display:flex;
	flex-wrap:wrap;
	gap:.65rem;
	align-items:center;
	font-size:.85rem;
	color:#475569;
	min-height:1.2rem;
}

.wmk-m2-slider-output .wmk-rounded{
	font-weight:500;
	color:#2563eb;
}

.wmk-m2-slider-output .wmk-m2-slider-quantity{
	font-weight:600;
	color:#0f172a;
}

.wmk-m2-slider-hint{
	margin:0;
	font-size:.78rem;
	color:#94a3b8;
	line-height:1.5;
}

.wmk-dimensions{
	display:flex;
	flex-direction:column;
	gap:1.2rem;
}

.wmk-dimension-heading{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}

.wmk-dimension-title{
	font-size:1.05rem;
	font-weight:600;
	color:#0f172a;
}

.wmk-dimension-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:1rem;
}

.wmk-m2-slider-wrap[data-wmk-slider-role="dimension"]{
	padding:1.1rem 1.2rem 1rem;
	margin:0;
}

.wmk-dimension-area{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:.75rem;
	padding:.4rem .2rem 0;
	border-top:1px solid rgba(148,163,184,.35);
	font-size:.9rem;
	color:#475569;
}

.wmk-dimension-area .wmk-dimension-area-label{
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#64748b;
}

.wmk-dimension-area .wmk-dimension-area-value{
	display:flex;
	align-items:baseline;
	gap:.4rem;
	font-weight:700;
	color:#0f172a;
}

.wmk-dimensions-hint{
	margin:0;
	font-size:.78rem;
	color:#94a3b8;
	line-height:1.5;
}

@media (max-width:640px){
	.wmk-m2-slider-wrap{
		padding:1.25rem 1.3rem 1.2rem;
	}
	.wmk-m2-slider-value .wmk-current{
		font-size:1.7rem;
	}
	.wmk-m2-slider-label{
		font-size:.75rem;
	}
	.wmk-dimension-grid{
		grid-template-columns:1fr;
	}
}


.wmk-product-customizer{
	display:flex;
	flex-direction:column;
	gap:1rem;
	margin:0.9rem 0 1.4rem;
}

.wmk-customizer-section{
	display:flex;
	flex-direction:column;
	gap:0.9rem;
}

.wmk-customizer-slider .wmk-m2-slider-wrap{
	margin:0;
}

.wmk-customizer-extras .wmk-extras{
	margin:0;
}

.wmk-customizer-pricing{
	display:flex;
	flex-direction:column;
}

.wmk-price-card{
	border-radius:16px;
	background:transparent;
	border:none;
	padding:1rem 1.3rem 1.2rem;
	box-shadow:none;
	display:flex;
	flex-direction:column;
	gap:0.85rem;
}

.wmk-price-card-heading{
	font-size:.76rem;
	text-transform:uppercase;
	letter-spacing:.11em;
	font-weight:600;
	color:#475569;
	opacity:1;
}


.wmk-price-card .price{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:.45rem;
	font-size:1.55rem;
	font-weight:700;
	color:#0f172a;
}

.wmk-price-card .price .unit{
	font-size:.9rem;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-weight:600;
	color:#475569;
}

.wmk-price-card .price del{
	font-size:1rem;
	color:#94a3b8;
}

.wmk-price-card .price ins{
	color:#0f172a;
	text-decoration:none;
}


.wmk-price-card .pack-info,
.wmk-price-card .wmk-pack-quantity{
	display:block;
	font-size:.9rem;
	color:#475569;
	font-weight:500;
}

.summary .wmk-price-hidden{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}

.summary.wmk-has-customizer > .price,
.summary.wmk-has-customizer .price,
.summary.wmk-has-customizer .woocommerce-variation-price{
	display:none !important;
}

.wmk-price-card .wmk-extras-summary{
	margin:0;
	padding:0.75rem 0 0;
	border-radius:12px;
	background:transparent;
	border:none;
	display:grid;
	row-gap:0.6rem;
}

.wmk-price-card .wmk-extras-summary-title{
	font-weight:600;
	color:#475569;
	letter-spacing:.08em;
	text-transform:uppercase;
	font-size:.76rem;
}

.wmk-price-card .wmk-extras-summary-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#0f172a;
	font-size:.95rem;
}

.wmk-price-card .wmk-extras-summary-value{
	font-weight:600;
	color:#1d4ed8;
}

@media (min-width:960px){
	.wmk-customizer-section{
		gap:1.2rem;
	}

	.wmk-customizer-pricing{
		flex-direction:row;
		gap:1.2rem;
	}

	.wmk-customizer-pricing .wmk-price-card{
		flex:1 1 100%;
	}
}

.wmk-extras{
	border:none;
	border-radius:16px;
	background:transparent;
	padding:1rem 1.25rem;
	margin:0.6rem 0 0.8rem;
	box-shadow:none;
}

.wmk-extras-title{
	margin:0 0 0.8rem;
	font-size:1.05rem;
	font-weight:600;
	color:#0f172a;
}

.wmk-extra-group{
	padding:0.7rem 0;
	border-top:1px solid rgba(148,163,184,.2);
	display:flex;
	flex-direction:column;
	gap:.55rem;
}

.wmk-extra-group:first-of-type{
	border-top:none;
	padding-top:0;
}

.wmk-extra-label{
	font-weight:600;
	color:#1e293b;
	letter-spacing:.01em;
}

.wmk-extra-options{
	display:flex;
	flex-wrap:wrap;
	gap:.65rem;
}

.wmk-extra-option{
	display:flex;
	align-items:center;
	gap:.45rem;
	padding:.5rem .7rem;
	border:1px solid rgba(148,163,184,.3);
	border-radius:999px;
	cursor:pointer;
	transition:border-color .18s ease,background-color .18s ease,color .18s ease;
	font-size:.9rem;
	color:#1e293b;
}

.wmk-extra-option span{
	border-radius:inherit;
	padding:0 .05rem;
	transition:inherit;
}

.wmk-extra-option input{
	margin:0;
}

.wmk-extra-option:hover{
	border-color:rgba(37,99,235,.45);
	background-color:rgba(37,99,235,.05);
}

.wmk-extra-option input:checked + span{
	background-color:rgba(37,99,235,.12);
	color:#1d4ed8;
}
.wmk-extra-option:hover span,.wmk-extra-option input:checked + span{
	background-color:rgba(37,99,235,.08);
	color:#1d4ed8;
}

.wmk-extra-checkbox{
	display:flex;
	align-items:center;
	gap:.55rem;
	font-size:.95rem;
	color:#1f2937;
}

.wmk-grommets{
	display:flex;
	flex-direction:column;
	gap:.55rem;
}

.wmk-grommets-controls{
	padding:.55rem .8rem;
	border-radius:10px;
	background:transparent;
	border:none;
	color:#475569;
	font-size:.88rem;
}

.wmk-grommets-controls input[type=number]{
	max-width:90px;
	margin-left:.35rem;
	padding:.25rem .4rem;
	border:1px solid rgba(148,163,184,.6);
	border-radius:8px;
	background:#fff;
}

.wmk-extras-summary{
	margin-top:0.6rem;
	padding:0.6rem 0 0.5rem;
	border-top:none;
	background:transparent;
	border-radius:12px;
	display:grid;
	row-gap:.5rem;
}

.wmk-extras-summary-title{
	font-weight:600;
	color:#475569;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:.76rem;
}

.wmk-extras-summary-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:.92rem;
	color:#0f172a;
}

.wmk-extras-summary-value{
	font-weight:600;
	color:#1d4ed8;
}

@media (max-width:640px){
	.wmk-extras{
		padding:1.1rem 1.2rem;
	}
	.wmk-extra-options{
		flex-direction:column;
	}
	.wmk-extra-option{
		width:100%;
		justify-content:flex-start;
	}
}
