/*
 * Theme stylesheet edited directly.
 * Do not regenerate from the legacy Sass/Gulp pipeline.
 */
:root {
	--font-logo: Anton, Impact, sans-serif;
	--font-display: Archivo, Arial, sans-serif;
	--font-body: "Space Grotesk", Arial, sans-serif;
	--color-black: #000;
	--color-ink: #111;
	--color-text: #1c1c1c;
	--color-muted: #777;
	--color-soft: #aaa;
	--color-white: #fff;
	--color-border: #ededed;
	--color-border-strong: #2a2a2a;
	--color-surface: #f7f7f7;
	/* Explicit pairs: dark controls on light surfaces, light controls on dark ones. */
	--action-dark: var(--color-ink);
	--action-dark-hover: #333;
	--action-dark-active: #505050;
	--action-dark-text: var(--color-white);
	--action-light: var(--color-white);
	--action-light-hover: #e5e5e5;
	--action-light-active: #ccc;
	--action-light-text: var(--color-ink);
	--accent-on-light: var(--color-ink);
	--accent-on-dark: var(--color-white);
	--surface-selected: #e9e9e9;
	--focus-on-light: var(--color-ink);
	--focus-on-dark: var(--color-white);
	--state-danger: #d9534f;
	--state-success: #17AC1A
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--action-dark);
}

body[class^="information-information"] #content h1,
body[class*=" information-information"] #content h1 {
	text-align: center;
}

/* Keyboard-only entry to information pages, above the shared header. */
.information-skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 1061;
	max-width: calc(100% - 24px);
	padding: 12px 18px;
	transform: translateY(calc(-100% - 24px));
	background: var(--action-dark);
	color: var(--action-dark-text);
	font-size: 16px;
	line-height: 1.5;
}

.information-skip-link:focus {
	transform: translateY(0);
	color: var(--action-dark-text);
	outline: 2px solid var(--focus-on-dark);
	outline-offset: 2px;
	box-shadow: 0 0 0 5px var(--focus-on-light);
}

.information-skip-link:hover {
	background: var(--action-dark-hover);
	color: var(--action-dark-text);
}

.information-skip-link:active {
	background: var(--action-dark-active);
}

.information-page-content {
	scroll-margin-top: 100px;
}

.information-page-content:focus,
.information-page-content--brand {
	outline: 2px solid var(--focus-on-light);
	outline-offset: 4px;
}

@media (max-width: 767px) {
	/* Give the mobile frame breathing room outside, retaining the inner padding. */
	.information-page-content.information-page-content--brand {
		width: calc(100% - 32px);
		margin-left: 16px;
		margin-right: 16px;
		padding-bottom: 24px;
		outline-offset: -2px;
	}
	.main-footer[data-brand-story="true"] {
		margin-top: 24px;
	}
}

/* The Brand: editorial content only; other information pages are unchanged. */
.brand-story {
	/* User-approved gold accents, scoped to this editorial page only. */
	--brand-story-gold: #94703d;
	--brand-story-gold-rule: #c7b08d;
	max-width: 1000px;
	margin: 0 auto 88px;
	color: var(--color-text);
	font-size: 17px;
	line-height: 1.8;
}

.brand-story p {
	margin: 0 0 20px;
}

.brand-story strong {
	font-weight: 600;
}

.brand-story .brand-story__hero {
	padding: 58px 0 42px;
	text-align: center;
}

.brand-story .brand-story__eyebrow {
	margin-bottom: 22px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.brand-story .brand-story__title {
	margin: 0 0 24px;
	font-size: 48px;
	line-height: 1.18;
	letter-spacing: -.045em;
}

.brand-story .brand-story__tagline {
	margin-bottom: 16px;
	font-size: 21px;
	line-height: 1.5;
}

.brand-story .brand-story__origin {
	margin: 0;
	font-size: 12px;
	letter-spacing: .1em;
}

.brand-story__intro {
	max-width: 680px;
	margin: 0 auto;
}

.brand-story .brand-story__statement {
	max-width: 800px;
	margin: 0 auto;
	padding: 42px 0 70px;
	font-family: var(--font-display);
	font-size: 32px;
	line-height: 1.4;
	letter-spacing: -.025em;
	text-align: center;
}

.brand-story__chapter {
	display: grid;
	grid-template-columns: minmax(0, 250px) minmax(0, 650px);
	gap: 64px;
	padding: 46px 0;
	border-top: 1px solid var(--brand-story-gold-rule);
}

.brand-story .brand-story__chapter-title {
	margin: 5px 0 0;
	color: var(--brand-story-gold);
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.65;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.brand-story__copy > :last-child {
	margin-bottom: 0;
}

.brand-story .brand-story__credo {
	margin: 28px 0 18px;
	font-size: 19px;
	line-height: 1.65;
}

/* Editorial photograph: preserve the complete image at every viewport size. */
.brand-story__image {
	margin: 8px 0 48px;
}

.brand-story__image img {
	display: block;
	width: 100%;
	height: auto;
}

.brand-story .brand-story__litany {
	margin: 28px 0;
	font-family: var(--font-display);
	font-size: 25px;
	line-height: 1.75;
	letter-spacing: -.025em;
}

.brand-story__signature {
	padding: 56px 0 0;
	border-top: 1px solid var(--brand-story-gold-rule);
	text-align: center;
}

.brand-story .brand-story__signature-name {
	margin-bottom: 18px;
	font-family: var(--font-display);
	font-size: 22px;
}

.brand-story .brand-story__credentials {
	font-size: 14px;
	line-height: 1.9;
}

.brand-story .brand-story__closing {
	margin: 22px 0;
	font-family: var(--font-display);
	font-size: 38px;
	line-height: 1.3;
	letter-spacing: -.035em;
}

.brand-story .brand-story__link {
	display: inline-block;
	padding: 10px 0;
	border-bottom: 1px solid var(--accent-on-light);
	color: var(--color-ink);
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}

.brand-story .brand-story__link:hover {
	color: var(--action-dark-hover);
	box-shadow: 0 1px 0 var(--accent-on-light);
}

.brand-story .brand-story__link:active {
	color: var(--action-dark-active);
}

.brand-story .brand-story__link:focus {
	outline: 2px solid var(--focus-on-light);
	outline-offset: 5px;
}

@media (max-width: 991px) {
	.brand-story__chapter {
		grid-template-columns: minmax(0, 190px) minmax(0, 1fr);
		gap: 32px;
	}
	.brand-story .brand-story__title {
		font-size: 39px;
	}
}

@media (max-width: 767px) {
	.brand-story {
		margin-bottom: 0;
		font-size: 16px;
		line-height: 1.75;
	}
	.brand-story .brand-story__hero {
		padding: 26px 0;
	}
	.brand-story .brand-story__eyebrow {
		margin-bottom: 18px;
	}
	.brand-story .brand-story__title {
		max-width: 480px;
		margin: 0 auto 16px;
		font-size: 30px;
	}
	.brand-story .brand-story__tagline {
		font-size: 18px;
		margin-bottom: 13px;
	}
	.brand-story .brand-story__statement {
		padding: 24px 0 44px;
		font-size: 25px;
	}
	.brand-story__chapter {
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
		padding: 32px 0;
	}
	.brand-story .brand-story__credo {
		font-size: 17px;
	}
	.brand-story__signature {
		padding-top: 36px;
	}
	.brand-story .brand-story__closing {
		font-size: 30px;
	}
}

.legal-content {
	max-width: 900px;
	margin: 0 auto 64px;
	color: var(--color-text);
	font-size: 16px;
	line-height: 1.75;
}

.legal-content__updated {
	margin: 0 0 32px;
	color: var(--color-muted);
	text-align: center;
}

.legal-content h2 {
	margin: 38px 0 12px;
	font-family: var(--font-display);
	font-size: 23px;
	line-height: 1.3;
}

.legal-content p,
.legal-content address {
	margin: 0 0 16px;
}

.legal-content address {
	padding: 20px 24px;
	border-left: 3px solid var(--accent-on-light);
	background: var(--color-surface);
	font-style: normal;
}

.narcotica-collection-module {
	margin: 48px 0 24px;
}

.narcotica-collection-module__head {
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}

.narcotica-collection-module__subtitle {
	margin: 14px auto 0;
	color: var(--color-muted);
	font-size: 16px;
	line-height: 1.6;
}

.narcotica-collection-module__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.narcotica-collection-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 100%;
	border: 1px solid var(--color-border);
	border-radius: 0;
	background: var(--color-white);
	overflow: hidden;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.narcotica-collection-card:hover {
	border-color: rgba(0, 0, 0, .22);
	box-shadow: 0 18px 46px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

.narcotica-collection-card__image {
	display: block;
	position: relative;
	aspect-ratio: 3 / 4;
	background: var(--color-surface);
	overflow: hidden;
}

.narcotica-collection-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .28s ease;
}

.narcotica-collection-card:hover .narcotica-collection-card__image img {
	transform: scale(1.035);
}

.narcotica-collection-card__body {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	gap: 8px;
	padding: 18px 18px 0;
}

#content .narcotica-collection-card__title {
	margin: 0;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0;
	min-height: 42.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.narcotica-collection-card__title a {
	color: var(--color-ink);
	text-decoration: none;
}

.narcotica-collection-card__title a:hover,
.narcotica-collection-card__title a:focus {
	color: var(--color-black);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.narcotica-collection-card__price {
	margin: 0;
	color: var(--color-ink);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.35;
}

.narcotica-collection-card__price-old {
	margin-left: 8px;
	color: var(--color-muted);
	font-weight: 500;
	text-decoration: line-through;
}

.narcotica-collection-card__tax {
	display: block;
	margin-top: 4px;
	color: var(--color-muted);
	font-size: 12px;
	font-weight: 500;
}

.narcotica-collection-card__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 52px;
	gap: 10px;
	margin-top: auto;
	padding: 18px;
}

.narcotica-collection-card__discover {
	--ui-button-height: 48px;
	width: 100%;
}

.narcotica-collection-card__cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	min-height: 48px;
	padding: 0;
	border: 1px solid var(--color-border-strong);
	border-radius: 0;
	background: var(--color-white);
	color: var(--color-ink);
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.narcotica-collection-card__cart:hover,
.narcotica-collection-card__cart:focus {
	border-color: var(--color-black);
	background: var(--color-black);
	color: var(--color-white);
}

.narcotica-collection-card__cart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: inherit;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	text-align: center;
}

.narcotica-collection-card__cart-bag {
	display: none;
	width: 22px;
	height: 22px;
}

.manufacturer-collection__head {
	margin: 0 0 26px;
	text-align: center;
}

.manufacturer-collection__head h1 {
	margin: 0;
}

.manufacturer-collection__toolbar {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 18px;
	margin: 0 0 28px;
	padding: 16px;
	border: 1px solid var(--color-border);
	background: var(--color-white);
}

.manufacturer-collection__controls {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 12px;
}

.manufacturer-collection__control {
	margin-bottom: 0;
}

.manufacturer-collection__products {
	margin-top: 0;
}

.manufacturer-collection__pagination {
	margin-top: 28px;
}

.narcotica-collection-module__empty {
	margin: 0;
	padding: 24px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-surface);
	color: var(--color-muted);
	text-align: center;
}

@media (max-width: 1199px) {
	.narcotica-collection-module__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.narcotica-collection-module {
		margin-top: 34px;
	}

	.narcotica-collection-module__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.narcotica-collection-card__body {
		padding: 14px 14px 0;
	}

	.narcotica-collection-card__actions {
		grid-template-columns: 1fr;
		padding: 14px;
	}

	.narcotica-collection-card__cart {
		width: 100%;
	}

	.manufacturer-collection__toolbar,
	.manufacturer-collection__controls {
		display: block;
	}

	.manufacturer-collection__control + .manufacturer-collection__control {
		margin-top: 10px;
	}

	.manufacturer-collection__head {
		margin-bottom: 20px;
	}

	.manufacturer-collection__head .narcotica-collection-module__subtitle {
		margin-top: 8px;
		font-size: 14px;
		line-height: 1.5;
	}

	.manufacturer-collection__toolbar {
		margin-bottom: 18px;
		padding: 0;
		border: 0;
	}

	.manufacturer-collection__control:nth-child(2) {
		display: none;
	}

	.manufacturer-collection__control .input-group-addon,
	.manufacturer-collection__control .form-control {
		height: 44px;
	}

	.manufacturer-collection .narcotica-collection-module {
		margin-top: 0;
	}

	.manufacturer-collection .narcotica-collection-module__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 10px;
	}

	.manufacturer-collection .narcotica-collection-card {
		position: relative;
		min-height: 0;
		border: 0;
		overflow: visible;
	}

	.manufacturer-collection .narcotica-collection-card:hover {
		border-color: transparent;
		box-shadow: none;
		transform: none;
	}

	.manufacturer-collection .narcotica-collection-card__image {
		background: var(--color-surface);
	}

	.manufacturer-collection .narcotica-collection-card__body {
		gap: 6px;
		min-height: 88px;
		padding: 10px 4px 12px;
	}

	.manufacturer-collection #content .narcotica-collection-card__title {
		min-height: 35px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.25;
	}

	.manufacturer-collection .narcotica-collection-card__price {
		padding-right: 48px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.35;
	}

	.manufacturer-collection .narcotica-collection-card__actions {
		position: absolute;
		right: 0;
		bottom: 8px;
		display: block;
		padding: 0;
	}

	.manufacturer-collection .narcotica-collection-card__discover {
		display: none;
	}

	.manufacturer-collection .narcotica-collection-card__cart {
		width: 44px;
		min-height: 44px;
		border-color: var(--color-border);
		background: var(--color-white);
	}

	.manufacturer-collection .narcotica-collection-card__cart-plus {
		display: none;
	}

	.manufacturer-collection .narcotica-collection-card__cart-bag {
		display: block;
	}

}

@media (max-width: 450px) {
	.narcotica-collection-module:not(.manufacturer-collection__products) .narcotica-collection-module__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 374px) {
	.manufacturer-collection .narcotica-collection-card__body {
		min-height: 105.5px;
	}

	.manufacturer-collection #content .narcotica-collection-card__title {
		min-height: 52.5px;
		-webkit-line-clamp: 3;
	}
}

.checkout-account-options {
	display: grid;
	gap: 10px;
	margin: 18px 0;
}

.checkout-account-option {
	margin: 0;
}

.checkout-account-option__label {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	margin: 0;
	padding: 13px 16px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-white);
	color: var(--color-ink);
	font-weight: 600;
	cursor: pointer;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.checkout-account-option__label:hover {
	border-color: rgba(0, 0, 0, .28);
	box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
}

.checkout-account-option__label input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.checkout-account-option__control {
	position: relative;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(0, 0, 0, .28);
	border-radius: 50%;
	background: var(--color-white);
	transition: border-color .18s ease, background-color .18s ease;
}

.checkout-account-option__control:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--color-white);
	opacity: 0;
	transform: translate(-50%, -50%) scale(.6);
	transition: opacity .18s ease, transform .18s ease;
}

.checkout-account-option__text {
	line-height: 1.35;
}

.checkout-account-option__label input[type="radio"]:checked + .checkout-account-option__control {
	border-color: var(--color-ink);
	background: var(--color-ink);
}

.checkout-account-option__label input[type="radio"]:checked + .checkout-account-option__control:after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.checkout-account-option__label:has(input[type="radio"]:checked) {
	border-color: var(--color-ink);
	background: var(--surface-selected);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .08);
}

.mfp-zoom-in .product-popup {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .product-popup {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-zoom-in.mfp-removing .product-popup {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0
}

body {
	font-size: 16px;
	min-width: 320px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	position: relative;
	line-height: 1.6;
	overflow-x: hidden;
	font-family: var(--font-body)
}

.site-page {
	flex: 1 0 auto;
	width: 100%
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #1c1c1c;
	font-family: var(--font-display);
	font-stretch: expanded;
	font-variation-settings: "wdth" 125, "wght" 400;
	font-weight: 400
}

header {
	background-color: #000;
	padding: 16px 0 0
}

.header-actions {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 8px;
	min-height: 44px;
}

.header-action {
	flex: 0 0 auto;
	min-width: 0;
}

.header-actions .cart-wrapper,
.header-actions .header-account {
	margin: 0;
	padding: 0;
}

.header-actions #cart {
	width: auto;
}

.header-actions #cart > .dropdown-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 44px;
	min-height: 44px;
	padding: 0 8px;
	white-space: nowrap;
}

.header-actions #cart > .dropdown-toggle::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url("../image/cart-bag-modern.svg") center / contain no-repeat;
	transition: opacity .2s ease, transform .2s ease;
}

.header-actions #cart > .dropdown-toggle.has-cart-items::after {
	content: attr(data-cart-count);
	position: absolute;
	top: 1px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border: 2px solid #fff;
	border-radius: 10px;
	background: #111;
	color: #fff;
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 700;
	line-height: 13px;
	text-align: center;
	box-sizing: border-box;
	pointer-events: none;
}

.header-actions #cart > .dropdown-toggle:hover::before,
.header-actions #cart > .dropdown-toggle:focus::before {
	opacity: .58;
}

.header-actions #cart > .dropdown-toggle:active::before {
	transform: scale(.94);
}

.header-actions #cart > .dropdown-toggle > * {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.header-account {
	list-style: none;
}

.header-actions .header-account > li > a.dropdown-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 8px;
	box-sizing: border-box;
	white-space: nowrap;
}

.header-actions .header-account > li > a.dropdown-toggle::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url("../image/account-modern.svg") center / contain no-repeat;
	transition: opacity .2s ease, transform .2s ease;
}

.header-actions .header-account > li > a.dropdown-toggle:hover::before,
.header-actions .header-account > li > a.dropdown-toggle:focus::before {
	opacity: .58;
}

.header-actions .header-account > li > a.dropdown-toggle:active::before {
	transform: scale(.94);
}

.header-actions .header-account > li > a.dropdown-toggle > * {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

header .dropdown {
	display: inline-block
}

header .dropdown a {
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

header .dropdown a.dropdown-toggle {
	color: #4B4F54;
	font-size: 14px;
	margin-top: 3px 0 0;
	padding: 8px 0 4px;
	display: block
}

header .dropdown a.dropdown-toggle:active, header .dropdown a.dropdown-toggle:focus, header .dropdown a.dropdown-toggle:hover {
	color: #ccc;
	text-decoration: none
}

/* Two colours keep keyboard focus visible on light, dark and photographic surfaces.
 * !important overrides legacy component rules that remove outlines on :focus. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--focus-on-light) !important;
	outline-offset: 3px;
	box-shadow: 0 0 0 3px var(--focus-on-dark)
}

header .header-actions .header-menu-toggle:focus-visible,
header .header-actions .header-search-trigger:focus-visible,
header .header-actions #cart > .dropdown-toggle:focus-visible,
header .header-actions .header-account > li > a.dropdown-toggle:focus-visible,
#top.top-menu a:focus-visible,
footer a:focus-visible,
footer button:focus-visible {
	outline-color: var(--focus-on-dark) !important;
	box-shadow: 0 0 0 3px var(--focus-on-light)
}

ul.col-md-3 {
	margin: 0
}

.dropdown-menu {
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	margin-top: 8px;
	right: -10px
}

.dropdown-menu>li>a {
	padding: 5px 20px
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: var(--color-ink);
	color: #FFF
}

.header-phone {
	display: inline-block;
	color: #4B4F54;
	float: right;
	font-size: 18px;
	padding-top: 4px;
	padding-left: 10px;
	border-left: 1px solid #4B4F54
}

.logo {
	/*padding: 30px 0 30px 0;*/
	margin: 0 auto;
	float: none;
	display: table;
}

.logo .brand-wordmark {
	display: inline-block;
	color: #111;
	font-family: var(--font-logo);
	font-size: 56px;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 1;
	text-decoration: none
}

.logo .brand-wordmark:hover,
.logo .brand-wordmark:focus {
	color: #111;
	text-decoration: none
}

.header-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%, -50%)
}

.header-logo .brand-wordmark {
	display: flex;
	align-items: center;
	height: 44px;
	color: #fff;
	font-size: 47px;
	letter-spacing: 2px
}

.header-logo .brand-wordmark:hover,
.header-logo .brand-wordmark:focus {
	color: #fff
}

.header-menu-toggle {
	float: none;
	width: 44px;
	height: 44px;
	margin: 0 auto 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #fff;
	font-size: 22px;
	line-height: 44px
}

.header-actions .header-menu-toggle {
	margin: 0 auto 0 0
}

.header-actions .header-menu-toggle,
.header-actions .header-menu-toggle:hover,
.header-actions .header-menu-toggle:focus,
.header-actions .header-menu-toggle:active {
	background: transparent;
	color: #fff;
	box-shadow: none
}

.menu-toggle-icon {
	position: relative;
	display: block;
	width: 24px;
	height: 18px;
	margin: 0 auto
}

.menu-toggle-icon > span {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: top .25s ease, transform .25s ease, opacity .2s ease
}

.menu-toggle-icon > span:nth-child(1) {
	top: 0
}

.menu-toggle-icon > span:nth-child(2) {
	top: 8px
}

.menu-toggle-icon > span:nth-child(3) {
	top: 16px
}

.header-menu-toggle[aria-expanded="true"] .menu-toggle-icon > span:nth-child(1) {
	top: 8px;
	transform: rotate(45deg)
}

.header-menu-toggle[aria-expanded="true"] .menu-toggle-icon > span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0)
}

.header-menu-toggle[aria-expanded="true"] .menu-toggle-icon > span:nth-child(3) {
	top: 8px;
	transform: rotate(-45deg)
}

header .header-search-trigger {
	color: #fff
}

header .header-search-trigger:hover,
header .header-search-trigger:focus {
	background-color: rgba(255, 255, 255, .12);
	color: #fff
}

header .header-actions #cart > .dropdown-toggle {
	background-color: transparent
}

header .header-actions #cart > .dropdown-toggle::before,
header .header-actions .header-account > li > a.dropdown-toggle::before {
	filter: invert(1)
}

header .header-actions #cart > .dropdown-toggle.has-cart-items::after {
	border-color: #000;
	background: #fff;
	color: #000
}

header .header-actions .header-menu-toggle,
header .header-actions .header-search-trigger,
header .header-actions #cart > .dropdown-toggle,
header .header-actions .header-account > li > a.dropdown-toggle {
	border-radius: 50%;
	/* Switch the contrasting pair together; keep only motion animated. */
	transition: transform .2s ease, box-shadow .2s ease
}

header .header-actions .header-menu-toggle:hover,
header .header-actions .header-menu-toggle:focus,
header .header-actions .header-search-trigger:hover,
header .header-actions .header-search-trigger:focus,
header .header-actions #cart > .dropdown-toggle:hover,
header .header-actions #cart > .dropdown-toggle:focus,
header .header-actions .header-account > li > a.dropdown-toggle:hover,
header .header-actions .header-account > li > a.dropdown-toggle:focus {
	background-color: var(--accent-on-dark);
	color: #000;
	transform: translateY(-1px)
}

header .header-actions .header-menu-toggle:focus,
header .header-actions .header-search-trigger:focus,
header .header-actions #cart > .dropdown-toggle:focus,
header .header-actions .header-account > li > a.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--accent-on-dark)
}

header .header-actions .header-menu-toggle:active,
header .header-actions .header-search-trigger:active,
header .header-actions #cart > .dropdown-toggle:active,
header .header-actions .header-account > li > a.dropdown-toggle:active {
	transform: scale(.94)
}

header .header-actions #cart > .dropdown-toggle:hover::before,
header .header-actions #cart > .dropdown-toggle:focus::before,
header .header-actions .header-account > li > a.dropdown-toggle:hover::before,
header .header-actions .header-account > li > a.dropdown-toggle:focus::before {
	opacity: 1;
	filter: none
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

#search {
	width: 100%;
	font-family: var(--font-body)
}

#search .form-control {
	padding: 5px 16px;
	height: 35px;
	border: 1px solid #4B4F54;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #fff;
	font-style: italic;
	font-size: 13px;
	color: #fff;
	-webkit-transition: background-color .25s ease, -webkit-box-shadow .25s ease;
	transition: background-color .25s ease, -webkit-box-shadow .25s ease;
	transition: background-color .25s ease, box-shadow .25s ease;
	transition: background-color .25s ease, box-shadow .25s ease, -webkit-box-shadow .25s ease;
	-webkit-box-shadow: transparent 0 0 0 1px inset;
	box-shadow: transparent 0 0 0 1px inset
}

#search .form-control:focus, #search .form-control:hover {
	background-color: #555;
	-webkit-box-shadow: #777 0 0 0 1px inset;
	box-shadow: #777 0 0 0 1px inset
}

#search .input-group-btn {
	position: absolute;
	right: 26px
}

#search .input-group-btn .btn {
	padding: 9px 10px;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
	color: #999;
	font-size: 13px
}

.navbar-collapse.in {
	overflow-y: unset;
}

.top-menu {
	/* border-bottom: #EDEDED 1px solid; */
}

.top-menu .cart-wrapper .dropdown-menu {
	padding: 15px;
	width: 460px;
}

.top-menu a {
	color: #333
}

.top-menu .navbar {
	margin-bottom: 0;
	font-size: 16px;
	min-height: 40px;
	border-bottom-width: 4px;
    border-bottom-style: double;
    border-bottom-color: #444;
    border-top-width: 4px;
    border-top-style: double;
    border-top-color: #444;
}

.top-menu .navbar .navbar-collapse {
	padding: 0
}

.top-menu .navbar-nav>li>a {
	padding-top: 14px;
	padding-bottom: 10px
}

.top-menu .navbar-nav>li>a:focus, .top-menu .navbar-nav>li>a:hover {
	text-decoration: underline;
	background: 0 0
}

#cart button+.dropdown-menu {
	margin-top: 1px;
	padding: 15px;
}

#cart button+.dropdown-menu .btn-danger {
	-webkit-border-radius: 15em;
	border-radius: 15em;
	width: 20px;
	height: 20px;
	line-height: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	background-color: var(--state-danger)
}

#cart button+.dropdown-menu li:first-child:last-child p {
	margin: 0
}

#cart button {
	background-color: #fff;	/* color: #fff; */
	-webkit-border-radius: 0;
	border-radius: 0;	/*padding-top: 14px; */
	padding-bottom: 12px;
	border: none;
	font-family: var(--font-body);
	font-size: 16px;
	text-align: right;
}

.ui-button {
	--ui-button-height: 52px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: var(--ui-button-height);
	padding: 0 18px;
	overflow: hidden;
	border: 1px solid #1c1c1c;
	font-family: var(--font-body);
	line-height: 1.2;
	text-decoration: none;
	transition: color .3s ease, border-color .3s ease
}

.ui-button::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background: #1c1c1c;
	content: "";
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .3s ease
}

.ui-button > span {
	position: relative;
	z-index: 1
}

.ui-button__label {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: inherit;
	text-align: center;
	transform: translateY(.06em)
}

.ui-button--primary,
.ui-button--primary:active,
.ui-button--primary:visited,
.dropdown-menu > li > a.ui-button--primary,
.dropdown-menu > li > a.ui-button--primary:active,
.dropdown-menu > li > a.ui-button--primary:visited {
	background: #fff;
	background-color: #fff;
	color: #1c1c1c
}

.ui-button--accent,
.ui-button--accent:active,
.ui-button--accent:visited,
.dropdown-menu > li > a.ui-button--accent,
.dropdown-menu > li > a.ui-button--accent:active,
.dropdown-menu > li > a.ui-button--accent:visited {
	border-color: var(--action-dark);
	background: var(--action-dark);
	background-color: var(--action-dark);
	color: var(--action-dark-text)
}

.ui-button--accent .ui-button__label {
	color: #fff;
	transition: color 0s
}

.ui-button--accent::before {
	background: var(--action-dark-hover)
}

.ui-button:hover,
.ui-button:focus {
	color: #fff;
	outline: none;
	text-decoration: none
}

.dropdown-menu > li > a.ui-button--primary:hover,
.dropdown-menu > li > a.ui-button--primary:focus {
	background-color: #fff;
	color: #fff
}

.dropdown-menu > li > a.ui-button--primary:hover .ui-button__label,
.dropdown-menu > li > a.ui-button--primary:focus .ui-button__label,
.dropdown-menu > li > a.ui-button--primary:hover .ui-button__arrow,
.dropdown-menu > li > a.ui-button--primary:focus .ui-button__arrow {
	color: #fff
}

.ui-button--accent:hover,
.ui-button--accent:focus,
.dropdown-menu > li > a.ui-button--accent:hover,
.dropdown-menu > li > a.ui-button--accent:focus {
	border-color: var(--action-dark-hover);
	background-color: var(--action-dark);
	color: var(--action-dark-text)
}

.ui-button--accent:hover .ui-button__label,
.ui-button--accent:focus .ui-button__label {
	color: var(--action-dark-text);
	transition-delay: 0s
}

.ui-button--accent:active::before {
	background: var(--action-dark-active);
	transform: scaleX(1)
}

.ui-button:hover::before,
.ui-button:focus::before {
	transform: scaleX(1)
}

.ui-button:focus-visible {
	outline: 2px solid var(--accent-on-light);
	outline-offset: 3px
}

.ui-button > .ui-button__arrow {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 18px;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 1;
	color: inherit;
	fill: currentColor;
	transform: translateY(-50%);
	transition: transform .3s ease
}

@media (hover: hover) and (pointer: fine) {
	.ui-button:hover > .ui-button__arrow {
		transform: translate(5px, -50%)
	}
}

body.mini-cart-open {
	overflow: hidden
}

body.account-menu-open {
	overflow: hidden
}

#cart .mini-cart {
	position: absolute;
	z-index: 1052;
	top: calc(100% + 14px);
	right: -10px;
	display: none;
	width: 420px;
	max-height: calc(100vh - 100px);
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-top: 4px solid var(--accent-on-light);
	border-radius: 0;
	background: #fff;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .25);
	color: #1c1c1c;
	font-family: var(--font-body);
	text-align: left
}

#cart.open .mini-cart {
	display: flex;
	flex-direction: column;
	animation: mini-cart-in .24s ease-out both
}

#cart .mini-cart__backdrop {
	position: fixed;
	z-index: 1051;
	inset: 0;
	display: none;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0;
	border: 0;
	background: rgba(0, 0, 0, .42);
	cursor: default
}

#cart.open .mini-cart__backdrop {
	display: block
}

#cart .mini-cart__header {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	padding: 24px 26px 20px;
	border-bottom: 1px solid #e7e7e7
}

#cart .mini-cart__eyebrow {
	display: block;
	margin-bottom: 5px;
	color: #777;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .18em;
	line-height: 1;
	text-transform: uppercase
}

#cart .mini-cart__title {
	margin: 0;
	color: #111;
	font-family: var(--font-display);
	font-size: 25px;
	font-stretch: expanded;
	font-variation-settings: "wdth" 125, "wght" 400;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase
}

#cart .mini-cart__close,
#cart .mini-cart__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1c1c1c;
	font-family: var(--font-body);
	text-align: center;
	transition: color .2s ease, transform .2s ease
}

#cart .mini-cart__close {
	width: 34px;
	height: 34px;
	font-size: 30px;
	font-weight: 200;
	line-height: 1
}

#cart .mini-cart__close:hover,
#cart .mini-cart__close:focus,
#cart .mini-cart__remove:hover,
#cart .mini-cart__remove:focus {
	color: #777;
	transform: rotate(6deg)
}

#cart .mini-cart__body {
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain
}

#cart .mini-cart__items {
	padding: 0 26px
}

#cart .mini-cart__item {
	position: relative;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr) 24px;
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid #e7e7e7
}

#cart .mini-cart__item.is-updating {
	pointer-events: none;
	opacity: .58
}

#cart .mini-cart__item:only-child {
	border-bottom: 0
}

#cart .mini-cart__image,
#cart .mini-cart__voucher-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 104px;
	overflow: hidden;
	background: #f4f4f2
}

#cart .mini-cart__image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

#cart .mini-cart__voucher-mark {
	color: #111;
	font-family: var(--font-logo);
	font-size: 35px
}

#cart .mini-cart__details {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 3px 0
}

#cart .mini-cart__name {
	color: #111;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none
}

#cart a.mini-cart__name:hover,
#cart a.mini-cart__name:focus {
	color: #111;
	text-decoration: underline;
	text-decoration-color: var(--accent-on-light);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px
}

#cart .mini-cart__options {
	display: flex;
	flex-direction: column;
	margin-top: 7px;
	color: #777;
	font-size: 12px;
	line-height: 1.45
}

#cart .mini-cart__meta {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	color: #777;
	font-size: 12px
}

#cart .mini-cart__meta strong {
	color: #111;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap
}

#cart .mini-cart__quantity {
	display: inline-grid;
	grid-template-columns: 30px 34px 30px;
	align-items: center;
	min-height: 32px;
	overflow: hidden;
	border: 1px solid #1c1c1c;
	background: #fff;
	color: #111
}

#cart .mini-cart__quantity-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 32px;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #111;
	font-family: var(--font-body);
	font-size: 17px;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	transition: opacity .2s ease
}

#cart .mini-cart__quantity-button:hover,
#cart .mini-cart__quantity-button:focus {
	background: var(--action-dark);
	color: var(--action-dark-text)
}

#cart .mini-cart__quantity-button:disabled {
	cursor: default;
	opacity: .28
}

#cart .mini-cart__quantity-button:disabled:hover,
#cart .mini-cart__quantity-button:disabled:focus {
	background: transparent;
	color: var(--color-ink)
}

#cart .mini-cart__quantity-value {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 32px;
	border-right: 1px solid #1c1c1c;
	border-left: 1px solid #1c1c1c;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-align: center
}

#cart .mini-cart__remove {
	align-self: start;
	width: 24px;
	height: 24px;
	font-size: 20px;
	line-height: 1
}

#cart .mini-cart__footer {
	flex: 0 0 auto;
	padding: 20px 26px 24px;
	background: #f7f7f5
}

#cart .mini-cart__totals {
	margin: 0 0 18px
}

#cart .mini-cart__totals > div {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: 7px;
	font-size: 13px
}

#cart .mini-cart__totals > div:last-child {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 1px solid #d6d6d2;
	color: #111;
	font-size: 16px
}

#cart .mini-cart__totals dt,
#cart .mini-cart__totals dd {
	margin: 0;
	font-weight: 400
}

#cart .mini-cart__totals dd {
	color: #111;
	white-space: nowrap
}

#cart .mini-cart__checkout {
	width: 100%;
	min-height: var(--ui-button-height);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .1em;
	text-align: center;
	text-transform: uppercase
}

#cart .mini-cart .ui-button,
#cart .mini-cart .ui-button:hover,
#cart .mini-cart .ui-button:focus,
#cart .mini-cart .ui-button:active,
#cart .mini-cart .ui-button:visited {
	background-image: none;
	box-shadow: none;
	outline: none;
	text-decoration: none;
	text-shadow: none;
	-webkit-tap-highlight-color: transparent
}

#cart .mini-cart__view-bag {
	width: 100%;
	min-height: var(--ui-button-height);
	margin-top: 14px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .06em;
	text-transform: uppercase
}

#cart .mini-cart__empty {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	padding: 42px 30px;
	text-align: center
}

#cart .mini-cart__empty-mark {
	width: 42px;
	height: 42px;
	margin-bottom: 22px;
	border: 1px solid #111;
	border-radius: 50%;
	box-shadow: 9px 0 0 -2px var(--accent-on-light)
}

#cart .mini-cart__empty h3 {
	margin: 0 0 9px;
	font-family: var(--font-display);
	font-size: 21px;
	font-weight: 400;
	text-transform: uppercase
}

#cart .mini-cart__empty p {
	margin: 0;
	color: #777;
	font-size: 13px
}

.header-account .account-menu {
	position: absolute;
	z-index: 1052;
	width: 320px;
	margin-top: 14px;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-top: 4px solid var(--accent-on-light);
	background: #fff;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
	color: #111;
	font-family: var(--font-body)
}

.header-account .dropdown.open .account-menu {
	animation: mini-cart-in .24s ease-out both
}

.header-account .account-menu__backdrop {
	position: fixed;
	z-index: 1051;
	inset: 0;
	display: none;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0;
	border: 0;
	background: rgba(0, 0, 0, .42);
	cursor: default
}

.header-account .dropdown.open .account-menu__backdrop {
	display: block
}

.header-account .account-menu__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 26px 18px;
	border-bottom: 1px solid #e7e7e7
}

.header-account .account-menu__eyebrow {
	display: block;
	margin-bottom: 6px;
	color: #777;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .18em;
	line-height: 1;
	text-transform: uppercase
}

.header-account .account-menu__title {
	display: block;
	color: #111;
	font-family: var(--font-display);
	font-size: 24px;
	font-stretch: expanded;
	font-variation-settings: "wdth" 125, "wght" 400;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase
}

.header-account .account-menu__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1c1c1c;
	font-family: var(--font-body);
	font-size: 30px;
	font-weight: 200;
	line-height: 1;
	text-align: center;
	transition: color .2s ease, transform .2s ease
}

.header-account .account-menu__close:hover,
.header-account .account-menu__close:focus {
	color: #777;
	transform: rotate(6deg)
}

.header-account .account-menu__intro {
	padding: 20px 26px 18px;
	color: #777;
	font-size: 13px;
	line-height: 1.45
}

.header-account .account-menu__button {
	width: calc(100% - 52px);
	min-height: var(--ui-button-height);
	margin: 0 26px 14px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .06em;
	text-transform: uppercase
}

.header-account .account-menu__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 26px;
	background: #fff;
	color: #111;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .02em;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease
}

.header-account .account-menu__link:hover,
.header-account .account-menu__link:focus {
	background: #f7f7f5;
	color: #111;
	text-decoration: none
}

.header-account .account-menu__link::before {
	position: absolute;
	right: 26px;
	bottom: 12px;
	left: 26px;
	height: 2px;
	background: var(--accent-on-light);
	content: "";
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .24s ease
}

.header-account .account-menu__link:hover::before,
.header-account .account-menu__link:focus::before {
	transform: scaleX(1)
}

.header-account .account-menu--logged .account-menu__link::before {
	display: none
}

.header-account .account-menu__arrow {
	font-size: 18px;
	line-height: 1;
	transition: transform .24s ease
}

.header-account .account-menu__link:hover .account-menu__arrow,
.header-account .account-menu__link:focus .account-menu__arrow {
	transform: translateX(5px)
}

.header-account .account-menu__divider {
	height: 1px;
	margin: 6px 26px;
	background: #e7e7e7
}

.header-account .account-menu__link--logout {
	color: #777
}

.header-account .account-menu__link--logout:hover,
.header-account .account-menu__link--logout:focus {
	color: #111
}

@keyframes mini-cart-in {
	from {
		opacity: 0;
		transform: translateY(-10px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@media (max-width: 767px) {
	#cart .mini-cart {
		position: fixed;
		top: 0;
		right: 0;
		width: 92vw;
		max-width: 420px;
		height: 100vh;
		height: 100dvh;
		max-height: none
	}

	#cart.open .mini-cart {
		animation-name: mini-cart-in-mobile
	}

	#cart .mini-cart__header {
		padding: 22px 20px 18px
	}

	#cart .mini-cart__items {
		padding: 0 20px
	}

	#cart .mini-cart__item {
		grid-template-columns: 72px minmax(0, 1fr) 22px;
		gap: 13px;
		padding: 18px 0
	}

	#cart .mini-cart__image,
	#cart .mini-cart__voucher-mark {
		width: 72px;
		height: 92px
	}

	#cart .mini-cart__footer {
		padding: 18px 20px 20px
	}

	.header-account .account-menu {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		width: 92vw;
		max-width: 420px;
		height: 100vh;
		height: 100dvh;
		max-height: none;
		margin-top: 0;
		overflow-y: auto
	}

	.header-account .dropdown.open .account-menu {
		animation: mini-cart-in-mobile .24s ease-out both
	}

	.header-account .account-menu__header {
		padding: 22px 20px 18px
	}

	.header-account .account-menu__intro {
		padding: 18px 20px
	}

	.header-account .account-menu__button {
		width: calc(100% - 40px);
		margin-right: 20px;
		margin-left: 20px
	}

	.header-account .account-menu__link {
		padding-right: 20px;
		padding-left: 20px
	}

	.header-account .account-menu__link::before {
		right: 20px;
		left: 20px
	}

	.header-account .account-menu__divider {
		margin-right: 20px;
		margin-left: 20px
	}
}

@keyframes mini-cart-in-mobile {
	from {
		opacity: 0;
		transform: translateX(24px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@media (prefers-reduced-motion: reduce) {
	#cart.open .mini-cart,
	.header-account .dropdown.open .account-menu {
		animation-duration: .01ms
	}
}

.cart-wrapper.col-sm-3 {
	padding-left: 0
}

.toggle-top-text {
	text-transform: uppercase;
	display: inline-block;
	color: var(--accent-on-dark);
	font-family: var(--font-body);
	padding: 16px 0
}

#content h3, .common-home #content h3, .product-layout h4 a {
	font-family: var(--font-display)
}

.product-layout .price {
	font-family: var(--font-body)
}

.navbar-toggle {
	margin-right: 0
}

.owl-wrapper-outer {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	border-radius: 0
}

.owl-carousel .owl-buttons div i {
	font-size: 35px;
	opacity: .4
}

.top-menu {
	margin-bottom: 25px;
	/*padding-left: 30%;*/
	padding-bottom: 10px;
	border-bottom: 1px solid #EDEDED;
	margin-top: 25px;
}

.list-group-item {
	padding: 11px 15px;
	border-color: #EDEDED;
	-webkit-transition: background .25s ease, color .25s ease, text-indent .25s ease, border-color .25s ease;
	transition: background .25s ease, color .25s ease, text-indent .25s ease, border-color .25s ease;
	border-bottom: 1px transparent solid;
	border-top: 1px transparent solid
}

.list-group-item:first-child {
	-webkit-border-radius: 0;
	border-radius: 0;
	border-top: 1px #EDEDED solid
}

.list-group-item:last-child {
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom: 1px #EDEDED solid
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	background-color: #333;
	border-color: #333;
	color: #fff;
	text-indent: 10px
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	background-color: #333;
	border-color: #333;
	text-indent: 10px
}

#content h3 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 20px
}

#content p img {
	max-width: 100%
}

.common-home #content .owl-carousel {
	margin-bottom: 60px
}

.common-home #content h3 {
	text-align: center;
	font-size: 32px;
	margin-bottom: 40px;
	margin-top: 75px
}

.product-layout .price {
	font-size: 18px
}

.product-layout .price .price-old {
	font-size: 15px;
	text-decoration: line-through
}

.product-layout>.product-thumb {
	-webkit-transition: -webkit-box-shadow .25s ease;
	transition: -webkit-box-shadow .25s ease;
	transition: box-shadow .25s ease;
	transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
	padding: 40px 0 0;
	text-align: center;
	margin-bottom: 40px
}

.product-layout .caption, .product-layout>.product-thumb .image {
	padding: 0 25px
}

.product-layout>.product-thumb .image>a {
	display: block
}

.product-layout>.product-thumb .image>a img {
	display: inline-block
}

.product-layout>.product-thumb:hover {
	-webkit-box-shadow: #EDEDED 0 0 0 1px inset;
	box-shadow: #EDEDED 0 0 0 1px inset
}

.product-layout .caption p {
	display: none
}

.product-layout .caption p.price {
	display: block;
	margin-bottom: 20px
}

.product-layout .button-group>*, .product-layout .caption .rating, .product-layout .caption p .price-tax {
	display: none
}

.product-layout h4 {
	margin-top: 25px;
	margin-bottom: 10px
}

.product-layout h4 a {
	color: #1c1c1c;
	font-size: 22px;
	font-stretch: expanded;
	font-variation-settings: "wdth" 125, "wght" 400;
	font-weight: 400
}

.product-layout h4 a:focus, .product-layout h4 a:hover {
	text-decoration: none;
	border-bottom: #1c1c1c 1px solid
}

.product-layout .button-group>.toclick, .product-layout .button-group>:first-child {
	display: block
}

.product-layout .button-group {
	margin-top: 15px
}

.product-layout .button, .product-layout button {
	border: none;
	background-color: #444;
	color: #fff;
	width: 100%;
	/*padding: 8px 0;*/
	font-size: 18px;
	-webkit-transition: background-color .25s ease;
	transition: background-color .25s ease
}

.product-layout .button.toclick, .product-layout button.toclick {
	font-size: 14px;
	color: #777;
	background-color: #f5f1f3;
	padding: 11px 0;
	display: none;
}

.product-layout .button.toclick:focus, .product-layout .button.toclick:hover, .product-layout button.toclick:focus, .product-layout button.toclick:hover {
	background-color: #efe8eb;
	color: #444
}

.product-layout .button:focus, .product-layout .button:hover, .product-layout button:focus, .product-layout button:hover {
	background-color: #333;
	text-decoration: none
}

.product-layout .button:active, .product-layout button:active {
	background-color: #333
}

.featured-block {
	margin-top: 60px
}

.common-home #content .featured-block__title {
	margin-top: 0;
	margin-bottom: 12px;
	font-family: var(--font-display);
	font-size: 32px;
	text-align: center
}

.featured-block__subtitle {
	max-width: 760px;
	margin: 0 auto;
	color: #1c1c1c;
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	text-align: center
}

.featured-block__cta {
	margin: 20px 0 0;
	text-align: center;
}

.featured-block__cta > .ui-button {
	display: inline-flex;
	max-width: 100%;
}

.featured-block__products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px
}

.featured-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	width: 100%;
	margin: 0
}

.featured-card__image {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: hidden
}

.featured-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain
}

.featured-card__content {
	text-align: center
}

.featured-card__title,
.featured-card__title a {
	font-family: var(--font-body);
	font-weight: 300
}

.common-home #content .featured-card__title a {
	display: inline;
	padding-bottom: 2px;
	background-image: linear-gradient(#1c1c1c, #1c1c1c);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 0 1px;
	color: #1c1c1c;
	text-decoration: none;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size .3s ease, color .3s ease
}

.common-home #content .featured-card__title a:focus,
.common-home #content .featured-card__title a:hover {
	color: #1c1c1c;
	text-decoration: none
}

.common-home #content .featured-card__title a:focus-visible {
	background-size: 100% 1px;
	outline: 2px solid #1c1c1c;
	outline-offset: 3px
}

@media (hover: hover) and (pointer: fine) {
	.common-home #content .featured-card__title a:hover {
		background-size: 100% 1px
	}
}

.featured-card__price,
.featured-card__price-new,
.featured-card__price-old {
	font-family: var(--font-body);
	font-weight: 300
}

.featured-card__price {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px
}

.featured-card__price::after {
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--accent-on-light);
	content: ""
}

.featured-card__price-old {
	text-decoration: line-through
}

.featured-card__actions {
	display: flex;
	align-items: stretch;
	gap: 8px;
	width: 100%;
	margin-top: auto
}

.featured-card__cart {
	flex: 1 1 auto;
	min-width: 0;
	min-height: var(--ui-button-height);
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .04em
}

.featured-card__cart-arrow {
	font-size: 20px
}

.featured-card__add {
	flex: 0 0 var(--ui-button-height);
	width: var(--ui-button-height);
	min-height: var(--ui-button-height);
	padding: 0;
	background-color: #fff;
	color: #1c1c1c;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none
}

.featured-card__add-icon {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: inherit;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	text-align: center
}

@media (max-width: 1024px) {
	.featured-block__products {
		display: flex;
		gap: 20px;
		margin-right: -15px;
		overflow-x: auto;
		padding-right: 15px;
		padding-bottom: 10px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin
	}

	.featured-card {
		flex: 0 0 290px;
		width: 290px;
		scroll-snap-align: start
	}

	.featured-block__products::-webkit-scrollbar {
		height: 4px
	}

	.featured-block__products::-webkit-scrollbar-thumb {
		background: #c7c7c7
	}

	.featured-block__products::-webkit-scrollbar-track {
		background: transparent
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	.featured-card__cart {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 13px
	}

	.featured-card__cart-arrow {
		display: none
	}
}

.alert {
	-webkit-border-radius: 0;
	border-radius: 0;
	    background-color: #333;
	    color:#fff;
}

#column-left>div>blockquote {
	border: none;
	padding: 0;
	margin-top: 45px;
	color: #777;
	line-height: 1.3
}

#column-left>div>blockquote ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

#column-left>div>blockquote ul li {
	border: 5px solid #f7f7f7;
	margin-bottom: 20px;
	padding: 15px 20px 20px 38px;
	background-color: transparent;
	-webkit-transition: border-color .2s ease, background-color .4s ease, color .25s ease, -webkit-transform .5s ease;
	transition: border-color .2s ease, background-color .4s ease, color .25s ease, -webkit-transform .5s ease;
	transition: border-color .2s ease, background-color .4s ease, color .25s ease, transform .5s ease;
	transition: border-color .2s ease, background-color .4s ease, color .25s ease, transform .5s ease, -webkit-transform .5s ease;
	font-size: 14px;
	position: relative
}

.btn, .form-control {
	-webkit-border-radius: 0
}

#column-left>div>blockquote ul li:nth-child(1)>span {
	color: #921AD3
}

#column-left>div>blockquote ul li:nth-child(1):hover {
	background-color: #921AD3;
	border-color: #921AD3
}

#column-left>div>blockquote ul li:nth-child(2)>span {
	color: #f53737
}

#column-left>div>blockquote ul li:nth-child(2):hover {
	background-color: #f53737;
	border-color: #f53737
}

#column-left>div>blockquote ul li:nth-child(3)>span {
	color: #ff9320
}

#column-left>div>blockquote ul li:nth-child(3):hover {
	background-color: #ff9320;
	border-color: #ff9320
}

#column-left>div>blockquote ul li:nth-child(4)>span {
	color: #0079ff
}

#column-left>div>blockquote ul li:nth-child(4):hover {
	background-color: #0079ff;
	border-color: #0079ff
}

#column-left>div>blockquote ul li:hover {
	border-color: #666;
	background-color: #666;
	color: #fff;
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

#column-left>div>blockquote ul li:hover>span {
	color: #fff
}

#column-left>div>blockquote ul li>span {
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
	font-family: var(--font-body)
}

.mfp-content .pp-content h3, .product-popup h2 {
	font-family: var(--font-display);
	text-align: center
}

#column-left>div>blockquote ul li>span>span {
	position: absolute;
	font-size: 18px;
	left: 15px
}

.mfp-content .product-popup {
	display: block
}

.mfp-content .product-popup .price-tax {
	display: none
}

.mfp-content .pp-img-wrap {
	text-align: center
}

.mfp-content .pp-img-wrap img {
	max-width: 90%;
	width: 90%;
	margin-top: 15px
}

.mfp-content .pp-content h3 {
	margin: 30px 0 15px
}

.mfp-content p {
	text-align: center
}

.mfp-content p .price-old {
	text-decoration: line-through;
	font-size: 14px
}

.product-popup {
	background-color: #fff;
	max-width: 320px;
	position: relative;
	margin: auto;
	padding: 15px;
	display: none
}

.product-popup .success {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 80% 10% 10%;
	display: none
}

.product-popup form {
	position: relative;
	margin-top: 15px
}

.product-popup h2 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 28px
}

.product-popup p {
	text-align: center
}

.product-popup .btn {
	position: absolute;
	right: 0;
	top: 0
}

.form-control {
	border-radius: 0;
	font-family: var(--font-body)
}

.main-footer {
	flex-shrink: 0;
	margin-top: 60px;
	background-color: #000;
	color: #aaa;
	padding: 64px 0 0
}

.main-footer a {
	font-family: var(--font-body)
}

.footer-main {
	padding-bottom: 52px
}

.footer-title {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	margin: 0 0 22px
}

.footer-links {
	list-style: none;
	margin: 0;
	padding: 0
}

.footer-links li {
	margin-bottom: 12px
}

.footer-links a {
	color: #aaa;
	font-size: 14px;
	-webkit-transition: color .25s ease;
	transition: color .25s ease
}

.footer-links a:focus, .footer-links a:hover {
	color: #fff;
	text-decoration: none
}

.footer-brand {
	padding-left: 50px
}

.main-footer .footer-logo {
	color: #fff;
	display: inline-block;
	font-family: var(--font-logo);
	font-size: 47px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 24px;
	text-decoration: none
}

.main-footer .footer-logo:focus, .main-footer .footer-logo:hover {
	color: #fff;
	text-decoration: none
}

.footer-offer {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 10px
}

.footer-description {
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
	max-width: 520px
}

.nav-social {
	padding: 24px 0 0
}

.nav-social li, .nav-social ul {
	padding: 0;
	margin: 0
}

.nav-social li {
	display: inline-block
}

.nav-social li a {
	color: #aaa;
	font-size: 20px;
	padding: 0 14px 0 0;
	-webkit-transition: color .25s ease;
	transition: color .25s ease
}

.nav-social li a:focus,
.nav-social li a:hover {
	color: var(--accent-on-dark)
}

.footer-copyright {
	border-top: 1px solid var(--accent-on-dark);
	color: #777;
	font-size: 13px;
	padding: 22px 0 26px
}

.btn {
	border-radius: 0;
	-webkit-transition: background-color .25s ease, border-color .25s ease;
	transition: background-color .25s ease, border-color .25s ease
}

.btn-primary {
	background-color: var(--color-ink);
	border-color: var(--color-ink)
}

.breadcrumb-wrap {
	margin: 18px 0 18px;
	border-bottom: 1px solid #e8e8e8
}

.container > .breadcrumb {
	margin: 18px 0 18px;
	border-bottom: 1px solid #e8e8e8
}

.breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0;
	margin: 0;
	padding: 0 0 12px;
	border-radius: 0;
	background-color: transparent;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap
}

.breadcrumb::-webkit-scrollbar {
	display: none
}

.breadcrumb > li {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-width: 0;
	color: #777;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.4;
	text-transform: uppercase
}

.breadcrumb > li + li:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 8px;
	margin: 0 12px;
	padding: 0;
	border: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 8'%3E%3Cpath d='M2 1L8 4L2 7M8 1L14 4L8 7' fill='none' stroke='%23b8b8b8' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5 4H17' fill='none' stroke='%23111' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: .78;
	-webkit-transform: none;
	transform: none
}

.breadcrumb a,
.breadcrumb__current {
	display: inline-flex;
	align-items: center;
	max-width: 360px;
	min-width: 0;
	color: #777;
	text-decoration: none
}

.breadcrumb a {
	-webkit-transition: color .2s ease;
	transition: color .2s ease
}

.breadcrumb a:focus,
.breadcrumb a:hover {
	color: var(--color-ink);
	text-decoration: none
}

.breadcrumb a:focus {
	outline: 1px solid var(--color-ink);
	outline-offset: 4px
}

.breadcrumb__current {
	color: var(--color-ink)
}

.breadcrumb > li:last-child > a {
	color: var(--color-ink)
}

.breadcrumb .fa-home {
	font-size: 0;
	line-height: inherit
}

.breadcrumb .fa-home:before {
	content: "Home";
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase
}

.breadcrumb__visual,
.breadcrumb__current {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis
}

.breadcrumb__name {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

@media (min-width: 1440px) {
	.breadcrumb-wrap,
	.container > .breadcrumb {
		margin-top: clamp(18px, calc(9.9px + .5625vw), 21.6px);
		margin-bottom: clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	.breadcrumb {
		padding-bottom: clamp(12px, calc(6.6px + .375vw), 14.4px)
	}

	.breadcrumb > li {
		font-size: clamp(11px, calc(6.05px + .34375vw), 13.2px)
	}

	.breadcrumb .fa-home:before {
		font-size: clamp(11px, calc(6.05px + .34375vw), 13.2px)
	}

	.breadcrumb > li + li:before {
		width: clamp(18px, calc(9.9px + .5625vw), 21.6px);
		height: clamp(8px, calc(4.4px + .25vw), 9.6px);
		margin-right: clamp(12px, calc(6.6px + .375vw), 14.4px);
		margin-left: clamp(12px, calc(6.6px + .375vw), 14.4px)
	}

	.breadcrumb a,
	.breadcrumb__current {
		max-width: clamp(360px, calc(198px + 11.25vw), 432px)
	}
}

#content h1 {
	margin-top: 0;
	margin-bottom: 15px;
	font-family: var(--font-display)
}

.input-group-addon, .sub-cats .sub-name {
	font-family: var(--font-body)
}

.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
	-webkit-border-radius: 0;
	border-radius: 0
}

.sub-cats {
	font-size: 14px;
	margin-top: 10px
}

#product, .price-wrap {
	margin-top: 40px
}

.sub-cats .sub-name {
	display: inline-block
}

.sub-cats a {
	font-family: var(--font-body);
	color: #333;
	text-decoration: underline;
	padding: 0 2px
}

.sub-cats a:hover {
	text-decoration: none
}

.cat-head {
	border-bottom: #EAEAEA 1px solid;
	margin-bottom: 30px
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	-webkit-border-radius: 0;
	border-radius: 0
}

.nav-tabs>li>a, .panel {
	-webkit-border-radius: 0
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: var(--color-ink);
	border-color: var(--color-ink)
}

.price-wrap .def-price, .price-wrap .spec-price {
	font-size: 36px;
	font-family: var(--font-body)
}

#product button {
	background-color: #333;
	border-color: #333;
}

#product .control-label {
	font-weight: 400;
	margin-bottom: 0;
	font-size: 14px;
	position: relative;
	bottom: -4px
}

.product-count {
	position: relative;
	top: -13px
}

#tab-description {
	padding: 30px 0
}

.nav-tabs>li>a {
	border-radius: 0
}

.product-page-image {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.product-page-image .thumbnail {
	border: none
}

.product-old-price {
	text-decoration: line-through;
	position: relative;
	bottom: -8px
}

.information-contact #content h3 {
	text-align: left;
	font-family: var(--font-display);
	margin-bottom: 10px
}

.information-contact #content address {
	margin-bottom: 0
}

.panel {
	border-radius: 0
}

#map {
	min-height: 420px;
	margin: 20px 0;
	display:none;
}

.panel-group .panel, .panel-heading {
	-webkit-border-radius: 0;
	border-radius: 0
}

.product-tabs {
	margin-bottom: 40px
}

@media only screen and (max-width:992px) {
	.sub-cats {
		margin-bottom: 15px
	}

}

@media only screen and (max-width:768px) {
	header {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1030;
		box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
	}

	.top-menu {
		position: -webkit-sticky;
		position: sticky;
		top: var(--sticky-header-height, 74px);
		z-index: 1029;
		background: #fff;
	}

	.top-menu .navbar-collapse {
		max-height: calc(100vh - var(--sticky-header-height, 74px));
		max-height: calc(100dvh - var(--sticky-header-height, 74px));
		overflow-y: auto;
	}

	.header-actions {
		gap: 2px;
	}

	.header-logo .brand-wordmark {
		font-size: 35px;
		letter-spacing: 1.5px
	}

	.header-actions #cart > .dropdown-toggle,
	.header-actions .header-account > li > a.dropdown-toggle {
		padding-right: 6px;
		padding-left: 6px;
	}

	.logo, .main-footer .nav-social {
		text-align: center
	}

	.main-footer {
		padding-top: 44px
	}

	.footer-column {
		margin-bottom: 36px
	}

	.footer-column,
	.footer-brand {
		float: none;
		width: 100%
	}

	.footer-brand {
		margin-bottom: 36px;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		padding-left: 15px
	}

	.footer-main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 32px
	}

	.main-footer .footer-logo {
		font-size: 28px
	}

	.main-footer .nav-social {
		text-align: left
	}

	#search {
		margin: 10px 0 5px
	}

	.header-phone {
		border: none
	}

	.dropdown-menu {
		left: 0
	}

	.cart-wrapper.col-sm-3 {
		padding-left: 15px
	}

	.top-menu .cart-wrapper .dropdown-menu {
		width: 100%
	}

	.logo {
		margin-bottom: 10px
	}

	.logo a, .logo a img {
		display: inline-block
	}
	
	.category-safe {
	    height: 150px;
	    overflow-y: scroll;
	}
/* For Webkit based browsers (Chrome, Safari, Opera) */
    .category-safe::-webkit-scrollbar {
        width: 10px; /* Set the width of the scrollbar */
    }
    .category-safe::-webkit-scrollbar-track {
        background: #f1f1f1; /* Set the background color of the scrollbar track */
    }
    .category-safe::-webkit-scrollbar-thumb {
        background: #888; /* Set the color of the scrollbar thumb */
    }


	.dividers {
		text-align: right;
	}
}

.line {
	width: 100%;
	margin: 0;
	padding: 5px 15px;
	background-color: var(--accent-on-dark);
	color: #000;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
}

.line .container {
	width: 100%;
}

.line .vert-line {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 18px;
}

.line .vert-line span {
	color: #000;
}

/* Header search */
.header-search {
	display: flex;
	align-items: center;
	min-height: 44px;
}

.header-search-trigger,
.header-search-submit,
.header-search-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #111;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.header-search-trigger {
	width: 44px;
	height: 44px;
}

.header-search-trigger:hover,
.header-search-trigger:focus,
.header-search-submit:hover,
.header-search-submit:focus,
.header-search-close:hover,
.header-search-close:focus {
	background-color: #f2f2f2;
	color: #000;
}

.header-search-trigger:active,
.header-search-submit:active,
.header-search-close:active {
	transform: scale(.94);
}

.header-search-icon,
.header-search-close-icon {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.header-search-overlay {
	position: fixed;
	z-index: 1040;
	inset: 0;
	background: rgba(0, 0, 0, .68);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .32s ease, visibility 0s linear .32s;
}

.header-search-panel {
	position: fixed;
	z-index: 1051;
	top: var(--header-search-panel-top, 0);
	right: 0;
	left: 0;
	padding: 18px clamp(18px, 4vw, 64px);
	background: #fff;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .14);
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, -110%, 0);
	pointer-events: none;
	transition: transform .38s cubic-bezier(.22, 1, .36, 1), opacity .24s ease, visibility 0s linear .38s;
}

.header-search-panel-inner {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

.header-search-panel #search {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	width: auto;
	margin: 0;
	font-family: var(--font-body);
}

.header-search-submit {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	margin-right: 8px;
}

.header-search-panel #search input[name="search"] {
	flex: 1 1 auto;
	width: 100%;
	height: 54px;
	padding: 0 12px;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	outline: 0;
	background: transparent;
	box-shadow: none;
	color: #111;
	font-family: var(--font-body);
	font-size: clamp(20px, 2.3vw, 34px);
	font-style: normal;
	font-weight: 400;
	letter-spacing: .04em;
	text-transform: uppercase;
	transition: border-color .2s ease;
}

.header-search-panel #search input[name="search"]:focus {
	border-bottom-color: #111;
}

.header-search-panel #search input[name="search"]::placeholder {
	color: #999;
	opacity: 1;
}

.header-search-close {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	margin-left: 18px;
}

.header-search-close-icon {
	width: 27px;
	height: 27px;
}

body.header-search-open {
	overflow: hidden;
}

body.header-search-open header {
	position: relative;
	z-index: 1052;
}

body.header-search-open .header-search-overlay {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

body.header-search-open .header-search-panel {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	pointer-events: auto;
	transition-delay: 0s;
}

@media only screen and (max-width: 768px) {
	.header-search {
		min-height: 40px;
	}

	.header-search-trigger {
		width: 40px;
		height: 40px;
	}

	.header-search-panel {
		padding: 12px 10px;
	}

	.header-search-submit,
	.header-search-close {
		flex-basis: 42px;
		width: 42px;
		height: 42px;
	}

	.header-search-submit {
		margin-right: 2px;
	}

	.header-search-close {
		margin-left: 6px;
	}

	.header-search-panel #search input[name="search"] {
		height: 48px;
		padding: 0 6px;
		font-size: 19px;
		letter-spacing: .02em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.header-search-overlay,
	.header-search-panel,
	.menu-toggle-icon > span {
		transition-duration: .01ms;
	}
}

/* Clean top navigation */
#top.top-menu {
	margin: 0;
	padding: 0;
	border: 0;
	background: #000
}

#top.top-menu .navbar {
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #000
}

#top.top-menu .navbar-collapse {
	padding: 0;
	border: 0;
	box-shadow: none
}

#top.top-menu .navbar-nav {
	margin: 0;
	padding-left: 0;
	padding-right: 0
}

#top.top-menu .navbar-nav > li {
	margin: 0;
	padding: 0
}

#top.top-menu .navbar-nav > li > a {
	margin: 0;
	padding: 12px 15px;
	border: 0;
	background: transparent;
	color: #fff;
	font-family: var(--font-display);
	font-size: 16px;
	font-stretch: expanded;
	font-variation-settings: "wdth" 125, "wght" 400;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none
}

#top.top-menu .navbar-nav > li > a:hover,
#top.top-menu .navbar-nav > li > a:focus,
#top.top-menu .navbar-nav > li > a:active {
	border: 0;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	text-decoration: none
}

@media only screen and (min-width: 768px) {
	#top.top-menu {
		padding: 12px 0
	}

	#top.top-menu .navbar-header {
		position: absolute;
		float: none
	}

	#top.top-menu .navbar-collapse {
		display: flex !important;
		width: 100%;
		justify-content: center
	}

	#top.top-menu .navbar-nav {
		display: flex;
		float: none;
		padding-left: 0
	}

	#top.top-menu .navbar-nav > li > a {
		position: relative;
		background: transparent;
		transition: color .22s ease
	}

	#top.top-menu .navbar-nav > li > a::after {
		content: "";
		position: absolute;
		right: 15px;
		bottom: 5px;
		left: 15px;
		height: 2px;
		border-radius: 2px;
		background: var(--accent-on-dark);
		transform: scaleX(0);
		transform-origin: center;
		transition: transform .22s cubic-bezier(.2, .8, .2, 1)
	}

	#top.top-menu .navbar-nav > li > a:hover,
	#top.top-menu .navbar-nav > li > a:focus,
	#top.top-menu .navbar-nav > li > a:active {
		background: transparent
	}

	#top.top-menu .navbar-nav > li > a:hover::after,
	#top.top-menu .navbar-nav > li > a:focus::after,
	#top.top-menu .navbar-nav > li > a:active::after {
		transform: scaleX(1)
	}

	#top.top-menu .navbar-nav > li.active > a,
	#top.top-menu .navbar-nav > li > a[aria-current="page"] {
		background: transparent
	}

	#top.top-menu .navbar-nav > li.active > a::after,
	#top.top-menu .navbar-nav > li > a[aria-current="page"]::after {
		height: 3px;
		transform: scaleX(1)
	}
}

@media only screen and (max-width: 767px) {
	header {
		padding: 16px 0
	}

	#top.top-menu .navbar-nav > li > a {
		position: relative;
		overflow: hidden;
		transition: background-color .18s ease, color .18s ease, transform .18s ease
	}

	#top.top-menu .navbar-nav > li > a::before {
		content: "";
		position: absolute;
		top: 8px;
		bottom: 8px;
		left: 0;
		width: 3px;
		border-radius: 0 2px 2px 0;
		background: var(--accent-on-dark);
		transform: scaleY(0);
		transition: transform .18s ease
	}

	#top.top-menu .navbar-nav > li > a:hover,
	#top.top-menu .navbar-nav > li > a:focus,
	#top.top-menu .navbar-nav > li > a:active {
		background: transparent;
		background: color-mix(in srgb, var(--accent-on-dark) 10%, transparent);
		color: #fff;
		transform: translateX(6px)
	}

	#top.top-menu .navbar-nav > li > a:hover::before,
	#top.top-menu .navbar-nav > li > a:focus::before,
	#top.top-menu .navbar-nav > li > a:active::before {
		transform: scaleY(1)
	}

	#top.top-menu .navbar-nav > li.active > a,
	#top.top-menu .navbar-nav > li > a[aria-current="page"] {
		background: transparent;
		background: color-mix(in srgb, var(--accent-on-dark) 18%, transparent);
		color: #fff;
		font-weight: 600;
		transform: translateX(6px)
	}

	#top.top-menu .navbar-nav > li.active > a::before,
	#top.top-menu .navbar-nav > li > a[aria-current="page"]::before {
		transform: scaleY(1)
	}

	#top.top-menu .navbar-collapse[aria-expanded="true"] .navbar-nav > li {
		animation: mobile-menu-item-in .22s both
	}
}

@media only screen and (max-width: 480px) {
	.header-actions {
		gap: 0
	}

	.header-logo .brand-wordmark {
		font-size: 32px;
		letter-spacing: 1px
	}

	.header-search-trigger,
	.header-actions #cart > .dropdown-toggle,
	.header-actions .header-account > li > a.dropdown-toggle {
		width: 44px;
		min-width: 44px;
		min-height: 44px;
		padding-right: 8px;
		padding-left: 8px
	}

	.header-search-trigger {
		height: 44px
	}

	.header-search-icon,
	.header-actions #cart > .dropdown-toggle::before,
	.header-actions .header-account > li > a.dropdown-toggle::before {
		width: 22px;
		height: 22px
	}
}

@media only screen and (max-width: 375px) {
	.header-logo .brand-wordmark {
		font-size: calc(18.1818vw - 36.1818px);
		letter-spacing: .5px
	}
}

@keyframes mobile-menu-item-in {
	from {
		opacity: 0;
		transform: translateY(8px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

/* Wider content containers for modern desktop viewports. */
@media (min-width: 1440px) {
	.container {
		width: 1320px
	}

	.featured-block {
		margin-top: clamp(60px, calc(33px + 1.875vw), 72px)
	}

	.common-home #content .featured-block__title {
		margin-bottom: clamp(12px, calc(6.6px + .375vw), 14.4px);
		font-size: clamp(32px, calc(17.6px + 1vw), 38.4px)
	}

	.featured-block__subtitle {
		max-width: clamp(760px, calc(418px + 23.75vw), 912px);
		font-size: clamp(16px, calc(8.8px + .5vw), 19.2px)
	}

	.featured-block__products {
		gap: clamp(30px, calc(16.5px + .9375vw), 36px)
	}

	.featured-card__title,
	.featured-card__title a {
		font-size: clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	.featured-card__price {
		font-size: clamp(14px, calc(7.7px + .4375vw), 16.8px)
	}

	.featured-card__cart {
		min-height: var(--ui-button-height);
		padding-right: clamp(18px, calc(9.9px + .5625vw), 21.6px);
		padding-left: clamp(18px, calc(9.9px + .5625vw), 21.6px);
		font-size: clamp(14px, calc(7.7px + .4375vw), 16.8px)
	}

	.featured-card__cart-arrow {
		font-size: clamp(20px, calc(11px + .625vw), 24px)
	}
}

@media (min-width: 1600px) {
	.container {
		width: 1480px
	}
}

@media (min-width: 1920px) {
	.container {
		width: 1680px
	}
}

/* Wide-screen scaling: footer, header and headings.
 * Generated with wide-scale($size): 100% at 1440px, 120% from 2080px. */
@media (min-width: 1440px) {
	#cart .mini-cart {
		width: clamp(420px, calc(231px + 13.125vw), 504px);
		max-height: calc(100vh - clamp(100px, calc(55px + 3.125vw), 120px))
	}

	#cart .mini-cart__header {
		padding: clamp(24px, calc(13.2px + .75vw), 28.8px) clamp(26px, calc(14.3px + .8125vw), 31.2px) clamp(20px, calc(11px + .625vw), 24px)
	}

	#cart .mini-cart__items {
		padding-right: clamp(26px, calc(14.3px + .8125vw), 31.2px);
		padding-left: clamp(26px, calc(14.3px + .8125vw), 31.2px)
	}

	#cart .mini-cart__item {
		grid-template-columns: clamp(82px, calc(45.1px + 2.5625vw), 98.4px) minmax(0, 1fr) clamp(24px, calc(13.2px + .75vw), 28.8px);
		gap: clamp(16px, calc(8.8px + .5vw), 19.2px);
		padding-top: clamp(22px, calc(12.1px + .6875vw), 26.4px);
		padding-bottom: clamp(22px, calc(12.1px + .6875vw), 26.4px)
	}

	#cart .mini-cart__image,
	#cart .mini-cart__voucher-mark {
		width: clamp(82px, calc(45.1px + 2.5625vw), 98.4px);
		height: clamp(104px, calc(57.2px + 3.25vw), 124.8px)
	}

	#cart .mini-cart__footer {
		padding: clamp(20px, calc(11px + .625vw), 24px) clamp(26px, calc(14.3px + .8125vw), 31.2px) clamp(24px, calc(13.2px + .75vw), 28.8px)
	}

	.header-account .account-menu {
		width: clamp(320px, calc(176px + 10vw), 384px);
		margin-top: clamp(14px, calc(7.7px + .4375vw), 16.8px)
	}

	.header-account .account-menu__header {
		padding: clamp(24px, calc(13.2px + .75vw), 28.8px) clamp(26px, calc(14.3px + .8125vw), 31.2px) clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	.header-account .account-menu__intro {
		padding: clamp(20px, calc(11px + .625vw), 24px) clamp(26px, calc(14.3px + .8125vw), 31.2px) clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	.header-account .account-menu__button {
		width: calc(100% - clamp(52px, calc(28.6px + 1.625vw), 62.4px));
		margin-right: clamp(26px, calc(14.3px + .8125vw), 31.2px);
		margin-bottom: clamp(14px, calc(7.7px + .4375vw), 16.8px);
		margin-left: clamp(26px, calc(14.3px + .8125vw), 31.2px)
	}

	.header-account .account-menu__link {
		padding: clamp(16px, calc(8.8px + .5vw), 19.2px) clamp(26px, calc(14.3px + .8125vw), 31.2px)
	}

	.header-account .account-menu__divider {
		margin-right: clamp(26px, calc(14.3px + .8125vw), 31.2px);
		margin-left: clamp(26px, calc(14.3px + .8125vw), 31.2px)
	}

	.main-footer {
		margin-top: clamp(60px, calc(33px + 1.875vw), 72px);
		padding-top: clamp(64px, calc(35.2px + 2vw), 76.8px)
	}

	.footer-main {
		padding-bottom: clamp(52px, calc(28.6px + 1.625vw), 62.4px)
	}

	.footer-title {
		font-size: clamp(13px, calc(7.15px + .40625vw), 15.6px);
		letter-spacing: clamp(1.5px, calc(.825px + .046875vw), 1.8px);
		margin-bottom: clamp(22px, calc(12.1px + .6875vw), 26.4px)
	}

	.footer-links li {
		margin-bottom: clamp(12px, calc(6.6px + .375vw), 14.4px)
	}

	.footer-links a {
		font-size: clamp(14px, calc(7.7px + .4375vw), 16.8px)
	}

	.footer-brand {
		padding-left: clamp(50px, calc(27.5px + 1.5625vw), 60px)
	}

	.main-footer .footer-logo {
		font-size: clamp(47px, calc(25.85px + 1.46875vw), 56.4px);
		letter-spacing: clamp(2px, calc(1.1px + .0625vw), 2.4px);
		margin-bottom: clamp(24px, calc(13.2px + .75vw), 28.8px)
	}

	.footer-offer {
		font-size: clamp(20px, calc(11px + .625vw), 24px);
		margin-bottom: clamp(10px, calc(5.5px + .3125vw), 12px)
	}

	.footer-description {
		font-size: clamp(14px, calc(7.7px + .4375vw), 16.8px);
		max-width: clamp(520px, calc(286px + 16.25vw), 624px)
	}

	.nav-social {
		padding-top: clamp(24px, calc(13.2px + .75vw), 28.8px)
	}

	.nav-social li a {
		font-size: clamp(20px, calc(11px + .625vw), 24px);
		padding-right: clamp(14px, calc(7.7px + .4375vw), 16.8px)
	}

	.footer-copyright {
		font-size: clamp(13px, calc(7.15px + .40625vw), 15.6px);
		padding: clamp(22px, calc(12.1px + .6875vw), 26.4px) 0 clamp(26px, calc(14.3px + .8125vw), 31.2px)
	}

	header {
		padding-top: clamp(16px, calc(8.8px + .5vw), 19.2px)
	}

	header .header-actions {
		gap: clamp(8px, calc(4.4px + .25vw), 9.6px);
		min-height: clamp(44px, calc(24.2px + 1.375vw), 52.8px)
	}

	header .header-actions .header-menu-toggle,
	header .header-actions .header-search-trigger,
	header .header-actions #cart > .dropdown-toggle,
	header .header-actions .header-account > li > a.dropdown-toggle {
		width: clamp(44px, calc(24.2px + 1.375vw), 52.8px);
		min-width: clamp(44px, calc(24.2px + 1.375vw), 52.8px);
		height: clamp(44px, calc(24.2px + 1.375vw), 52.8px);
		min-height: clamp(44px, calc(24.2px + 1.375vw), 52.8px);
		padding-right: clamp(8px, calc(4.4px + .25vw), 9.6px);
		padding-left: clamp(8px, calc(4.4px + .25vw), 9.6px)
	}

	header .header-actions #cart > .dropdown-toggle::before,
	header .header-actions .header-account > li > a.dropdown-toggle::before {
		width: clamp(28px, calc(15.4px + .875vw), 33.6px);
		height: clamp(28px, calc(15.4px + .875vw), 33.6px)
	}

	header .header-actions #cart > .dropdown-toggle.has-cart-items::after {
		top: clamp(1px, calc(.55px + .03125vw), 1.2px);
		min-width: clamp(17px, calc(9.35px + .53125vw), 20.4px);
		height: clamp(17px, calc(9.35px + .53125vw), 20.4px);
		padding-right: clamp(4px, calc(2.2px + .125vw), 4.8px);
		padding-left: clamp(4px, calc(2.2px + .125vw), 4.8px);
		border-width: clamp(2px, calc(1.1px + .0625vw), 2.4px);
		border-radius: clamp(10px, calc(5.5px + .3125vw), 12px);
		font-size: clamp(10px, calc(5.5px + .3125vw), 12px);
		line-height: clamp(13px, calc(7.15px + .40625vw), 15.6px)
	}

	header .header-actions .header-menu-toggle:focus,
	header .header-actions .header-search-trigger:focus,
	header .header-actions #cart > .dropdown-toggle:focus,
	header .header-actions .header-account > li > a.dropdown-toggle:focus {
		box-shadow: 0 0 0 clamp(2px, calc(1.1px + .0625vw), 2.4px) #000, 0 0 0 clamp(4px, calc(2.2px + .125vw), 4.8px) var(--accent-on-dark)
	}

	header .header-logo {
		height: clamp(44px, calc(24.2px + 1.375vw), 52.8px)
	}

	header .header-logo .brand-wordmark {
		height: clamp(44px, calc(24.2px + 1.375vw), 52.8px);
		font-size: clamp(47px, calc(25.85px + 1.46875vw), 56.4px);
		letter-spacing: clamp(2px, calc(1.1px + .0625vw), 2.4px)
	}

	header .menu-toggle-icon {
		width: clamp(24px, calc(13.2px + .75vw), 28.8px);
		height: clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	header .menu-toggle-icon > span {
		height: clamp(2px, calc(1.1px + .0625vw), 2.4px);
		border-radius: clamp(2px, calc(1.1px + .0625vw), 2.4px)
	}

	header .menu-toggle-icon > span:nth-child(2) {
		top: clamp(8px, calc(4.4px + .25vw), 9.6px)
	}

	header .menu-toggle-icon > span:nth-child(3) {
		top: clamp(16px, calc(8.8px + .5vw), 19.2px)
	}

	header .header-menu-toggle[aria-expanded="true"] .menu-toggle-icon > span:nth-child(1),
	header .header-menu-toggle[aria-expanded="true"] .menu-toggle-icon > span:nth-child(3) {
		top: clamp(8px, calc(4.4px + .25vw), 9.6px)
	}

	header .header-search {
		min-height: clamp(44px, calc(24.2px + 1.375vw), 52.8px)
	}

	header .header-search-icon {
		width: clamp(25px, calc(13.75px + .78125vw), 30px);
		height: clamp(25px, calc(13.75px + .78125vw), 30px)
	}

	header .header-search-panel {
		padding: clamp(18px, calc(9.9px + .5625vw), 21.6px) clamp(64px, calc(35.2px + 2vw), 76.8px)
	}

	header .header-search-panel-inner {
		max-width: clamp(1600px, calc(880px + 50vw), 1920px)
	}

	header .header-search-submit,
	header .header-search-close {
		flex-basis: clamp(48px, calc(26.4px + 1.5vw), 57.6px);
		width: clamp(48px, calc(26.4px + 1.5vw), 57.6px);
		height: clamp(48px, calc(26.4px + 1.5vw), 57.6px)
	}

	header .header-search-submit {
		margin-right: clamp(8px, calc(4.4px + .25vw), 9.6px)
	}

	header .header-search-panel #search input[name="search"] {
		height: clamp(54px, calc(29.7px + 1.6875vw), 64.8px);
		padding-right: clamp(12px, calc(6.6px + .375vw), 14.4px);
		padding-left: clamp(12px, calc(6.6px + .375vw), 14.4px);
		font-size: clamp(34px, calc(18.7px + 1.0625vw), 40.8px)
	}

	header .header-search-close {
		margin-left: clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	header .header-search-close-icon {
		width: clamp(27px, calc(14.85px + .84375vw), 32.4px);
		height: clamp(27px, calc(14.85px + .84375vw), 32.4px)
	}

	header .dropdown-menu {
		margin-top: clamp(8px, calc(4.4px + .25vw), 9.6px);
		right: clamp(-12px, calc(-5.5px - .3125vw), -10px)
	}

	header .dropdown-menu > li > a {
		padding: clamp(5px, calc(2.75px + .15625vw), 6px) clamp(20px, calc(11px + .625vw), 24px)
	}

	.line {
		padding: clamp(5px, calc(2.75px + .15625vw), 6px) clamp(15px, calc(8.25px + .46875vw), 18px);
		font-size: clamp(13px, calc(7.15px + .40625vw), 15.6px)
	}

	.line .vert-line {
		min-height: clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	#top.top-menu {
		padding: clamp(12px, calc(6.6px + .375vw), 14.4px) 0
	}

	#top.top-menu .navbar-nav > li > a {
		padding: clamp(12px, calc(6.6px + .375vw), 14.4px) clamp(15px, calc(8.25px + .46875vw), 18px);
		font-size: clamp(16px, calc(8.8px + .5vw), 19.2px)
	}

	#top.top-menu .navbar-nav > li > a::after {
		right: clamp(15px, calc(8.25px + .46875vw), 18px);
		bottom: clamp(5px, calc(2.75px + .15625vw), 6px);
		left: clamp(15px, calc(8.25px + .46875vw), 18px);
		height: clamp(2px, calc(1.1px + .0625vw), 2.4px);
		border-radius: clamp(2px, calc(1.1px + .0625vw), 2.4px)
	}

	h1 {
		font-size: clamp(36px, calc(19.8px + 1.125vw), 43.2px)
	}

	h2 {
		font-size: clamp(30px, calc(16.5px + .9375vw), 36px)
	}

	h3 {
		font-size: clamp(24px, calc(13.2px + .75vw), 28.8px)
	}

	h4 {
		font-size: clamp(18px, calc(9.9px + .5625vw), 21.6px)
	}

	h5 {
		font-size: clamp(14px, calc(7.7px + .4375vw), 16.8px)
	}

	h6 {
		font-size: clamp(12px, calc(6.6px + .375vw), 14.4px)
	}

	#content h3 {
		font-size: clamp(30px, calc(16.5px + .9375vw), 36px)
	}

	.common-home #content h3 {
		font-size: clamp(32px, calc(17.6px + 1vw), 38.4px)
	}

	.product-layout h4 a {
		font-size: clamp(22px, calc(12.1px + .6875vw), 26.4px)
	}

	.product-popup h2 {
		font-size: clamp(28px, calc(15.4px + .875vw), 33.6px)
	}
}

/* Shared storefront wordmark: preserve the gold artwork and its framed proportions. */
.brand-logo-image {
	display: block;
	width: 100%;
	height: auto
}

.header-logo .brand-wordmark {
	width: auto
}

header .header-actions,
header .header-logo,
header .header-logo .brand-wordmark {
	min-height: 80px;
	height: 80px
}

.header-logo .brand-logo-image {
	width: 246px;
	height: auto
}

.main-footer .footer-logo {
	width: min(100%, 360px)
}

@media only screen and (max-width: 767px) {
	header .header-actions,
	header .header-logo,
	header .header-logo .brand-wordmark {
		min-height: 50px;
		height: 50px
	}

	.header-logo .brand-logo-image {
		width: 152px
	}

	.main-footer .footer-logo {
		width: min(100%, 280px)
	}
}

@media only screen and (max-width: 480px) {
	.header-actions {
		margin-right: -8px;
		margin-left: -8px
	}

	.header-logo {
		margin-left: 0
	}

	.header-search-trigger,
	.header-actions #cart > .dropdown-toggle,
	.header-actions .header-account > li > a.dropdown-toggle {
		width: 36px;
		min-width: 36px;
		padding-right: 5px;
		padding-left: 5px
	}
}

@media only screen and (max-width: 400px) {
	.header-actions {
		margin-right: -15px;
		margin-left: -15px
	}

	.header-logo .brand-logo-image {
		width: 136px
	}
}

@media only screen and (max-width: 375px) {
	.header-search-trigger,
	.header-actions #cart > .dropdown-toggle,
	.header-actions .header-account > li > a.dropdown-toggle {
		width: 34px;
		min-width: 34px;
		padding-right: 4px;
		padding-left: 4px
	}
}

@media only screen and (max-width: 360px) {
	.header-logo .brand-logo-image {
		width: 127px
	}
}

@media only screen and (max-width: 340px) {
	.header-logo .brand-logo-image {
		width: 108px
	}
}

@media (prefers-reduced-motion: reduce) {
	.common-home #content .featured-card__title a,
	.ui-button,
	.ui-button::before,
	.ui-button > .ui-button__arrow {
		transition: none
	}

	#top.top-menu .navbar-nav > li,
	#top.top-menu .navbar-nav > li > a,
	#top.top-menu .navbar-nav > li > a::before,
	#top.top-menu .navbar-nav > li > a::after {
		animation: none !important;
		transition: none !important
	}
}

/* Bootstrap visual reset: keep Bootstrap layout, replace its default skin. */
body,
button,
input,
select,
textarea {
	font-family: var(--font-body);
}

a {
	color: var(--color-text);
}

a:hover,
a:focus {
	color: var(--color-black);
	text-decoration: underline;
}

.icon {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	color: inherit;
	fill: currentColor;
	stroke: none;
	vertical-align: -.125em;
	overflow: visible;
	opacity: 1;
}

.icon path,
.icon circle,
.icon rect,
.icon line,
.icon polyline,
.icon polygon {
	vector-effect: non-scaling-stroke;
}

.icon path {
	fill: currentColor;
}

.icon [fill="none"] {
	fill: none;
}

.icon [stroke] {
	stroke: currentColor;
}

svg.icon {
	max-width: none;
	max-height: none;
	visibility: visible;
}

button .icon,
a .icon {
	pointer-events: none;
}

.btn .icon,
.product-layout button .icon {
	width: 1.15em;
	height: 1.15em;
	margin-right: .35em;
	vertical-align: -.15em;
}

.btn .icon:only-child,
.product-layout button .icon:only-child,
.ui-button > .icon {
	margin-right: 0;
}

.alert .icon {
	margin-right: 6px;
}

.icon--close,
.icon--arrow-right,
.icon--chevron-down,
.icon--chevron-left,
.icon--chevron-right {
	width: 1.15em;
	height: 1.15em;
}

.rating .icon {
	width: 1.15em;
	height: 1.15em;
}

.fa:not(.fa-stack) {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	-webkit-mask: var(--fa-icon) center / contain no-repeat;
	mask: var(--fa-icon) center / contain no-repeat;
	font-size: inherit;
	line-height: 1;
	vertical-align: -.125em;
}

.fa-bars { --fa-icon: url("../image/icons/bars.svg"); }
.fa-calendar { --fa-icon: url("../image/icons/calendar.svg"); }
.fa-caret-down { --fa-icon: url("../image/icons/chevron-down.svg"); }
.fa-check-circle { --fa-icon: url("../image/icons/check-circle.svg"); }
.fa-chevron-left { --fa-icon: url("../image/icons/chevron-left.svg"); }
.fa-chevron-right { --fa-icon: url("../image/icons/chevron-right.svg"); }
.fa-circle-o-notch { --fa-icon: url("../image/icons/circle-notch.svg"); }
.fa-close,
.fa-times { --fa-icon: url("../image/icons/close.svg"); }
.fa-cloud-download { --fa-icon: url("../image/icons/download.svg"); }
.fa-exchange { --fa-icon: url("../image/icons/compare.svg"); }
.fa-exclamation-circle { --fa-icon: url("../image/icons/exclamation-circle.svg"); }
.fa-eye { --fa-icon: url("../image/icons/eye.svg"); }
.fa-heart { --fa-icon: url("../image/icons/heart.svg"); }
.fa-home { --fa-icon: url("../image/icons/home.svg"); }
.fa-info-circle { --fa-icon: url("../image/icons/info.svg"); }
.fa-map-marker { --fa-icon: url("../image/icons/map-pin.svg"); }
.fa-pencil { --fa-icon: url("../image/icons/pencil.svg"); }
.fa-phone { --fa-icon: url("../image/icons/phone.svg"); }
.fa-refresh { --fa-icon: url("../image/icons/refresh.svg"); }
.fa-reply { --fa-icon: url("../image/icons/reply.svg"); }
.fa-save { --fa-icon: url("../image/icons/save.svg"); }
.fa-search { --fa-icon: url("../image/icons/search.svg"); }
.fa-share { --fa-icon: url("../image/icons/share.svg"); }
.fa-shopping-cart { --fa-icon: url("../image/icons/cart.svg"); }
.fa-star { --fa-icon: url("../image/icons/star.svg"); }
.fa-star-o { --fa-icon: url("../image/icons/star-outline.svg"); }
.fa-th { --fa-icon: url("../image/icons/grid.svg"); }
.fa-th-list { --fa-icon: url("../image/icons/list.svg"); }
.fa-times-circle { --fa-icon: url("../image/icons/times-circle.svg"); }
.fa-upload { --fa-icon: url("../image/icons/upload.svg"); }
.fa-user { --fa-icon: url("../image/icons/user.svg"); }

.fa-spin {
	animation: icon-spin 1s linear infinite;
}

@keyframes icon-spin {
	to {
		transform: rotate(360deg);
	}
}

.btn,
.form-control,
.input-group-addon,
.dropdown-menu,
.panel,
.panel-heading,
.alert,
.pagination > li > a,
.pagination > li > span,
.list-group-item,
.thumbnail,
.nav-tabs > li > a {
	border-radius: 0;
}

.btn {
	border-color: var(--color-ink);
	background: var(--color-ink);
	color: var(--color-white);
	font-weight: 500;
	letter-spacing: 0;
	text-shadow: none;
	box-shadow: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
	border-color: var(--action-dark-hover);
	background: var(--action-dark-hover);
	color: var(--action-dark-text);
	outline: 0;
	box-shadow: none;
}

.btn:active,
.btn.active {
	border-color: var(--action-dark-active);
	background: var(--action-dark-active);
}

/* Keep both focus-ring colours outside buttons despite legacy focus resets. */
.btn:focus-visible,
.btn:active:focus-visible,
.btn.active:focus-visible {
	outline-offset: 3px;
	box-shadow: 0 0 0 3px var(--focus-on-dark);
}

.btn-primary,
.btn-default,
.btn-info {
	border-color: var(--color-ink);
	background: var(--color-ink);
	color: var(--color-white);
}

.btn-danger {
	border-color: var(--state-danger);
	background: var(--state-danger);
	color: var(--color-white);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
	border-color: var(--state-danger);
	background: var(--state-danger);
	color: var(--color-white);
}

.form-control {
	border-color: var(--color-border);
	background: var(--color-white);
	color: var(--color-text);
	font-weight: 400;
	box-shadow: none;
}

.form-control:focus {
	border-color: var(--color-ink);
	box-shadow: none;
}

.input-group-addon {
	border-color: var(--color-border);
	background: var(--color-surface);
	color: var(--color-text);
	font-weight: 600;
}

.dropdown-menu {
	border: 1px solid var(--color-border);
	background: var(--color-white);
	box-shadow: 0 16px 36px rgba(0, 0, 0, .14);
}

.dropdown-menu > li > a {
	color: var(--color-text);
	font-weight: 400;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background: var(--color-ink);
	color: var(--color-white);
}

.panel,
.thumbnail,
.list-group-item {
	border-color: var(--color-border);
	box-shadow: none;
}

.panel-heading {
	border-color: var(--color-border);
	background: var(--color-surface);
	color: var(--color-text);
}

.alert {
	border-color: var(--color-border);
	background: var(--color-surface);
	color: var(--color-text);
	text-shadow: none;
}

.alert-success {
	border-color: var(--accent-on-light);
	background: var(--color-surface);
	color: var(--color-black);
}

.alert-success a,
.alert-success .alert-link {
	color: inherit;
	text-decoration: underline;
}

.alert-success .close {
	color: inherit;
	opacity: .7;
}

.alert-success .close:hover,
.alert-success .close:focus {
	opacity: 1;
}

.alert-danger {
	border-color: var(--state-danger);
	background: var(--state-danger);
	color: var(--color-white);
}

.alert-info,
.alert-warning {
	border-color: var(--color-border);
	background: var(--color-surface);
	color: var(--color-text);
}

.pagination > li > a,
.pagination > li > span {
	border-color: var(--color-border);
	color: var(--color-text);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	border-color: var(--color-ink);
	background: var(--color-ink);
	color: var(--color-white);
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
	border-color: var(--color-ink);
	background: var(--color-ink);
	color: var(--color-white);
}

.price-wrap .def-price,
.price-wrap .spec-price,
.product-layout .price {
	font-weight: 300;
}

.input-group-addon,
.sub-cats .sub-name,
#column-left > div > blockquote ul li > span {
	font-weight: 600;
}

/* Cart page refresh */
.cart-page-table-wrap {
	margin-top: 22px;
}

.cart-page-table {
	margin-bottom: 0;
	background: var(--color-white);
}

.cart-page-table > thead > tr > td {
	padding: 14px 16px;
	border-bottom-width: 1px;
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	vertical-align: middle;
}

.cart-page-table > tbody > tr > td {
	padding: 18px 16px;
	vertical-align: middle;
}

.cart-page-table__product {
	width: 52%;
}

.cart-page-table__quantity {
	width: 210px;
}

.cart-page-table__price,
.cart-page-table__total {
	width: 14%;
	white-space: nowrap;
}

.cart-product {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 280px;
}

.cart-product__image {
	display: flex;
	flex: 0 0 112px;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 142px;
	border: 1px solid var(--color-border);
	background: var(--color-surface);
	overflow: hidden;
}

.cart-product__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cart-product__details {
	min-width: 0;
}

.cart-product__name {
	display: inline-block;
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: 21px;
	line-height: 1.15;
	text-decoration: none;
}

.cart-product__name:hover,
.cart-product__name:focus {
	color: var(--color-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.cart-product__options {
	display: grid;
	gap: 3px;
	margin-top: 9px;
	color: var(--color-text);
}

.cart-product__options small,
.cart-product__meta {
	display: block;
	font-size: 13px;
	line-height: 1.4;
}

.cart-quantity-control {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: 178px;
	max-width: 100%;
}

.cart-quantity-stepper {
	display: inline-grid;
	grid-template-columns: 40px 42px 40px;
	align-items: center;
	min-height: 40px;
	border: 1px solid var(--color-ink);
	background: var(--color-white);
	color: var(--color-ink);
	overflow: hidden;
}

.cart-quantity-stepper--static {
	grid-template-columns: 42px;
	border-color: var(--color-border);
}

.cart-quantity-stepper__button,
.cart-quantity-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	transition: border-color .2s ease, opacity .2s ease;
}

.cart-quantity-stepper__button:hover,
.cart-quantity-stepper__button:focus {
	background: var(--action-dark);
	color: var(--action-dark-text);
	outline: none;
}

.cart-quantity-stepper__button:disabled {
	cursor: default;
	opacity: .28;
}

.cart-quantity-stepper__button:disabled:hover,
.cart-quantity-stepper__button:disabled:focus {
	background: transparent;
	color: var(--color-ink);
}

.cart-quantity-stepper__value {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 40px;
	border-right: 1px solid var(--color-ink);
	border-left: 1px solid var(--color-ink);
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
}

.cart-quantity-stepper--static .cart-quantity-stepper__value {
	border: 0;
	color: var(--color-text);
}

.cart-quantity-remove {
	flex: 0 0 40px;
	border: 1px solid var(--color-border);
	font-size: 14px;
}

.cart-quantity-remove:hover,
.cart-quantity-remove:focus {
	border-color: #b33a2f;
	background: #b33a2f;
	color: var(--color-white);
	outline: none;
}

/* Product page refresh */
.product-hero {
	display: grid;
	grid-template-columns: minmax(0, 52%) minmax(360px, 48%);
	column-gap: 0;
	align-items: flex-start;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 52px;
	margin-left: 0;
}

.product-hero > .product-summary {
	position: sticky;
	top: 18px;
	float: none;
	width: auto;
	padding-right: 48px;
}

.product-hero > .product-gallery {
	float: none;
	width: auto;
}

.product-detail-row {
	margin-top: 56px;
}

.product-brand {
	margin-bottom: 10px;
	color: var(--color-muted);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.product-brand a {
	color: inherit;
}

.product-title {
	margin-top: 0;
	margin-bottom: 18px;
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: 48px;
	line-height: 1.04;
	font-weight: 400;
}

.product-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin-bottom: 18px;
	color: var(--color-muted);
	font-size: 14px;
}

.product-meta strong {
	color: var(--color-text);
	font-weight: 500;
}

.product-rating {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--color-text);
	font-size: 14px;
	text-align: left;
}

.product-rating:hover,
.product-rating:focus {
	color: var(--color-ink);
	text-decoration: underline;
	outline: 0;
}

.product-rating__stars {
	display: inline-flex;
	gap: 2px;
	color: var(--accent-on-light);
}

.product-summary .price-wrap {
	margin-top: 20px;
	margin-bottom: 30px;
}

.product-summary .price-wrap .def-price,
.product-summary .price-wrap .spec-price {
	font-size: 42px;
	line-height: 1;
	color: var(--color-ink);
}

.product-options-title {
	margin: 0 0 16px;
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 600;
}

#product .product-option {
	margin-bottom: 22px;
}

#product .product-option .control-label,
.product-purchase__label {
	display: block;
	margin-bottom: 9px;
	color: var(--color-ink);
	font-size: 13px;
	font-weight: 600;
	position: static;
}

.product-option-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.product-option-choice.radio,
.product-option-choice.checkbox {
	margin: 0;
}

.product-option-pill {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	width: 100%;
	margin: 0;
	padding: 13px 14px;
	border: 1px solid var(--color-border);
	background: var(--color-white);
	color: var(--color-text);
	cursor: pointer;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.product-option-pill:hover,
.product-option-pill:focus-within {
	border-color: var(--color-ink);
}

.product-option-pill input[type="radio"],
.product-option-pill input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.product-option-pill:has(input:checked),
.product-option-pill.is-selected {
	border-color: var(--color-ink);
	background: var(--color-ink);
	color: var(--color-white);
}

.product-option-pill__name {
	font-weight: 500;
}

.product-option-pill__price {
	margin-left: 12px;
	color: inherit;
	font-size: 13px;
	opacity: .72;
}

.product-purchase {
	margin-top: 30px;
	margin-bottom: 16px;
}

.product-purchase__row {
	display: grid;
	grid-template-columns: 142px minmax(0, 1fr);
	gap: 12px;
	align-items: stretch;
}

.quantity-stepper {
	display: grid;
	grid-template-columns: 40px 1fr 40px;
	min-height: 54px;
	border: 1px solid var(--color-border);
	background: var(--color-white);
}

#product .quantity-stepper__button {
	border: 0;
	background: var(--color-surface);
	color: var(--color-ink);
	font-size: 20px;
	line-height: 1;
}

#product .quantity-stepper__button:hover,
#product .quantity-stepper__button:focus {
	background: var(--color-ink);
	color: var(--color-white);
	outline: 0;
}

.quantity-stepper #input-quantity {
	height: 52px;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 16px;
	box-shadow: none;
}

#product .product-cart-button {
	min-height: 54px;
	margin: 0;
	border-color: var(--color-ink);
	background: var(--color-ink);
	color: var(--color-white);
	font-size: 17px;
	font-weight: 600;
}

#product .product-cart-button:hover,
#product .product-cart-button:focus {
	border-color: var(--action-dark-hover);
	background: var(--action-dark-hover);
	color: var(--action-dark-text);
}

#product .product-cart-button:active {
	border-color: var(--action-dark-active);
	background: var(--action-dark-active);
	color: var(--action-dark-text);
}

/* Inset rings are not clipped by the quantity control's overflow. */
#cart .mini-cart__quantity-button:focus-visible,
.cart-quantity-stepper__button:focus-visible,
#product .quantity-stepper__button:focus-visible {
	outline-color: var(--focus-on-dark) !important;
	outline-offset: -4px;
	box-shadow: inset 0 0 0 2px var(--focus-on-light);
}

#cart .mini-cart__quantity-button:active:not(:disabled),
.cart-quantity-stepper__button:active:not(:disabled) {
	background: var(--action-dark-active);
	color: var(--action-dark-text);
}

.product-cart-feedback .alert {
	position: relative;
	margin: 14px 0 0;
	padding: 14px 52px 14px 16px;
	line-height: 1.45;
}

.product-cart-feedback .alert a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.product-cart-feedback .alert a:hover,
.product-cart-feedback .alert a:focus {
	color: inherit;
	text-decoration-thickness: 2px;
}

.alert .close {
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
	background: transparent;
	color: currentColor;
	font-size: 0;
	line-height: 1;
	text-shadow: none;
	opacity: .72;
	transform: translateY(-50%);
	transition: opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

#product .alert .close {
	border-color: transparent;
	background: transparent;
}

.alert .close .icon {
	width: 18px;
	height: 18px;
	margin: 0;
}

.alert .close:hover,
.alert .close:focus {
	border-color: rgba(0, 0, 0, .2);
	background: transparent;
	color: inherit;
	opacity: 1;
	outline: 0;
}

.alert .close:active {
	background: transparent;
	transform: translateY(-50%) scale(.96);
}

.alert-success .close:hover,
.alert-success .close:focus {
	border-color: rgba(0, 0, 0, .24);
	background: transparent;
}

.common-home .alert-success {
	position: fixed;
	right: 24px;
	bottom: 24px;
	left: auto;
	z-index: 1060;
	width: calc(100% - 48px);
	max-width: 420px;
	min-height: 72px;
	margin: 0;
	padding: 18px 58px 18px 20px;
	border: 1px solid #1c1c1c;
	background: #fff;
	color: #1c1c1c;
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 300;
	line-height: 1.45;
	box-shadow: 0 18px 48px rgba(0, 0, 0, .18)
}

.common-home .alert-success .fa {
	display: none
}

.common-home .alert-success a {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px
}

.common-home .alert-success .close {
	right: 14px;
	width: 34px;
	height: 34px;
	border-color: rgba(0, 0, 0, .16);
	opacity: 1
}

.common-home .alert-success .close::before,
.common-home .alert-success .close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 1px;
	background: currentColor;
	content: "";
	transform-origin: center
}

.common-home .alert-success .close::before {
	transform: translate(-50%, -50%) rotate(45deg)
}

.common-home .alert-success .close::after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.common-home .alert-success .close:hover,
.common-home .alert-success .close:focus {
	border-color: #1c1c1c;
	background: transparent
}

@media (max-width: 1024px) {
	.common-home .alert-success {
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		max-width: none;
		min-height: 64px;
		padding: 16px 58px 16px 16px;
		border-right: none;
		border-bottom: none;
		border-left: none;
		box-shadow: 0 -12px 36px rgba(0, 0, 0, .16)
	}

	.common-home .alert-success .close {
		right: 12px
	}
}

.alert-danger .close:hover,
.alert-danger .close:focus {
	border-color: rgba(255, 255, 255, .5);
	background: transparent;
}

.product-trust {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: 18px;
	color: var(--color-muted);
	font-size: 13px;
}

.product-trust span {
	padding: 10px 12px;
	border: 1px solid var(--color-border);
	background: var(--color-surface);
	text-align: center;
}

.product-gallery {
	position: static;
}

.product-page-image {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.product-page-image > li {
	min-width: 0;
}

.product-page-image__main {
	grid-column: 1 / -1;
}

.product-page-image .thumbnail {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--color-border);
	background: var(--color-surface);
	transition: border-color .2s ease, background-color .2s ease;
}

.product-page-image .thumbnail:hover,
.product-page-image .thumbnail:focus {
	border-color: var(--color-ink);
	background: var(--color-white);
}

.product-page-image__main .thumbnail {
	min-height: 560px;
	padding: 28px;
}

.product-page-image .thumbnail img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.product-page-image__main .thumbnail img {
	width: 100%;
	max-height: 500px;
}

.image-additional .thumbnail {
	height: 108px;
}

.product-gallery-shell {
	position: relative;
}

.product-gallery-stage {
	position: relative;
}

.product-gallery-main {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 640px;
	padding: 42px;
	border: 1px solid var(--color-border);
	background: #f7f7f5;
	color: var(--color-ink);
	overflow: hidden;
	touch-action: pan-y pinch-zoom;
	transition: border-color .2s ease, background-color .2s ease;
}

.product-gallery-main:hover,
.product-gallery-main:focus {
	border-color: var(--color-ink);
	background: #fafaf8;
	outline: 0;
	text-decoration: none;
}

.product-gallery-main img {
	display: block;
	width: 100%;
	max-width: 620px;
	max-height: 560px;
	object-fit: contain;
	transition: transform .35s ease;
}

.product-gallery-main:hover img,
.product-gallery-main:focus img {
	transform: scale(1.025);
}

.product-gallery-zoom {
	position: absolute;
	right: 18px;
	bottom: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--color-border);
	background: rgba(255, 255, 255, .72);
	color: var(--color-ink);
	opacity: .82;
	transition: opacity .18s ease, border-color .18s ease, background-color .18s ease;
}

.product-gallery-main:hover .product-gallery-zoom,
.product-gallery-main:focus .product-gallery-zoom {
	border-color: var(--color-ink);
	background: rgba(255, 255, 255, .92);
	opacity: 1;
}

.product-gallery-zoom .icon {
	width: 19px;
	height: 19px;
}

.product-gallery-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid var(--color-border);
	background: rgba(255, 255, 255, .72);
	color: var(--color-ink);
	opacity: .78;
	transform: translateY(-50%);
	transition: opacity .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.product-gallery-arrow:hover,
.product-gallery-arrow:focus {
	border-color: var(--color-ink);
	background: rgba(255, 255, 255, .94);
	opacity: 1;
	outline: 0;
}

.product-gallery-arrow:active {
	transform: translateY(-50%) scale(.96);
}

.product-gallery-arrow--prev {
	left: 16px;
}

.product-gallery-arrow--next {
	right: 16px;
}

.product-gallery-arrow .icon {
	width: 22px;
	height: 22px;
	margin: 0;
}

.product-gallery-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 14px;
}

.product-gallery-thumbs {
	display: flex;
	flex: 1 1 auto;
	gap: 10px;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-gallery-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	padding: 8px;
	border: 1px solid var(--color-border);
	background: var(--color-surface);
	color: var(--color-ink);
	opacity: .72;
	transition: opacity .18s ease, border-color .18s ease, background-color .18s ease;
}

.product-gallery-thumb:hover,
.product-gallery-thumb:focus,
.product-gallery-thumb.is-active {
	border-color: var(--color-ink);
	background: var(--color-white);
	opacity: 1;
	outline: 0;
}

.product-gallery-thumb img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.product-gallery-count {
	flex: 0 0 auto;
	color: var(--color-muted);
	font-size: 13px;
	font-weight: 600;
}

.product-tabs-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 0;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--color-border);
}

.product-tabs-nav > li {
	margin-bottom: -1px;
}

.product-tabs-nav > li > a {
	margin-right: 0;
	padding: 13px 18px;
	border: 1px solid transparent;
	color: var(--color-muted);
	font-weight: 600;
}

.product-tabs-nav > li.active > a,
.product-tabs-nav > li.active > a:focus,
.product-tabs-nav > li.active > a:hover {
	border: 1px solid var(--color-border);
	border-bottom-color: var(--color-white);
	background: var(--color-white);
	color: var(--color-ink);
}

.product-tabs {
	margin-bottom: 0;
	color: var(--color-text);
	font-size: 15px;
	line-height: 1.65;
}

.product-spec-table {
	border-bottom: 0;
}

.product-spec-table > thead > tr > td {
	border: 0;
	border-top: 1px solid var(--color-border);
	background: var(--color-surface);
	color: var(--color-ink);
	font-weight: 600;
}

.product-spec-table > tbody > tr > td {
	border: 0;
}

.product-review-rating {
	display: inline-flex;
	gap: 2px;
	color: var(--accent-on-light);
	line-height: 1;
}

.product-review-rating .icon {
	width: 18px;
	height: 18px;
}

.review-rating-control {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 8px;
}

.review-rating-control__label {
	color: var(--color-muted);
	font-size: 13px;
}

.review-rating-star {
	margin: 0;
	color: var(--color-muted);
	cursor: pointer;
	line-height: 1;
}

.review-rating-star input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.review-rating-star .icon {
	width: 24px;
	height: 24px;
}

.review-rating-star.is-active {
	color: var(--accent-on-light);
}

/* The native radios are transparent; draw focus on the visible control. */
.review-rating-star:has(input:focus-visible),
.checkout-account-option__label:has(input:focus-visible) {
	outline: 2px solid var(--focus-on-light);
	outline-offset: 3px;
}

.product-recommendations {
	margin: 28px 0 32px;
	padding-top: 36px;
	border-top: 1px solid var(--color-border);
}

.product-recommendations__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 30px;
}

#content .product-recommendations__head h2 {
	margin: 0;
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: 34px;
	font-weight: 400;
	line-height: 1.15;
}

.product-recommendations__view-all {
	--ui-button-height: 48px;
	flex: 0 0 auto;
	min-width: 230px;
}

.product-recommendations__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.product-recommendation-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--color-border);
	background: var(--color-white);
	overflow: hidden;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.product-recommendation-card:hover {
	border-color: rgba(0, 0, 0, .22);
	box-shadow: 0 18px 46px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

.product-recommendation-card__image {
	display: block;
	position: relative;
	aspect-ratio: 1 / 1;
	background: var(--color-surface);
	overflow: hidden;
}

.product-recommendation-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform .28s ease;
}

.product-recommendation-card:hover .product-recommendation-card__image img {
	transform: scale(1.035);
}

.product-recommendation-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
}

#content .product-recommendation-card__title {
	display: -webkit-box;
	min-height: 45px;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
	text-align: left;
}

.product-recommendation-card__title a {
	color: inherit;
	text-decoration: none;
}

.product-recommendation-card__title a:hover,
.product-recommendation-card__title a:focus {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.product-recommendation-card__price {
	margin: 12px 0 0;
	color: var(--color-ink);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}

.product-recommendation-card__price-old {
	margin-left: 7px;
	color: var(--color-muted);
	font-weight: 400;
	text-decoration: line-through;
}

.product-recommendation-card__discover {
	--ui-button-height: 48px;
	width: 100%;
	margin-top: 22px;
}

@media only screen and (max-width: 991px) {
	.product-recommendations__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 767px) {
	.product-recommendations {
		margin-top: 24px;
		padding-top: 28px;
	}

	.product-recommendations__head {
		align-items: stretch;
		flex-direction: column;
		gap: 18px;
		margin-bottom: 24px;
	}

	#content .product-recommendations__head h2 {
		font-size: 28px;
		text-align: center;
	}

	.product-recommendations__view-all {
		width: 100%;
	}

	.product-recommendations__grid {
		grid-template-columns: none;
		grid-auto-columns: minmax(250px, 82vw);
		grid-auto-flow: column;
		gap: 14px;
		margin-right: -15px;
		padding-right: 15px;
		padding-bottom: 12px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-padding-left: 0;
		scroll-snap-type: x mandatory;
	}

	.product-recommendations__grid::-webkit-scrollbar {
		height: 4px;
	}

	.product-recommendations__grid::-webkit-scrollbar-thumb {
		background: var(--color-border-strong);
	}

	.product-recommendations__grid::-webkit-scrollbar-track {
		background: var(--color-border);
	}

	.product-recommendation-card {
		scroll-snap-align: start;
	}

	.product-recommendation-card__body {
		padding: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.product-recommendation-card,
	.product-recommendation-card__image img {
		transition-duration: .01ms;
	}
}

@media only screen and (max-width: 991px) {
	.product-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	.product-hero > .product-summary {
		position: static;
		padding-right: 15px;
	}

	.product-gallery {
		position: static;
		margin-top: 34px;
	}

	.product-title {
		font-size: 38px;
	}

	.product-page-image__main .thumbnail {
		min-height: 440px;
	}

	.product-gallery-main {
		min-height: 520px;
	}

	.product-gallery-main img {
		max-height: 470px;
	}
}

@media only screen and (max-width: 767px) {
	.cart-page-table-wrap {
		border: 0;
		overflow: visible;
	}

	.cart-page-table,
	.cart-page-table > tbody,
	.cart-page-table > tbody > tr,
	.cart-page-table > tbody > tr > td {
		display: block;
		width: 100%;
	}

	.cart-page-table > thead {
		display: none;
	}

	.cart-page-table > tbody > tr {
		margin-bottom: 16px;
		border: 1px solid var(--color-border);
		background: var(--color-white);
	}

	.cart-page-table > tbody > tr > td {
		border: 0;
		padding: 14px 15px;
		text-align: left;
	}

	.cart-page-table-wrap.table-responsive > .cart-page-table.table > tbody > tr > td {
		white-space: normal;
	}

	.cart-page-table > tbody > tr > td + td {
		border-top: 1px solid var(--color-border);
	}

	.cart-product {
		align-items: flex-start;
		gap: 14px;
		width: 100%;
		min-width: 0;
	}

	.cart-product__details {
		flex: 1 1 0;
		width: 0;
		max-width: 100%;
		min-width: 0;
	}

	.cart-product__image {
		flex-basis: 96px;
		width: 96px;
		height: 122px;
	}

	.cart-product__name {
		display: block;
		max-width: 100%;
		font-size: 19px;
		overflow-wrap: anywhere;
		word-wrap: break-word;
	}

	.cart-page-table__quantity,
	.cart-page-table__price,
	.cart-page-table__total {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		white-space: normal;
	}

	.cart-page-table__quantity::before,
	.cart-page-table__price::before,
	.cart-page-table__total::before {
		content: attr(data-title);
		color: var(--color-text);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.cart-quantity-control {
		width: 176px;
		max-width: 58%;
		margin-left: auto;
	}

	body[class^="checkout-cart"],
	body[class*=" checkout-cart"] {
		padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
	}

	body[class^="checkout-cart"] .cart-page-actions,
	body[class*=" checkout-cart"] .cart-page-actions {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1028;
		margin: 0;
		padding: 10px 15px calc(10px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid var(--color-border);
		background: var(--color-white);
		box-shadow: 0 -12px 30px rgba(0, 0, 0, .12);
	}

	body[class^="checkout-cart"] .cart-page-actions__continue,
	body[class*=" checkout-cart"] .cart-page-actions__continue {
		display: none;
	}

	body[class^="checkout-cart"] .cart-page-actions__checkout,
	body[class*=" checkout-cart"] .cart-page-actions__checkout {
		float: none !important;
		width: 100%;
		max-width: 540px;
		margin: 0 auto;
	}

	body[class^="checkout-cart"] .cart-page-checkout,
	body[class*=" checkout-cart"] .cart-page-checkout {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 48px;
		font-size: 15px;
	}

	.product-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		margin-bottom: 20px;
	}

	.product-hero > .product-summary {
		display: contents;
		padding-right: 0;
	}

	.product-gallery {
		order: 6;
		width: 100%;
		margin-top: 20px;
	}

	.product-brand {
		order: 1;
	}

	.product-title {
		order: 2;
	}

	.product-meta {
		order: 3;
	}

	.product-rating {
		order: 4;
	}

	.product-summary .price-wrap {
		order: 5;
	}

	#product {
		order: 7;
	}

	.product-trust {
		order: 8;
	}

	.product-detail-row {
		margin-top: 20px;
	}

	.product-title {
		font-size: 32px;
	}

	.product-summary .price-wrap .def-price,
	.product-summary .price-wrap .spec-price {
		font-size: 34px;
	}

	.product-page-image {
		display: flex;
		overflow-x: auto;
		padding-bottom: 10px;
		scroll-snap-type: x mandatory;
	}

	.product-page-image > li {
		flex: 0 0 78px;
		scroll-snap-align: start;
	}

	.product-page-image__main {
		flex-basis: 88%;
	}

	.product-page-image__main .thumbnail {
		min-height: 360px;
	}

	.product-gallery-main {
		min-height: 410px;
		padding: 24px;
	}

	.product-gallery-main img {
		max-height: 350px;
	}

	.product-gallery-arrow {
		width: 38px;
		height: 38px;
	}

	.product-gallery-arrow--prev {
		left: 10px;
	}

	.product-gallery-arrow--next {
		right: 10px;
	}

	.product-gallery-footer {
		display: block;
	}

	.product-gallery-thumbs {
		overflow-x: auto;
		padding-bottom: 10px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	.product-gallery-thumbs > li {
		flex: 0 0 auto;
		scroll-snap-align: start;
	}

	.product-gallery-thumb {
		width: 82px;
		height: 82px;
	}

	.product-gallery-count {
		margin-top: 2px;
		text-align: right;
	}

	.product-purchase__row,
	.product-trust,
	.product-option-grid {
		grid-template-columns: 1fr;
	}

	body[class^="product-product"],
	body[class*=" product-product"] {
		padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px));
	}

	body[class^="product-product"] .product-purchase,
	body[class*=" product-product"] .product-purchase {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1028;
		margin: 0;
		padding: 10px 15px calc(10px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid var(--color-border);
		background: var(--color-white);
		box-shadow: 0 -12px 30px rgba(0, 0, 0, .12);
	}

	body[class^="product-product"] .product-purchase__row,
	body[class*=" product-product"] .product-purchase__row {
		grid-template-columns: 112px minmax(0, 1fr);
		gap: 10px;
		max-width: 540px;
		margin: 0 auto;
	}

	body[class^="product-product"] .quantity-stepper,
	body[class*=" product-product"] .quantity-stepper {
		grid-template-columns: 34px 1fr 34px;
		min-height: 48px;
	}

	body[class^="product-product"] .quantity-stepper #input-quantity,
	body[class*=" product-product"] .quantity-stepper #input-quantity {
		height: 46px;
	}

	body[class^="product-product"] #product .product-cart-button,
	body[class*=" product-product"] #product .product-cart-button {
		min-height: 48px;
		font-size: 15px;
	}

	body[class^="product-product"] .product-cart-feedback,
	body[class*=" product-product"] .product-cart-feedback {
		max-width: 540px;
		margin: 0 auto;
	}

	body[class^="product-product"] .product-cart-feedback .alert,
	body[class*=" product-product"] .product-cart-feedback .alert {
		margin-top: 8px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.quantity-stepper {
		max-width: none;
	}

	.product-tabs-nav {
		margin-top: 12px;
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.product-tabs-nav > li {
		flex: 0 0 auto;
	}
}