:root {
	--pcard-flex-basis: calc(33.333% - 10px);
	--pcard_border_radius: 15px;
	--pcard_border_width: 2px;
	--pcard_imgwrap_radius: 13px;
	--pcard_img_slide_padding: 40px 30px;
	--pcard_info_padding: 10px 15px 15px 15px;
	--pcard_important_font_size: 120%;
	--pgrid-gap: 15px;
	--pcard_imgwrap_padding-bottom: 105%;
	--pcard_info_font_size: 100%;
	--pcard_pc_size_padding: 1px 5px;
	--pcard_pc_sizes_gap: 3px;
	--pcard_swatch_size: 14px;

	--filters-scrollbar_width: 7px;
	--filters-scrollbar_base_padding_x: 40px;
	--filters-scrollbar_overflow_width:calc(100% + var(--filters-scrollbar_base_padding_x));
	--filters-scrollbar_overflow_padding: calc(var(--filters-scrollbar_base_padding_x) * 2);
	--filters-scrollbar_offset_x: calc(var(--filters-scrollbar_base_padding_x) / 2 - var(--filters-scrollbar_width) / 2);
	--filters-width:240px;
	--filters-height-offset-top: 60px;
	--filters-sticky-offset-top: 60px;
	--filter-cb-size: 18px;

	--plist-padding:0px 0;
	--plist-item-padding: 0px 50px;

	--plist_head_top_pos: 0px;
	--plist_head_top_pos_mobile: 40px;

	--plist_important_font_size: 120%;
	--filter_actions_font_size:100%;
	--plist_title_font_size:200%;
}

@media (min-width:768px) and (max-width:1199px) {
	:root {
		--plist_important_font_size: 110%;
	}
}

@media (max-width:1300px) {
	:root {
		--pcard_imgwrap_padding-bottom: 115%;
	}
}

@media (max-width: 1000px) {
	:root {
		--filters-width:210px;
		--plist-item-padding: 0px 30px;
		--filters-scrollbar_base_padding_x: 30px;
		--pcard-flex-basis: calc(50% - 7.5px);
	}
}

@media (max-width:768px) {
	:root {
		--pcard_img_slide_padding: 25px 17px 42px 17px;
		--pcard_imgwrap_padding-bottom: 115%;
		--plist_title_font_size:150%;
		--pcard_info_font_size: 90%;
		--pcard_pc_size_padding: 0px 3.5px;
		--pcard_pc_sizes_gap: 2px;
		--pcard_swatch_size: 12px;
	}
	.plist .plist__head {
		align-content: flex-start;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		z-index: 100;
		top:var(--plist_head_top_pos_mobile) !important;
		margin-bottom:0;
	}
	
	.plist__actions .btn--filters .btn--text,
	.plist__actions .dropdown__btn-selected-text,
	.plist__actions .dropdown.is--active .dropdown__btn-selected-text,
	.plist__head .plist__actions .plist__sort .dropdown__btn .chevron {
		display: none;
	}
	.plist__head .plist__actions {
		gap:4px;
	}
	.plist__head .plist__actions .btn {
		padding:6px 8px;
		font-size:100%;
	}
	.plist__head .plist__sort .dropdown__btn > .bi {
		display:inline-block;
	}

	body .pcontain {
		flex-direction: column;
	}

	body .pcontain>.filters {
		max-height:none;
		overflow:hidden;
		height:0;
		transform:none;
		position:relative;
		flex-grow:1;
		flex-shrink: 1;
		flex:1 1 auto;
		width:100%;
		max-width:100%;
		margin:0 auto;
		background: var(--bg-pcard-img);
		border-radius: var(--pcard_imgwrap_radius);
		height:0;
		padding:0;
	}
	body .pcontain>.filters.is-active {
		height:auto;
		overflow:visible;
		margin-bottom:15px;
	}
	.filters .filters__inner {
		padding:20px;
	}
	.filters .filters__content {
		padding:20px;
		background:rgba(255,255,255,0.0);
		border-radius: var(--pcard_imgwrap_radius);
	}

	.filters .fg {
		border-width:2px 0 0 0;
	}

	.filters .fg .fbtn__text,
	.filters .fg .fg__title {
		justify-content: flex-start;
	}

	.filters .fg .fbtn__text[data-count]::after,
	.filters .fg .fg__title .fg__toggle {
		margin-left: 5px;
	}

	.filters .filters__header {
		display: flex;
	}

	body .filters:not(.is-active) {
	
	
	}

	body .filters.is-active {
	
	
	}
	.plist__sort .dropdown.is--active .bi.bi-filter-circle {
display:none !important;
}
.plist__sort .dropdown.is--active .bi.bi-filter-circle-fill {
  display:inline-block !important;
}

}

@media (max-width:500px) {
	:root {
		--filter_actions_font_size:100%;
		--plist_title_font_size:150%;
		--pcard_important_font_size: 110%;
		--pcard_info_padding: 8px 5px 12px 5px;
		--pcard_border_width: 0px;
		--pgrid-gap:20px 10px;
		--pcard-flex-basis: calc(50% - 5px);
		--pcard_img_slide_padding: 30px 20px 42px 20px;
		--pcard_imgwrap_padding-bottom: 135%;
		--pcard_swatch_size: 10px;
	}

	.container > .plist > .pcontain > .plist__content > .presults > .pgrid,
	.container > .plist > .pcontain > .presults > .pgrid {
		width:auto;
		margin-left:-10px;
		margin-right:-10px;
	}

	.pc_sizes_wrap {
		margin-top:0 !important;
	}

	.pc__brand-logo {
		display:none !important;
	}
	

	/*
	.plist .plist__head {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap:7px;
	}
	*/
}

@media (max-width:400px) {

	body .pcontain .filters .filters__content {
		padding:0;
	}

	.filters .filters__header {
		margin-bottom:5px;
	}
}


@media (max-width:300px) {
	:root {
		--pcard-flex-basis: 100%;
	}
}





/* Crumbs */
.crumbs {
	margin: 6px 0 0px;
}
.plist .crumbs {
	padding:var(--plist-item-padding);
}

.crumbs__list {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:100%;
	flex-basis:100%;
}
.plist > .crumbs {
  display:flex;
  width:100%;
  align-items:center;
  gap:10px;
  
}


.crumbs__item {
	display: inline-flex;
	align-items: center;
}

.crumbs__item+.crumbs__item::before {
	content: "/";
	opacity: .5;
	margin: 0 8px;
}

.crumbs a {
	text-decoration: none;
	color: inherit;
	font-size:inherit;
}

.crumbs a:hover {
	text-decoration: underline;
}

.linklike {
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
}

.linklike:hover {
	text-decoration: underline;
}

.is-current {
	opacity: .7;
	pointer-events: none;
}

/* Container */
.pcontain {
	display: flex;
	align-items: flex-start;
	width:100%;
	overflow: visible;
	padding:var(--plist-item-padding);
}
.plist__content {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
}
.plist__featurettes {
	width: 100%;
}
.plist__featurettes:empty {
	display: none;
}
.presults {
	width:100%;
	padding-bottom:40px;
}
/*
.development .pcontain {
	min-height:5000px;
}
*/
.plist {
	margin: 0 auto;
	padding: var(--plist-padding);
}

.plist__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	gap: 12px;
	margin-bottom: 0px;
	padding:var(--plist-item-padding);
	background:var(--bg-color);
	position:sticky;
	top:var(--plist_head_top_pos);
	
	z-index:10;
	min-height:60px;
	padding:10px 10px;
	transition:top 0.5s cubic-bezier(.19,.55,.15,1);
	margin-left:-10px;
	margin-right:-10px;
	background:rgba(255,255,255,0.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.plist__title {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	font-size: var(--plist_title_font_size);
	font-weight: 700;
	margin:0;
	position: relative;
	padding-right: 0;
	transform-origin: left;
	line-height:1.1;
	transition:transform 0.25s cubic-bezier(.19,.55,.15,1);
}
.plist__title[data-count]::after {
	content: attr(data-count);
	position:relative;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-left:10px;
	font-weight:500;
	opacity:0.4;
	white-space: nowrap;
	align-self:baseline;
  	font-size:80%;
}
.plist__title[data-count] + .plist__count-wrap {
	display: none;
}
.plist__count {
	font-weight: 400;
	opacity: .65;
}

.plist__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}
.plist.plist--actions-pending .plist__actions {
	visibility: hidden;
}
.plist.plist--actions-ready .plist__actions {
	visibility: visible;
}


/* Buttons & dropdown (tiny, reusable) */
button {
	font: inherit;
	cursor: pointer;
	appearance: none;
	background:transparent;
}

.plist__actions .btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size:var(--filter_actions_font_size);
	padding:6px 10px;
	height:32px;
}

.btn--filters.is-active .show_filter,
.btn--filters:not(.is-active) .hide_filter {

}
.plist.filter-visible .btn--filters .show_filter {
	display:none;
}
.plist:not(.filter-visible) .btn--filters .hide_filter {
	display:none;
}

/* Filters */
.filters {
	position: -webkit-sticky;
	position: sticky;
	display: flex;
	flex-direction: column;
	width: auto;
	top: var(--filters-sticky-offset-top);
	min-width: 150px;
	flex-basis: var(--filters-width);
	margin-left: calc(var(--filters-width) * -1);
	max-height: calc(100vh - var(--filters-height-offset-top));
	border: 0;
	padding: 0;
	align-content: flex-start;
	align-items: flex-start;
	flex-grow: 0;
	flex-shrink: 0;
	transition: margin 0.3s cubic-bezier(.5,0,.01,1), opacity 0.15s linear;
	padding-right: 0px;
	overflow: hidden;
	opacity:0;
	--checkbox-active-color: #000;
}
.filters.is-active {
  margin-left:0px;
  opacity:1;
}
.filters.filters--disabled,
.filters.is-disabled {
display:none !important;
}


.filters__inner {
	padding-right: 0px;
	overflow: hidden scroll;
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%;
	width: var(--filters-scrollbar_overflow_width);
	max-width: none;
	max-height: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.filters__inner::-webkit-scrollbar { 
	display: none; 
} /* WebKit */

.filters__content {
	padding-top:10px;
	padding-bottom:100px;
	padding-right: var(--filters-scrollbar_overflow_padding);
}

.filters__header {
	display: none;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	margin-bottom: 20px;
	margin-top: -10px;
}

.filters__title {
	font-size: var(--plist_title_font_size);
	margin-bottom: 0px;
}

.filters__close-btn {
	position:relative;
	width:40px;
	height:40px;
	right:-10px;
	display:inline-flex;
	align-items: center;
	justify-content: center;
}
.filters__close-btn:hover {
	background:rgba(0,0,0,0.1);
}
.filters__close-btn .bi {
	position:relative;
	font-size: 20px;
	height:20px;
}

/* Fake vertical scrollbar for filters */
.fscroll {
  position: absolute;
  top: 0;
  right: var(--filters-scrollbar_offset_x);
  width: var(--filters-scrollbar_width);
  height: 0; /* JS sets precise visible height each update */
  border-radius: 8px;
  background: rgba(0,0,0,.06); /* track */
  box-shadow:inset 1px 1px 1px rgba(0,0,0,.07);
  opacity: 0; /* always visible */
  pointer-events: auto;
  z-index: 5;
  will-change: height;
}

.is-active .fscroll {
	opacity: 1;
	transition: opacity 0.5s ease-out;
}

.fscroll--disabled {
	opacity: 0 !important;
	pointer-events:none;
}

.fscroll__thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 36px;
	/* updated dynamically */
	border-radius: 8px;
	background: rgba(0, 0, 0, .25);
	transition:background-color 0.2s ease-out;
	cursor: grab;
	will-change: transform;
}

.fscroll__thumb:active,
.fscroll__thumb.grabbing {
	cursor: grabbing;
	background: rgba(0, 0, 0, 1) !important;
}

.fscroll:hover .fscroll__thumb {
	/* always slightly darker on hover */
	background: rgba(0, 0, 0, .5);
}

/* Hide native scrollbar on the actual scroller (you already have these) */
.filters__inner {
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.filters__inner::-webkit-scrollbar {
	display: none;
}

.is--hidden {
	display: none;
}

/* Filter content */
.fg {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 0px;
	padding-top: 0px;
	border-top: 1px solid #ddd;
	font-size:var(--plist_important_font_size);
	font-weight:inherit;
}

.fg:first-of-type,
.fg[data-group="category"] {
	border-top:0;
}

.fg.important {
  font-weight:500;
}

.fg__title {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: center;
	font-weight: 500;
	line-height:1;
	margin: 0;
	padding:17px 0px 17px 0;
	cursor: pointer;
	user-select: none;
	opacity:0.75;
}
.fg__title.active,
.fg__title:hover {
	opacity:1;
}


.fg--active .fg__title {
	opacity:1;
}


.fg__content {
  overflow:hidden;
  height:auto;
  opacity:1;
  transition: height 0.2s cubic-bezier(.5,0,.01,1), opacity 0.15s linear;
}

.fg.collapsed .fg__content {
  height:0;
  opacity:0;
}

.fg__inner {
	padding-bottom:20px;
}

.fg__items {
	display: flex;
	flex-wrap: nowrap;
	gap: 0px 0;
	flex-direction: column;
}


/* Collapsible filter groups */
/*
.fg.collapsed .fg__items,
.fg.collapsed .fg__subitems,
.fg.collapsed .colors-row--toggle {
	display: none !important;
}
*/

.fbtn {
	border: 0px solid rgba(0, 0, 0, .12);
	border-radius: 0px;
	background: transparent;
	text-align: left;
	margin:0;
	font-weight:400;
	opacity:1;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	gap:0px 5px;
}
.fbtn__label {
	display:flex;
	gap:5px;
	padding: 3px 0px;
	align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
	opacity:0.75;
	margin:0;
	font-weight:normal;
	cursor: pointer;
	width:100%;
	min-height:31px;
	line-height:1.1;
}


.fbtn__text {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.fbtn__text[data-count]::after {
	content: attr(data-count);
	display: inline-block;
	margin-left:0px;
	opacity:0.4;
	font-size:80%;
	font-style:normal;
	min-width:15px;
	line-height:1;
	text-align:right;
  padding-right:4px;
}
a.fbtn__text--link,
a.fbtn__text--link:hover,
a.fbtn__text--link:active,
a.fbtn__text--link:focus {
  color:inherit;
}
.fbtn:hover > .fbtn__label,
.fbtn.is-active > .fbtn__label {
	opacity:1;
}

.fbtn.is-active > .fbtn__label {
	font-weight:600;
}

.fbtn.go-back {
  font-weight:400;
  margin-bottom:10px;
}
.fbtn__label input {
  margin-top:-1px;
  vertical-align:middle;
}
.fbtn.is-active>.btn__label,
.fbtn.active-children>.btn__label,
.fg__items>.fbtn:first-child:last-child>.btn__label {
	font-weight: 600;
}
.fbtn__children {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	max-height: 0;
	transition: height 0.2s ease-out;
	padding-left: 4px;
}

.fbtn__children:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 0;
	width: 2px;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	border-radius:2px;
}

.fbtn__children>.fbtn {
	padding-left: 7px;
	border-left: 2px solid rgba(0, 0, 0, 0.0);
	transition: border 0.15s ease-out;
}

.fbtn__children>.fbtn.is-active,
.fbtn.level_2.active-children {
	border-left: 2px solid rgba(0, 0, 0, 1);
}

.fbtn.active-children>.fbtn__children,
.fbtn.is-active>.fbtn__children,
.fg__items>.fbtn:first-child:last-child>.fbtn__children {
	height: auto;
	max-height: 2000px;
}

.fbtn__children .fbtn.level_2.is-active > .fbtn__children,
.fbtn__children .fbtn.level_2.active-children  > .fbtn__children {
  padding-bottom:7px;
  padding-left:0;
  top:-2px;
}
.fbtn__children .fbtn__children>.fbtn {
  border-left:0;
  padding-left:2px;
}
.fbtn__children .fbtn__children>.fbtn > label:before {
content:"\2219";
font-size:20px;
line-height:10px;
}
.fbtn__children .fbtn__children>.fbtn > label {
  padding:2px 0;
  min-height:27px;
}
.fbtn__children .fbtn__children:before {
  display:none;
}

/* For color groups, lay subitems out in rows */
.fg__swatches .fg__items {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	gap: 0px 5px;
}

.fg__swatches .fg__items.fg__items--extra {
	margin-top:0px;
}

.fg__swatches .fg__items {
  grid-template-columns: repeat(2, 1fr);

}

.fg__swatches .fbtn {
	flex-basis: calc(33%);
	max-width: calc(var(--swatch-size) + 20px);
	max-width:100%;
	display: inline-flex;
	align-items: center;
	gap:0;
	flex-wrap:nowrap;
	flex-direction:row;
	border: 0;
	--swatch-size: 18px;
	font-size: inherit;
	text-transform: capitalize;
	opacity:1;
	padding:2px 0;
	min-height:35px;
}


.fg__swatches .fbtn {
 
  
  
  
}

.fg__swatches .fbtn .fbtn__label {
	white-space:normal;
	padding:4px 0 2px 5px;
	flex-wrap:wrap;
	align-items: flex-start;
	flex-direction: row;
	gap: 0px 5px;
}

.pc_swatches_label {
  display:flex;
  gap:1px;
  justify-content: flex-start;
  align-items:center;
}
.pc_swatches_label .pc__colorwheel-count > span {
  display:none;
}





.fg__swatches .fbtn.is-active .swatch {
	border-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.5);
}

.fg__swatches .fbtn.is-active .swatch:before {
	content: "\F633";
	font-family: 'Bootstrap-icons' !important;
	font-size: 14px;
	margin-top: 1px;
}

.fg__swatches .fbtn:hover,
.fg__swatches .fbtn.is-active {
	opacity:1;
}
.fg__swatches .fbtn.is-active .swatch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}




/* Grid */
/* Product grid: max 3 columns, cards align top, keep gaps, no stretch by default */
.pgrid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pgrid-gap);
	width: 100%;
	align-content: flex-start;
}

.pc {
	display: inline-flex;
	flex-direction: column;
	gap: 6px;
	padding: 0px;
	background: var(--bg-pcard);
	border: var(--pcard_border_width) solid rgba(0, 0, 0, .06);
	border-radius:var(--pcard_border_radius);
	flex-basis: var(--pcard-flex-basis);
	transition: border-color 0.15s ease-out, box-shadow 0.15s ease-out;
	position: relative;
	 box-shadow:none;
}

.pc--preorder {
	border-color: rgba(255, 193, 7, 0.6);
	box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.35);
}


.pc--preorder:hover {
	border-color: rgba(255, 193, 7, 0.75);
	box-shadow: 0 2px 6px rgba(255, 193, 7, 0.35);
}

.pc__imgwrap {
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: var(--pcard_imgwrap_padding-bottom, 100%);
	background: var(--bg-pcard-img);
	/*border-radius: var(--pcard_imgwrap_radius) var(--pcard_imgwrap_radius) 0 0;*/
	border-radius:var(--pcard_imgwrap_radius);
	transition:background 0.2s ease-out;
}

.pc:hover .pc__imgwrap {
	background: var(--bg-pcard-img-hover);
}

.pc__icons {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	z-index: 2;
}

.pc__badges {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	pointer-events: none;
	flex-direction: column;
	justify-content: center;
    align-content: center;
    align-items: center;
}

.pc__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 6px;
	border-radius: 12px;
	font-size: 10px;
	letter-spacing:0;
	line-height:1;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	background:transparent;
	opacity:0.5;
}

.pc:hover .pc__badge {
	opacity:0.75;
}
.pc__badge:hover {
	opacity:1;
}

.pc__badge .bi {
	font-size:16px;
	color:#000;
}

.pc__badge--new {
	background: #ff5a5f;
	color:#fff;
}

.pc__badge--featured {
	background: transparent;
}

.pc__badge--preorder {
	background-color:var(--color-preorder-bg-faded);
	color: var(--color-preorder-text-contrast);
}


.pc__badge--volume {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-content:center;
	font-weight: 700;
}
.pc__badge--volume .bi {
	font-size:18px;
	line-height:1;
	color:#5fafe9;
}
.pc__badge--volume:after {
	content:"\F4D1";
	font-size:10px;
	font-family:bootstrap-icons !important;
	color:#fff;
	position:absolute;
	margin-top:-2px;
}

.pc__badge--volume .pc__badge-text {
	font-size: 12px;
	line-height: 1;
}

.pc__colorwheel-wrap {
	position: relative;
	width: 23px;
	height: 23px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	--wheel-bg: conic-gradient(#ccc, #eee);
}

.pc__colorwheel {
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px;
	background: var(--wheel-bg);
	filter: saturate(1.35) contrast(1.05);
	opacity: 0.8;
	transition:all 1s ease;
	/* Punch a hole in the center */
	-webkit-mask-image: radial-gradient(transparent 0 48%, #000 56% 100%);
	mask-image: radial-gradient(transparent 0 48%, #000 56% 100%);
}

.pc__colorwheel::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: var(--wheel-bg-equal, var(--wheel-bg));
	filter: blur(1.2px) saturate(1.35);
	opacity: 0.45;
	pointer-events: none;
}

.pc:hover .pc__colorwheel {
	opacity:0.75;
	transform:rotate(30deg);
}

.pc__colorwheel-wrap::before {
	content: "";
	position: absolute;
	inset: -4px;
	border-radius: 50%;
	background: var(--wheel-bg);
	filter: blur(4px) saturate(2);
	opacity: 0.35;
	z-index: 0;
	-webkit-mask-image: radial-gradient(
		circle,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.4) 48%,
		rgba(0,0,0,0.4) 58%,
		rgba(0,0,0,0.1) 68%,
		rgba(0,0,0,0) 78%,
		rgba(0,0,0,0) 100%
	);
	mask-image: radial-gradient(
		circle,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.4) 48%,
		rgba(0,0,0,0.3) 58%,
		rgba(0,0,0,0.1) 68%,
		rgba(0,0,0,0) 78%,
		rgba(0,0,0,0) 100%
	);
}

.pc__colorwheel-count {
	position: absolute;
	inset: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 400;
	color: #000;
	pointer-events: none;
	z-index: 2;
}


.pc__colorwheel-count:before {
  content:"";
  position:relative;
  width:75%;
  height:75%;
  border-radius:50%;
  background:rgba(255,255,255,0.2);
}

.pc__colorwheel-count > span {
  position:absolute;
}

.pc__colorwheel-wrap-inline {
	width: 16px;
	height: 16px;
	margin-right: 6px;
}

.pc__colorwheel-wrap-inline .pc__colorwheel-count {
	font-size: 9px;
}

.pc__colorwheel-wrap-inline .pc__colorwheel {
	padding: 5px;
	-webkit-mask-image: radial-gradient(transparent 0 42%, #000 64% 100%);
	mask-image: radial-gradient(transparent 0 42%, #000 64% 100%);
}

.pc__wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	border: 0;
	
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px;

	opacity:0.35;
	
	z-index: 3;
	cursor: pointer;
	transition: color 0.15s ease-out, background 0.15s ease-out, box-shadow 0.15s ease-out;
}

.pc__wishlist:hover {
	opacity:1;
transform:scale(1.1);
}

.pc__wishlist .bi {
	pointer-events: none;
}

.pc__wishlist.is-active {
	color: #e63946;
}

.pc__wishlist:focus-visible {
	outline: 2px solid #000;
	outline-offset: 2px;
}

.pc__wishlist.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.pc__img {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	padding: 0;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: transform 0.15s ease-out;
}


.pc__img-track {
	display: flex;
	width: 100%;
	height: 100%;
	transform: translateX(calc(var(--pc-img-track-index, 0) * -100%));
	transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
	touch-action: pan-y;
}

.pc__img-track.is-dragging {
	cursor: grabbing;
}

.pc__img-track.is-dragging .pc__img-slide {
  pointer-events:none;
}

.pc__img-track--carousel {
	will-change: transform;
}


.pc__img-slide {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:var(--pcard_img_slide_padding);
	transition: opacity 0.2s ease-out;
	user-select: none;
	-webkit-user-drag: none;
}
a.pc__img-slide:hover {
	opacity:1 !important
}
/*
.pc__img-track--carousel .pc__img-slide {
	opacity:0.3;
}
.pc__img-track--carousel .pc__img-slide.is-active {
	opacity:1;
}
*/

.pc .img-item {
	
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width:250px;
	max-height:250px;
	transition:transform 0.2s ease-out;
}

.pc__img img {
	width: auto;
	height: auto;
	object-fit: contain;
	max-width:100%;
	max-height:100%;
	-webkit-filter: drop-shadow(0px 0px 20px var(--img-filter-dropshadow-color));
  filter: drop-shadow(0px 0px 20px var(--img-filter-dropshadow-color));
  transition:filter 0.2s ease-out;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}

.pc__img img {
  
}

.pc:hover .img-item img {
  -webkit-filter: drop-shadow(0px 5px 30px var(--img-filter-dropshadow-color-hover));
  filter: drop-shadow(0px 5px 30px var(--img-filter-dropshadow-color-hover));
}
.pc:hover .img-item {
  transform: scale(1.02, 1.02) translateY(0px);
  transition:transform 0.2s ease-out;
}


.pc__variant-nav {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: inline-flex;
	gap: 2px;
	padding:6px;
	z-index: 3;
	cursor:default;
	opacity:0.5;
}
.pc:hover .pc__variant-nav {
	opacity:1;
}

.pc__variant-nav-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: #fff;
	opacity:1;
	/*
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	*/
	color: #000;
	cursor: pointer;
	transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.pc__variant-nav-btn.is-disabled {
	opacity:0.5;
	pointer-events: none;
}

.pc__variant-nav-btn:hover {
	opacity:1;
	background: #fff;
	border-color:rgba(0,0,0,0.2);
}
.pc__variant-nav-btn:active {
	box-shadow:inset 0 2px 5px rgba(0,0,0,0.2);
}

.pc__variant-nav-btn:focus-visible {
	outline: 2px solid #000;
	outline-offset: 2px;
}

.pc__info {
	display: flex;
	gap: 10px;
	flex-direction: column;
	padding: var(--pcard_info_padding);
	line-height:1.15;
	height:100%;
	font-size:var(--pcard_info_font_size);
}

.pc__info>* {
	
}

.pc__info a {
	color: inherit;
}

.pc__tblock {
  display:flex;
  flex-direction: row;
  gap:4px;
  width:100%;
  justify-content: space-between;
}

.pc__title {
	display:flex;
	flex-direction: column;
	gap:4px;
	hyphens:auto;
}

.pc__title,
.pc__sub {
	margin:0;
}

.pc__title h3,
.pc__price .current,
.pc__price .discount {
	font-size: var(--pcard_important_font_size);
	font-weight:500;
	letter-spacing:0;
	text-transform:none;
}

.pc__title h3 {
	margin:0;
}

.pc__brand-logo {
	width:10%;
	min-width:25px;
	max-width:40px;
	height:35px;
	display:flex;
	align-items:flex-start;
	justify-content:center;
}
.pc__brand-logo .logo-img {
	width:100%;
	min-height:19px;
	max-height:35px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.pc__brand-logo img {
	display:inline-flex;
	max-width:100%;
	max-height:31px;
	object-fit:contain;
}

button.pc__colors {
	border: 0;
	padding: 5px 0;
}

.pc__price {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
}

.pc__price > span {
	white-space:nowrap;
}

.pc__price .current {

}

.pc__price .discount {
	
	border:0px solid rgba(0,0,0,0.1);
	background:#efefef;
	padding: 3px 6px;
	border-radius: 6px;
	line-height:1;
}

.pc__price .old {
	text-decoration: line-through;
	opacity: 0.4;
	font-weight:normal;
	font-size:100%;
}

.pc__price.offer .discount {
	background: var(--discount-color);
	color: #fff;
	font-weight: bold;
}

.pc__added {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.6);
	margin-top: 6px;
}

.pc_sizes_wrap {
	display:flex;
	opacity:0.5;
	margin-top:auto;
	transition: opacity 150ms ease-out;
  align-self:flex-start;
  align-content: flex-start;
}
.pc:hover .pc_sizes_wrap {
  opacity:1;
}
.pc_sizes {
	font-size: 12px;
	color: rgba(0, 0, 0, 1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display:flex;
  gap:var(--pcard_pc_sizes_gap, 3px);
  flex-direction:row;
  flex-wrap:wrap;
  justify-content: flex-start;
}

.pc_sizes--flash {
  opacity: 0;
  animation: pc-size-flash 320ms ease 160ms forwards;
}

.pc .sz,
.pc_size {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--pcard_pc_size_padding, 1px 5px);
	margin:0;
	border-radius: 5px;
	font-size: 10px;
	text-transform: uppercase;
}

@media (min-width:1400px) {
.pc .sz,
.pc_size {
	font-size: 11px;
}
}

.pc_size--available {
	background: rgba(16, 163, 127, 0.15);
	color: #0f8a68;
}

.pc_size--preorder {
	/*
	background: rgba(255, 193, 7, 0.2);
	color: #a16700;
	*/
}

.pc_size--preorder_active {
	background-color:var(--color-preorder-bg-faded);
	color: var(--color-preorder-text-contrast);
}

.pc_size--limited_availability {
	background: rgba(253, 126, 20, 0.12);
	color:rgba(0,0,0,0.5);
}

.pc_size--unavailable {
	opacity: 0.6;
}

.pc_size--hidden {
	opacity: 0.3;
}


.pc_size {
  position:relative;
  overflow:hidden;
  transition: opacity 150ms ease, transform 150ms ease;
}

.pc_size--available {
  background:rgba(0,0,0,0.04);
  color:rgba(0,0,0,0.6);
}

.pc_size--unavailable {
  background:rgba(0,0,0,0.2);
}
.pc_size--unavailable:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 52%);
}

@keyframes pc-size-flash {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/* Shared size state styling (compact sz_* namespace) */
.sz {
	position: relative;
	display: inline-flex;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.08);
	border:1px solid transparent;
}

.pc .sz {
	transition: opacity 150ms ease, transform 150ms ease;
}

.sz_avail,
.sz[data-status="available"] {
	opacity: 1;
}

.sz_hidden,
.sz[data-status="hidden"] {
	display: none !important;
}

.is_admin .sz_hidden,
.is_admin .sz[data-status="hidden"] {
	opacity: 0.55;
	display: inline-flex !important;
}

.is_admin .sz_hidden:before,
.is_admin .sz[data-status="hidden"]:before {
	content: "\F340";
	font-family: 'bootstrap-icons';
	margin: 0 2px 0 -2px;
	position: relative;
}

.sz_unavail,
.sz[data-status="unavailable"],
.sz_po_finished,
.sz_po_inactive {
	display:none;
	opacity: 0.5;
	background: rgba(0, 0, 0, 0);
	border:1px solid rgba(0,0,0,0.1);
}

.is_admin .sz_unavail,
.is_admin .sz[data-status="unavailable"],
.is_admin .sz_po_finished,
.is_admin .sz_po_inactive {
	display: inline-flex;
	opacity: 0.3;
}


.sz_po,
.sz_po_hi {
	border-color: var(--color-preorder-border);
}

.sz_po_active {
	border-color: var(--color-preorder-border);
}



.sz_po_finished:after,
.sz_unavail:after,
.sz[data-status="unavailable"]:after {
  content: '';
  position: absolute;
  top: calc(50% - 0.5px);
  left: -20%;
  width: 140%;           /* long enough to span the diagonal */
  height: 1px;           /* hairline */
  background: rgba(0,0,0,0.85);
  transform: rotate(-45deg);
  transform-origin: center;
  pointer-events: none;
}


.container.main {
	--plist-item-padding: 0;
}






/* Dropdown styling */
.dropdown {
	position: relative;
}

.dropdown__btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
}

.plist__actions .btn {
	text-transform:none;
	opacity:0.7;
	color:inherit;
	background:rgba(235,235,235,0.75);
}
.plist__actions .btn.muted {
	border-color: transparent;
}
.plist__actions .btn:hover {
	opacity:1;
	color:inherit;
	background-color: rgba(248, 248, 248, 1);
	border-color:rgba(0,0,0,.2);
}


/* removed empty .dropdown__btn-text ruleset */

.dropdown__btn-selected-text {
	font-weight: 600;
}
.dropdown.is--active .dropdown__btn-selected-text {
	display:inline;
}

.chevron {
	width: 6px;
	height: 6px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg) scale(1, 1) translate3d(-1px, -1px, 0px);
	transition: transform .2s ease;
	opacity: 1;
	margin-left: auto;
}

[aria-expanded="true"] .chevron {
	transform: rotate(45deg) scale(-1, -1) translate3d(-1px, -1px, 0px);
}

.fg__title .fg__toggle {
	position:relative;
	width:20px;
	height:20px;
	opacity:1;
	display:inline-flex;
	align-items: center;
	justify-content: center;
	border-radius:5px;
	transition: background-color 0.15s ease;
}
.fg__title:hover .fg__toggle {
  background:rgba(0,0,0,0.075);
}

.fg__title .toggler {
	position:relative;
	width: 12px;
	height: 12px;
	transform: rotate(0deg) scale(1, 1) translate3d(0px, 0px, 0px);
	transition: transform .15s ease;
	opacity: 1;
	border:0 !important;
	display:inline-block;
}

.fg__title .toggler::before,
.fg__title .toggler::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	top:0;
	left:calc(50% - 1px);
	background:#000;
	transition: all .2s ease;
	border-radius:3px;
}
.fg__title .toggler::after {
	transform: rotate(-90deg);
}
.fg__title[aria-expanded="true"] .toggler {
	transform: rotate(90deg) translate3d(0px, 0px, 0px);
}
.fg__title[aria-expanded="true"] .toggler::after {
	transform:rotate(0deg);
	opacity:0;
}



.dropdown__options-wrapper {
	position: absolute;
	top: calc(100% + 2px);
	right: 0;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
	min-width: 100px;
	z-index: 20;
	padding: 4px;
}

.dropdown__option {
	display: block;
	width: 100%;
	text-align: left;
	padding: 6px 10px;
	background: none;
	border: 0;
	cursor: pointer;
	border-radius: 6px;
}

.plist__actions .dropdown__option {
	white-space:nowrap;
	opacity:0.75;
	transition:all 0.15s ease-out;
}

.dropdown__option:hover {
	opacity:1;
	background: rgba(0, 0, 0, .05);
}

.dropdown__option.is-selected {
	background: rgba(0, 0, 0, .08);
	font-weight: 600;
}

.plist__sort .dropdown__btn > .bi {
	display:none;
}


.fg__subitems {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 0;
	flex-direction: column;
	/* default same as .fg__items */
}








.fg__items--extra {
    padding-top: 0px;
}
.fbtn--more {
    color: inherit;
    background: none;
    font-weight: 400;
    padding: 6px 0;
    text-align: left;
    border: 0;
    cursor: pointer;
    opacity: 0.75;
	text-decoration:underline;
}
.fbtn--more:hover {
    opacity: 1;
    text-decoration: underline;
}


.fg[data-group="category"] .fg__title {
  display:none;
}

.plist__pagination {
  display:flex;
  flex-direction: column;
  align-items: center;
  padding:50px 0;
}

.plist__pagination .pagination {
display: flex;
flex-wrap: nowrap;
justify-content:center;
}

.pagination>li {
display:inline-block;
margin:0;
box-sizing:border-box;
}

.pagination-lg>li>a, .pagination-lg>li>span {
padding:15px 10px;
font-size:18px;
line-height:1;
width:50px;
height:50px;
}

.pagination-lg>li>a .bi {
position:relative;
top:0px;
}

.pagination.pagination-lg {
display:flex;
flex-wrap:wrap;
}

.pagination li.ellipsis {
content:"";
display:block;
position:relative;
top:50%;
text-align:center;
background: var(--very-light-grey);
}
.pagination li.ellipsis span {
background:transparent;
border:0;
}
.pagination li.ellipsis span svg {
position:relative;
top:0px;
color: var(--transparent-black-40);
}
.pagination-lg li.ellipsis span svg {
top:-1px;
width:20px;
height:20px;
}



.fg[data-group="category"] input[type="radio"],
.fbtn--color input {
  display:none;
}





.topnav-wrap.sticky .usps-bar.slim {
  display:none;
}

.topnav-sticky .plist {
  --plist_head_top_pos: 45px;
  --filters-sticky-offset-top: 105px;
  --filters-height-offset-top: 105px;
}
.topnav-sticky .plist__head .plist__title {
transform:scale(0.8);
}

.plist .presults {
  transition:opacity 0.25s ease-out;
}

.plist.is-loading:not(.system-is-loading) .presults {
  opacity:0.5;
  transition:opacity 0.5s ease-out;
  animation: plist-loading-pulse 1.5s ease-in-out infinite;
  animation-delay: 0.5s;
}

@keyframes plist-loading-pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.7;
  }
}

@media (prefers-reduced-motion: reduce) {
  .plist.is-loading .presults {
    animation: none;
  }
}

.plist--sorting-disabled .plist__sort {
display:none !important;
}











.pc--promo {
	position: relative;
}
.pc--promo .promo-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 20px;
	border-radius: calc(var(--pcard_border_radius) - 2px);
	background: rgba(246, 246, 246, 0.95);
	overflow: hidden;
	position: relative;
}
.pc--promo .promo-card::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.08);
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	border-radius:calc(var(--pcard_border_radius) - 2px);
}
.pc--promo .promo-card:hover::after {
	opacity: 1;
}
.pc--promo .promo-card__media {
	margin-bottom: 16px;
	border-radius: 8px;
	overflow: hidden;
}
.pc--promo .promo-card__media img {
	display: block;
	width: 100%;
	height: auto;
}
.pc--promo .promo-card__content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.pc--promo .promo-card__badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	background: rgba(255, 255, 255, 0.2);
	margin-bottom: 12px;
}
.pc--promo .promo-card__title {
	font-size: 22px;
	margin: 0 0 6px 0;
	line-height: 1.3;
}
.pc--promo .promo-card__subtitle {
	margin: 0 0 10px 0;
	font-size: 16px;
	opacity: 0.85;
}
.pc--promo .promo-card__body {
	margin-bottom: 14px;
	font-size: 15px;
	line-height: 1.6;
}
.pc--promo .promo-card__actions {
	margin-top: auto;
	display: flex;
	gap: 10px;
	align-items: center;
}
.pc--promo .promo-card__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.pc--promo .promo-card__fineprint {
	margin-top: 12px;
	font-size: 12px;
	opacity: 0.75;
}


:root {
  
}

.pc--promo .promo-card__btn {
  hyphens:auto;
  white-space:normal;
  text-align:left;
}

.pc--promo.pc--cta .promo-card {
align-items: center;
justify-content: center;
}

.pc--promo.pc--cta .promo-card__title {
  font-size:200%;
}

.pc--promo.pc--cta .promo-card__content {
  min-width:80%;
}

.product_list_block {
  --plist-item-padding:0;
}

.product_list_block.tagsurf {
  box-shadow:none;
}

.dropdown-menu.clubshops .clubshops-loading {
  padding:20px 10px;
  text-align:center;
}

.cart_overlay_checkout_btn .bi.bi-truck::before {
top:1px;
position:relative;
}

.cart_overlay_checkout_btn .bi {
  margin-right:3px;
}

.plist__sentinel {
  pointer-events:none;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:1px;
}

.plist__sentinel .loader {
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease, visibility .2s ease;
}

.plist__sentinel[data-loading="true"] {
  min-height:64px;
}

.plist__sentinel[data-loading="true"] .loader {
  opacity:1;
  visibility:visible;
}

.plist__sentinel.is-complete .loader {
  display:none;
}


.admin_filter_benchmark,
.admin_filter_canonical {
  display:inline-flex;
  text-align:right;
  white-space:nowrap;
}
.admin_filter_canonical:before {
  content:"\F777";
  font-family:'Bootstrap-icons';
  margin-right:5px;
  opacity:0.5;
}
.admin_filter_benchmark {
letter-spacing:0;
font-size:90%;
opacity:0.6;
}

.wishlist-page {
  padding-bottom:40px;
}

.wishlist-page__intro {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:25px;
}



.wishlist-page__intro p {
  margin:0;
  color:rgba(0,0,0,0.65);
  max-width:720px;
}

.wishlist-page__meta {
  display:flex;
  gap:15px;
  font-size:14px;
  color:rgba(0,0,0,0.6);
  flex-wrap:wrap;
}

.wishlist-page__count {
  font-weight:500;
}

.wishlist-page__link {
  color:var(--primary-color);
  text-decoration:none;
  font-weight:500;
}

.wishlist-page__link:hover {
  text-decoration:underline;
}

.wishlist-page__empty {
  text-align:center;
  padding:45px 15px 60px;
}

.wishlist-page__empty p {
  font-size:18px;
  margin-bottom:20px;
  color:rgba(0,0,0,0.75);
}



.pc__wishlist > i {
  position:relative;
  top:1px;
}

.pc__wishlist.is-active {
  color:black;
}

header .info-wishlist, header .infonav .info-wishlist, header .infonav.dark .info-wishlist {
  background:transparent;
}

header .info-wishlist, header .infonav .info-wishlist > i, header .infonav.dark .info-wishlist > i {
  position:relative;
  top:0.5px;
}

header .info-wishlist:hover, header .info-wishlist.active, header .infonav .info-wishlist:hover, header .infonav .info-wishlist.active {
background:none;
}

header .infonav .nav > li > a.info-wishlist:hover,
header .topnav.navbar .nav > li > a.info-wishlist:hover,
header .infonav .nav > li > a.info-wishlist:focus,
header .topnav.navbar .nav > li > a.info-wishlist:focus {
	background:none;
}




.plist__autoload {
  display:flex;
      align-items: center;
    justify-content: center;
        flex-direction: column;
    flex-wrap: wrap;
    gap:15px;
    padding:50px;
}

.plist--autopaging .plist__pagination {
  display:none;
}
.plist--manual-load .plist__pagination {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.plist__load-more {
  position:relative;
  display:flex;
  align-items: center;
  gap:10px;
  min-height:34px;
  padding:12px 32px;
}
.btn.plist__load-more[disabled],
.btn.plist__load-more[disabled]:hover,
.btn.plist__load-more[disabled]:focus,
.btn.plist__load-more[disabled]:active {
background:transparent !important;
border-color:transparent !important;
}
.btn.plist__load-more[disabled] {
	visibility: hidden;
	pointer-events: none;
}
.plist__load-more-loader {
  position:relative;
  display:none;
}
.plist.plist--autopaging.is-loading .plist__load-more-loader,
.plist.plist--manual-load.is-loading .plist__load-more-loader {
  display:block;
}

.plist__progress {
width:100%;
max-width:200px;
  padding:10px 0;
  text-align:center;
}
.plist__progress-track {
  background:rgba(0,0,0,0.2);
  display:flex;
  width:100%;
  height:4px;
  border-radius:5px;
  overflow:hidden;
}
.plist__progress-bar {
  background:rgba(0,0,0,0.5);
  border-radius:5px;
  transition:width 2s ease;
}
.plist__progress-label {
  padding:10px 0 10px 0;
}

/* dont fade out product page while doing auto paged loading */
.plist.plist--autopaging.is-loading .presults {

}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background:var(--btn-disabled-bg);
  border-color:var(--btn-disabled-border);
  color:var(--btn-disabled-color);
}

.pcontain {
  position:relative;
}

.filters:not(.is-active) {
  pointer-events:none;
}










.pc_size--hidden {
  display:none;
}
.is_admin .pc_size--hidden {
  display:inline-flex;
  opacity: 0.5;
  font-style: italic;
}
.is_admin .pc_size--hidden:before {
      content: "\F340";
    font-family: 'bootstrap-icons';
    margin:0 2px 0 -2px;
    position: relative;
}

.pc_size:hover {
opacity:1;
}



.pc .swatch.is-active {
  outline:1px solid black;
  opacity:1;
}

.plist__scroll-top {
  display:none;
  padding:30px;
  align-items:center;
}

.plist__scroll-top .bi {
  font-size:20px;
}
.plist--long .plist__scroll-top {
  display:inline-flex;
}











.plist__title-row {
  display:flex;
  flex-direction: row;
  gap:5px;
  align-items:baseline;
}

.plist__count {
  position:relative;
  opacity:0.5;
  font-weight:500;
  font-size:155%;
}

@media (max-width: 768px) {
	.admin_filter_canonical {
		display: none;
	}



	.plist__actions {
		display: flex;
	}

	.plist__actions .plist__sort .dropdown__btn-text {
		display: none;
	}

	.plist .plist__head {
		z-index:100;
	}

	.pcontain>.filters {
		position: relative;
		top: auto;
		left: auto;
		height: 0;
		width: 100%;
		max-width: 100%;
		max-height: none;
		background: var(--bg-pcard-img);
		z-index: 90;
		overflow: hidden;
		padding: 0;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		transform: none;
		transition: none;
		display: none !important;
	}

	.pcontain>.filters.is-mobile-active {
		display: block !important;
	}

	.pcontain>.filters.is-active {
		transform: none;
		margin-bottom: 15px;
		height: auto;
		visibility: visible;
	}

	.filters__content {
		padding-right: 0;
	}

	.presults header .filters {
		position: static;
		transform: none;
		width: auto;
		height: auto;
		max-width: none;
		overflow: visible;
		background: transparent;
		padding: 0;
	}

	.pcontain .filters .fscroll {
		display: none !important;
	}

	.filters__inner {

		overflow: auto;
		scrollbar-width: auto;
		width: 100%;
		height: auto;
		max-height: none;
	}
}


@media (max-width:450px) {
	.pcontain > .filters {
		padding:15px;
	}
}











.swatch.fbtn__swatch {
  min-width:var(--swatch-width);
  min-height:var(--swatch_height);
}

.fg__swatches .fbtn {
font-size:inherit;
padding:0;
min-height:auto;
width:100%;
}

.fg__swatches .fbtn .fbtn__label {
  width:100%;
  min-height:28px;
  padding-top:1px;
  padding-bottom:0;
  line-height:1;
  align-items:center;
  padding-left:0;
  color:inherit;
  flex-direction:row;
  flex-wrap:nowrap;
}

.fg__swatches .fg__items {
display:flex;
align-items: flex-start;
flex-direction: column;
}

.fg.important > .fg__content > .fg__inner .fg__items > .fbtn > .fbtn__label {
  padding:6px 0;
}

.fg.important > .fg__content > .fg__inner .fg__items > .fbtn.is-active.has_children > .fbtn__label,
.fg.important > .fg__content > .fg__inner .fg__items > .fbtn.active-children > .fbtn__label {
  
}
.fg.important > .fg__content > .fg__inner .fg__items > .fbtn.is-active.has_children,
.fg.important > .fg__content > .fg__inner .fg__items > .fbtn.active-children {
	margin-bottom:8px;
}




.fg__active-count {
  background:#000;
color:#fff;
  padding:1px 3px;
  border:0px solid rgba(0,0,0,05);
  border-radius:10px;
  line-height:1;
  margin-left:0;
  width:auto;
  width:var(--filter-cb-size);
  height:var(--filter-cb-size);
  display:inline-flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  font-size:80%;
  font-weight: 500;
  transition:all 0.12s ease;
  opacity:0.5;
}
.filters .fg__active-count:hover {
 background:#000;
 color:#fff;
 opacity:1;
}
.fg__title {
  min-height:50px;
  padding: 10px 0px 10px 0;
}
.fg__text {
  display:inline-flex;
  align-items: center;
  gap:0 5px;
}

.fg__active-count::after {
  content: attr(data-count-value);
  display:inline-flex;
  justify-content: center;
  align-items: center;
  line-height:12px;
  min-width:12px;
  height:12px;
  text-indent:-1px;
  letter-spacing:-1px;
  text-align:center;
}

.filters .fg__active-count:hover::after {
content:"\F62A";
font-size:18px;
width:12px;
height:12px;
text-indent:0;
letter-spacing:0;
overflow:hidden;
font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}



@media (min-width:768px) {

.plist__meta {
padding-top:14px;
}

.plist__meta {
  padding-left:0px;
  padding-right:0px;
}

}

.plist__meta .page-body {
  padding-bottom:20px;
}

.pc__admin {
	display:none;
}

.plist--no-filters .plist__actions > .btn--filters {
	display:none;
}

.related_products_container {
  min-height:500px;
}