/** Shopify CDN: Minification failed

Line 1185:87 Expected identifier but found whitespace
Line 2147:17 The "+" operator only works if there is whitespace on both sides
Line 3937:19 The "+" operator only works if there is whitespace on both sides

**/
@font-face {
	font-family: ITC Avant Garde Pro;
	src: url(/cdn/shop/files/ITCAvantGardePro-Bold_316b7ec6-7f4d-4263-aca0-1e18c84a4120.woff?v=1769101841) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: ITC Avant Garde Pro;
	src: url(/cdn/shop/files/ITCAvantGardePro-Demi.woff?v=1769101841) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: ITC Avant Garde Pro;
	src: url(/cdn/shop/files/ITCAvantGardePro-Bk.woff?v=1769101840) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

body {
	background: #f7f0e3
}

.product-info__block-item .accordion {
	padding-inline: 10px;
	border-block-end: 0;
	margin-block: 10px;
	border: 1px solid #dcc7a8;
	border-radius: 12px;
	background: #fbf6ea;
	box-shadow: #2f231814 0 2px 6px
}

.product-highlights-main {
	padding: 20px;
	border: 1px solid #dcc7a8;
	border-radius: 12px;
	background: #fbf6ea;
	box-shadow: #2f231814 0 2px 6px
}

.product-info__block-item span.accordion__toggle.h6 {
	padding-block: 15px
}

button.button.button-secondary-light.w-full.cart-checkout-btn {
	padding: 0!important;
	min-height: 42px
}

/* Design typography — Jost (body) + Marcellus (headings). Replaces the old ITC blanket override
   so the theme's Jost/Marcellus (set in settings_data.json) actually render. */
body,
p,
input,
select,
textarea,
button {
	font-family: 'Jost', sans-serif
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Marcellus', serif
}

.container.custom-results-search-main {
	padding: 0
}

ul.cfd-payment-list.cart-drawer-pay-icons {
	gap: 3px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: auto!important
}

ul.cfd-payment-list.cart-drawer-pay-icons li svg {
	height: 20px;
	width: auto
}

.buy-buttons button,
.fbt-add,
.cart-drawer__footer .button-group button[name="checkout"],
.shopify-section--contact form button[type="submit"] {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	border: 2px solid #73301b!important;
	box-shadow: 0 4px #73301b;
	background: #8f3f26;
	font-size: 14px;
	font-weight: 700;
	line-height: 90%;
	text-transform: uppercase;
	text-align: center;
	padding: 18px 36px 14px;
	border-radius: 100px!important;
	min-height: 48px;
	transition: color .3s cubic-bezier(.4, 0, .2, 1);
	z-index: 0;
	color: #fff
}

.buy-buttons .shopify-payment-button__button {
	border: 2px solid #6D6D60!important;
	box-shadow: 0 4px #6d6d60!important;
	background: #9d9e8a!important;
	color: #fff!important
}

.cart__payment-method-container {
	display: flex;
	justify-content: center;
	gap: 4px;
	width: 100%
}

.buy-buttons button:hover,
.fbt-add:hover,
.cart-drawer__footer .button-group button[name="checkout"]:hover,
.shopify-section--contact form button[type="submit"]:hover {
	color: #fff!important;
	border: none;
	opacity: .8
}

/* Contact page: clear the sticky/transparent header + full-width submit */
.shopify-section--contact {
	padding-top: 100px;
}

.shopify-section--contact form button[type="submit"] {
	width: 100%;
	margin-top: 6px;
}

@media (max-width: 749px) {
	.shopify-section--contact {
		padding-top: 78px;
	}
}

.fbt-add:disabled {
	opacity: .55;
	cursor: not-allowed
}

/* Cart drawer: checkout lock icon + compare-at price */
.cart-drawer__footer .button-group button[name="checkout"] .text-with-icon {
	gap: 8px
}

.cart-drawer__footer .button-group button[name="checkout"] svg {
	width: 17px;
	height: 17px
}

.cart-drawer__footer .button-group button[name="checkout"] svg path {
	fill: #fff
}

.cart-drawer__items line-item price-list compare-at-price,
.cart-drawer__items line-item price-list .line-item-cprice {
	font-size: 12px;
	color: #000000b3;
	font-weight: 400;
	text-decoration: line-through
}

/* Cart drawer: "Others also bought" recommendations carousel */
.cart-drawer__recommendations {
	margin: 6px 0 22px
}

.cart-drawer__recommendations-title {
	font-size: 15px;
	font-weight: 700;
	color: #8f3f26;
	margin: 0 0 14px
}

.cart-recommendations__list {
	display: flex;
	gap: 12px
}

.cart-recommendations__list .product-card {
	flex: 0 0 40%
}

.cart-recommendations__list .product-card__figure,
.cart-recommendations__list .product-card__media {
	border-radius: 10px;
	overflow: hidden
}

@media (min-width: 500px) {
	.cart-recommendations__list .product-card {
		flex: 0 0 30%
	}
}

/* ===== Cart drawer: consistent side padding + keep checkout button visible ===== */
/* Make the scroll body flex-fill & scroll internally so the footer (checkout) is always visible */
#cart-drawer::part(main) {
	flex: 1 1 auto;
	min-height: 0;
	height: auto;
	overflow-y: auto;
	padding: 0
}

/* Header ("Cart" title + X close) — same 20px side padding as the body */
#cart-drawer::part(drawer-header) {
	padding: 16px 20px
}

/* Uniform 20px horizontal padding on every body section */
.cart-reserve-timer {
	margin: 14px 20px 16px
}

.cart-reward-bar {
	margin: 6px 20px 20px
}

.cart-drawer .free-shipping-bar {
	display: block;
	padding: 0 20px;
	margin: 0 0 6px
}

.cart-drawer__items {
	padding: 0 20px
}

.cart-drawer__recommendations {
	padding: 0 20px
}

/* Footer: consistent 20px padding + compact so the checkout button fits */
#cart-drawer [slot="footer"] {
	padding: 10px 0 12px
}

#cart-drawer form.cart-drawer__footer {
	padding: 0 20px
}

#cart-drawer [slot="footer"] .button-group {
	padding: 8px 0 0
}

#cart-drawer .cart-drawer__footer .totals {
	padding: 0;
	margin: 0 0 4px
}

/* Mobile: use dynamic viewport height so the browser toolbar doesn't hide the checkout button */
@media (max-width: 749px) {
	#cart-drawer::part(content) {
		height: 100vh;
		height: 100dvh;
		max-height: 100vh;
		max-height: 100dvh
	}

	#cart-drawer [slot="footer"] {
		padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px))
	}
}

.shopify-section--main-cart {
	padding-top: 50px;
	background: #f7f0e3
}

p.annoucement-bar-text.prose.heading {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	font-size: 12px;
	color: #fff
}

p.annoucement-bar-text.prose.heading svg path {
	stroke: #fff
}

.announcement-bar {
	padding-block: 8px;
	background: #8f3f26
}

p.annoucement-bar-text.prose.heading svg {
	height: 1.25rem;
	width: 30px
}

.custom-megamenu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fbf3ef;
	border-radius: 35px;
	padding: 40px;
	box-shadow: 0 10px 40px #0000001a;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	z-index: 999;
	margin-top: 10px;
	border: 2px solid #73301b!important;
	box-shadow: 0 4px #73301b
}

.custom-megamenu-trigger:hover .custom-megamenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.custom-megamenu__header {
	color: #8f3f26;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-transform: uppercase
}

.custom-megamenu__wrapper {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 40px
}

.custom-megamenu__sidebar {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.custom-megamenu__nav-link {
	color: #8f3f26;
	font-size: 21px;
	font-weight: 700;
	text-decoration: none;
	transition: color .3s ease;
	display: block
}

.custom-megamenu__nav-link:hover {
	color: #8f3f26
}

.custom-megamenu__button-group {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 20px
}

.custom-megamenu__btn {
	padding: 16px 24px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
	font-size: 15px;
	transition: all .3s ease;
	cursor: pointer;
	border: 3px solid;
	display: inline-block
}

.custom-megamenu__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}

.custom-megamenu__card {
	position: relative;
	width: 100%;
	border-radius: 24px;
	box-shadow: 0 4px #8f3f26;
	border: 2px solid #8f3f26;
	overflow: hidden
}

.custom-megamenu__card-title {
	color: #8f3f26;
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 20px;
	line-height: 1.2;
	padding: 24px;
	position: relative
}

.custom-megamenu__card-image img {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	object-fit: cover;
	display: block;
	transform: scale(1);
	transition: transform .6s cubic-bezier(.22, 1, .36, 1);
	will-change: transform
}

.custom-megamenu__card-image {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.custom-megamenu__card:hover .custom-megamenu__card-image img {
	transform: scale(1.08)
}

.custom-main-cards-menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px
}

.menu-item-with-icon {
	display: flex;
	align-items: center;
	gap: 4px
}

.menu-item-with-icon svg {
	height: 1rem;
	transition: transform .25s ease;
	width: 20px
}

.menu-item-with-icon svg path {
	stroke: #634b3f;
	fill: #634b3f
}

.custom-megamenu-trigger:hover .menu-item-with-icon svg {
	transform: rotate(180deg)
}

.menu-item-with-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px
}

.menu-item-with-icon:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 2px;
	background-color: #634b3f;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease
}

.custom-megamenu-trigger a.block.h6:before {
	display: none
}

.custom-megamenu-trigger:hover .menu-item-with-icon:after {
	transform: scaleX(1)
}

.menu-item-with-icon a:before {
	display: none
}

.custom-megamenu-trigger .block {
	color: #634b3f;
	font-weight: 600;
	font-size: 14px;
	font-family: "ITC Avant Garde Gothic Pro", Sans-Serif
}

x-header.header {
    margin: 14px 16px 0px;
    background: #2f2318;
    border: 1px solid rgb(143, 63, 38);
    border-radius: 20px;
    box-shadow: #8f3f26 3px 4px 0px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0px 30px;
}

.header__account-link svg path {
	stroke: #634b3f
}

nav.header__secondary-nav li * {
	color: #634b3f
}

a.btn.btn-full.custom-take-quiz.button-secondary-light {
	color: #fff!important
}

.button-secondary-light {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	border: 2px solid #73301b!important;
	box-shadow: 0 4px #73301b;
	background: #8f3f26;
	font-size: 14px;
	font-weight: 700;
	line-height: 90%;
	text-transform: uppercase;
	text-align: center;
	padding: 18px 42px 14px;
	border-radius: 100px;
	min-height: 48px;
	transition: color .3s cubic-bezier(.4, 0, .2, 1);
	z-index: 0;
	color: #fff
}

.button-secondary-light:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #73301b;
	opacity: 0;
	transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
	border-radius: inherit;
	z-index: -1
}

.button-secondary-light:hover:before {
	opacity: 1
}

.button-secondary-light:hover {
	text-decoration: none!important;
	color: #fff!important;
	border: none
}

a.custom-megamenu__btn.custom-megamenu__btn--primary.button-secondary-light {
	border: 2px solid #8f3f26;
	box-shadow: 0 4px #8f3f26
}

.shopify-section-group-footer-group {
	
}

.collection__main a.product-title,
.collection__main sale-price {
	color: #8f3f26!important
}

.collection__main a.product-title {
	font-size: 12px
}

.collection__main .product-card {
	
	position: relative;
  padding: 10px;
  height: auto;
  border-radius: 24px;
  border: 2px solid #9d5542;
  box-shadow: 0 4px #9d5542;
  overflow: visible;
  z-index: 1;
  margin-bottom: 10px;
}

.collection__main product-form {
	margin-top: auto
}

.collection__main .product-card:before {
	border-radius: 24px
}

.collection__main .product-card .product-card__info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.collection__main span.pagination__link.pagination__link--disabled.h6 {
	font-size: 14px;
	font-weight: 700;
	padding: 7px 12px 4px;
	line-height: .9;
	width: 32px;
	height: 32px;
	border-radius: 100px;
	transition: all 75ms;
	color: #fff;
	box-shadow: none;
	background: #8f3f26
}

nav.pagination {
	border: none
}

nav.pagination .contents a {
	font-size: 14px;
	font-weight: 700;
	padding: 7px 12px 4px;
	line-height: .9;
	width: 32px;
	height: 32px;
	border-radius: 100px;
	transition: all 75ms;
	color: #8f3f26;
	box-shadow: none;
	background: #fff
}

.collection__main .product-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
}

.collection__main .product-card:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fbf3ef;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: 1;
	pointer-events: none
}

.collection__main .product-card:hover:before {
	opacity: 1
}

.collection__main .product-card>* {
	position: relative;
	z-index: 2
}

.collection__main .buy-buttons button {
	background: #8f3f26;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 18px 17px 14px;
	min-height: 48px;
	border-radius: 100px;
	border: 2px solid #73301b;
	box-shadow: 0 4px #73301b;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 90%;
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	transition: color .3s ease
}

badge-list.badge-list.badge-list--vertical .badge {
	border-radius: 20px
}

.collection__main .buy-buttons button:hover:before {
	color: #fff!important;
	background: linear-gradient(0deg, #fff3 0% 100%), #5f44ba
}

.collection__main a.product-card__media img {
	border-radius: 20px
}

.collection__main .buy-buttons button:hover {
	color: #fff!important;
	border: none
}

.product-card.quiz-card {
	grid-column: span 2;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	padding: 0!important;
	display: flex
}

.quiz-card .quiz-card-inner {
	display: flex;
	width: 100%;
	text-decoration: none
}

.quiz-card .quiz-image-container {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
	z-index: 1
}

.quiz-card .quiz-image-container img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: right center
}

.quiz-card .quiz-content {
	position: relative;
	z-index: 2;
	width: 55%;
	padding: 60px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left
}

.quiz-card .quiz-content p {
	color: #8f3f26;
	font-size: 14px
}

.quiz-card .quiz-content h2 {
	color: #8f3f26;
	font-size: 28px;
	font-style: normal;
	line-height: 130%;
	letter-spacing: normal;
	font-weight: 700
}

.quiz-card .quiz-content .quiz-text-description {
	font-size: 1.1rem;
	color: #444;
	max-width: 320px;
	margin-bottom: 25px
}

.quiz-card .quiz-content .button-secondary-light {
	background: #fff;
	color: #8f3f26;
	padding: 14px 35px;
	border-radius: 50px;
	border: 2px solid #8f3f26;
	font-weight: 700;
	letter-spacing: 1px
}

sale-price.h4.text-on-sale {
	color: #8f3f26
}

.shopify-section.shopify-section-group-footer-group {
	padding-top: 30px;
	
}

.collection-toolbar__button-container>.collection-toolbar__button {
	color: #8f3f26;
	font-weight: 700;
	font-size: 15px;
	opacity: 1
}

#cart-drawer::part(header) {
	border-block-end: 2px solid #8f3f26!important
}

facets-drawer .text-with-icon,
facets-drawer p,
svg.icon.icon-close,
facets-drawer svg {
	color: #8f3f26!important;
	font-size: 18px
}

facets-drawer label,
facets-drawer span {
	color: #8f3f26!important;
	font-size: 16px!important
}

facets-drawer button.button.w-full {
	color: #8f3f26!important;
	border: 2px solid #8f3f26;
	box-shadow: 0 4px #8f3f26;
	font-size: 14px;
	font-weight: 700;
	line-height: 90%;
	text-transform: uppercase;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 36px 14px;
	border-radius: 100px;
	gap: 4px;
	min-height: 48px;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .3s;
	z-index: 0;
	background: #fff
}

facets-drawer button.button.w-full:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fbf3ef;
	opacity: 0;
	transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
	border-radius: inherit;
	z-index: -1
}

facets-drawer button.button.w-full:hover:before {
	opacity: 1
}

facets-drawer button.button.w-full:hover {
	border: none
}

#cart-drawer::part(footer) {
	background-color: #f7f0e3
}

facets-drawer .accordion__disclosure {
	border-bottom: 1px solid #8f3f26
}

facets-drawer .switch:checked,
.price-range>.range-group {
	background: #8f3f26
}

facets-sort-popover span.reversed-link {
	text-transform: uppercase;
	color: #8f3f26;
	font-weight: 600
}

facets-sort-popover .popover__value-option {
	padding: 10px
}

.collection-toolbar__button-container svg {
	color: #8f3f26;
	width: 15px;
	height: 15px
}

facets-sort-popover .popover__value-option[aria-selected=true] {
	background-color: #f2f2f2
}

:where(.modal, .drawer, .popover, .header-search)::part(overlay) {
	background-color: #fc89e233!important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px)
}

.main-product-section-page {
	padding-top: 130px!important
}

scroll-carousel.product-list.product-list--carousel {
	gap: 20px
}

scroll-carousel.product-list .product-card {
	height: auto
}

.product-card__info .subscription-wrapper {
	display: flex;
	flex-direction: column;
	gap: 6px;
	display: none
}

.product-card__info .subscription-wrapper label {
	gap: 4px;
	background: #8f3f26;
	color: #fff;
	padding: 10px;
	display: flex;
	border-radius: 10px;
	align-items: center
}

.product-card__info .subscription-wrapper label span {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	text-align: left;
	letter-spacing: normal;
	text-transform: uppercase;
	position: relative;
	top: 2px
}

.product-card__info .subscription-wrapper .subscription-main {
	flex-direction: column;
	background: #8f3f26;
	color: #fff;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	gap: 4px
}

.product-card__info .subscription-wrapper .subscription-main label.purchase-option {
	background: transparent;
	padding: 0
}

.product-card__info .subscription-wrapper .subscription-main .frequency-select.now-select button {
	background: linear-gradient(0deg, #8f3f2699 0% 100%), #fbfaff;
	color: #fff;
	border: 2px solid transparent;
	border-radius: 100px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	line-height: .9;
	letter-spacing: normal;
	text-transform: uppercase;
	padding: 12px 14px;
	gap: 4px;
	min-height: 40px;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%
}

.product-card__info .subscription-wrapper .subscription-main .frequency-select.now-select button span.arrow {
	display: none
}

.product-card__info .subscription-wrapper .subscription-main .frequency-select.now-select button span.selected-text {
	font-size: 11px;
	font-style: normal;
	text-align: left;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: normal;
	text-transform: uppercase
}

.product-card__info .subscription-wrapper .subscription-main .frequency-select.now-select button:before {
	content: "";
	width: 16px;
	height: 16px;
	right: 15px;
	font-weight: 700;
	opacity: 1;
	transform: unset;
	top: calc(50% - 8px);
	background-image: url(/cdn/shop/files/down-arrow.png?v=1769521706);
	aspect-ratio: 1;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat
}

.frequency-select.now-select {
	position: relative
}

.frequency-select.now-select ul.frequency-dropdown {
	background: #fff;
	position: absolute;
	top: 100%
}

.frequency-select.now-select ul.frequency-dropdown {
	background: #fff;
	position: absolute;
	top: 100%;
	margin: 0;
	z-index: 2;
	list-style: none;
	width: 100%;
	left: 0;
	border-radius: 7px;
	overflow: hidden;
	box-shadow: 0 8px 24px #0000001f, 0 2px 6px #00000014
}

.frequency-select.now-select ul.frequency-dropdown li {
	padding: 8px 10px;
	font-size: 13px;
	font-weight: 500;
	background: #8f3f26;
	cursor: pointer;
	text-align: left
}

.product-card__info .subscription-wrapper .subscription-main label.purchase-option input[type=radio],
.product-card__info .subscription-wrapper label input[type=radio] {
	accent-color: #8f3f26
}

.frequency-select.now-select ul.frequency-dropdown li.active,
.frequency-select.now-select ul.frequency-dropdown li:hover {
	background: #f2f2f2
}

.product-card__info .subscription-wrapper .subscription-main .frequency-select.now-select button:hover,
.product-card__info .subscription-wrapper .subscription-main .frequency-select.now-select button.active-n {
	border: 2px solid #8f3f26
}

.product-gallery__custom-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin: auto
}

.product-gallery__nav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border: 1px solid #8f3f26;
	border-radius: 50%;
	background: #fff;
	transition: border-color .2s;
	cursor: pointer
}

.product-gallery__nav-btn:hover {
	border-color: #8f3f26
}

.product-gallery__counter {
	font-size: 14px;
	font-weight: 500;
	color: #8f3f26;
	display: flex;
	gap: 6px;
	min-width: 40px;
	justify-content: center
}

.product-gallery__carousel-with-arrows>carousel-prev-button:not(.product-gallery__custom-nav *),
.product-gallery__carousel-with-arrows>carousel-next-button:not(.product-gallery__custom-nav *) {
	display: none!important
}

safe-sticky.product-gallery__thumbnail-list.hidden.md\:block {
	margin: auto
}

button.\@large\:horizontal-product-card__button.button.button--outline.button--subdued {
	position: relative;
	padding: 16px;
	max-width: unset;
	max-height: unset;
	height: 100%;
	border-radius: 16px;
	border: 2px solid #8f3f26;
	box-shadow: 0 4px #8f3f26;
	overflow: hidden;
	display: flex;
	gap: 24px;
	color: #8f3f26
}

.main-qty-btn-product .qty-btn-produc {
	width: 30%
}

.main-qty-btn-product quantity-selector.quantity-selector {
	border-radius: 100px
}

.buy-buttons {
	width: 100%
}

.main-qty-btn-product button.quantity-selector__button {
	background: unset;
	min-height: unset;
	border: unset!important;
	display: block;
	width: unset;
	box-shadow: unset;
	color: #73301b;
	padding: 10px
}

.main-qty-btn-product button.quantity-selector__button:hover {
	color: #73301b!important
}

.main-qty-btn-product quantity-selector.quantity-selector {
	border: 2px solid #73301b!important;
	box-shadow: 0 4px #73301b
}

.main-qty-btn-product {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%
}

button.\@large\:horizontal-product-card__button.button.button--outline.button--subdued: hover {
	color: #fff;
	background: #8f3f26
}

.horizontal-product-card {
	padding: 10px;
	background: #fffbfa!important;
	border-radius: 10px;
	gap: 15px;
	border: 1px solid #eaeef0
}

.header-sidebar::part(content) {
	box-sizing: border-box;
	overflow-x: hidden;
	box-shadow: 2px 0 2px #0000002b;
	margin: 0;
	flex-direction: column;
	justify-content: stretch;
	width: 100%;
	overflow-y: scroll;
	max-height: 100%;
	scrollbar-width: none;
	max-width: 100%;
	background: #f7f0e3;
	border-radius: unset
}

.header-sidebar__scroller,
.header-sidebar__footer,
.header-sidebar__footer:before,
.header-sidebar__main-panel {
	background: #f7f0e3!important;
	color: #8f3f26
}

:where(.modal, .drawer, .popover, .header-search)::part(close-button) {
	color: #8f3f26
}

.product-gallery__media img {
	border-radius: 15px
}

.header-sidebar__collapsible-panel {
	background: #f7f0e3
}

.product {
	gap: 0
}

.main-custom-search {
	background: #fbf3ef
}

.predictive-search__products product-card.product-card {
	border: 2px solid #8f3f26;
	box-shadow: 0 4px #8f3f26;
	border-radius: 24px;
	padding: 5px
}

.pf-marquee-cards__image-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #8f3f2654;
	z-index: 1;
	pointer-events: none
}

.top-scrolling-text-section {
	background: #73301b;
	padding: 10px;
	display: flex;
	align-items: center;
	grid-gap: 50px;
	overflow-x: clip;
	overflow-y: visible
}

.all-top-scrolling-text {
	display: flex!important;
	align-items: center;
	flex-shrink: 0;
	white-space: nowrap;
	gap: 50px;
	padding-inline: 25px;
	animation-name: scrolling-left;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 45s;
	animation-play-state: running;
	width: max-content
}

.single-scrolling-item {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 500
}

.single-scrolling-item:before {
	content: "";
	font-size: 18px;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	display: block;
	border-radius: 50%
}

@keyframes scrolling-left {
	0% {
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		transform: translate3d(-200%, 0, 0)
	}
}

.announcement-latest-section {
	background: #9d9e8a;
	padding: 12px 0
}

.inner-announcement-latest-section {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	gap: min(1.5vw, 3.5rem);
	align-items: center
}

.announcement-text-main-inner,
.announcement-text-main-inner a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px
}

.announcement-text-main-inner span.announcement-icon svg {
	width: 20px;
	height: 18px
}

.announcement-text-main-inner span.announcement-icon svg path {
	stroke: #fff
}

.announcement-text-main-inner span.announcement-text {
	font-size: 16px;
	font-weight: 500;
	color: #fff
}

.top-social-icons ul.social-media.social-media--list {
	gap: 1.5rem
}

.top-social-icons ul.social-media.social-media--list li {
	opacity: 1
}

.top-social-icons ul.social-media.social-media--list li svg path {
	color: #fff
}

body x-header.header {
	background: #2f2318
}

.reviews-slider-item-inner {
	display: flex;
	align-items: center;
	justify-content: stretch;
	padding: 12px;
	gap: 12px;
	background: #fff;
	border-radius: 16px;
	height: 100%
}

.reviews-slider-block-inner .owl-stage .owl-item .reviews-slider-item {
	height: 100%
}

.reviews-slider-block-inner .owl-stage .owl-item {
	min-height: inherit;
	height: initial
}

.reviews-slider-block-inner .owl-stage {
	display: flex
}

.reviews-slider-item-inner img.image {
	display: flex!important;
	aspect-ratio: 1 / 1;
	width: 60px!important;
	background-color: #dadde078;
	object-fit: cover;
	border-radius: 16px
}

.reviews-slider-item-content {
	min-height: 60px;
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	gap: 2px;
	justify-content: center;
	overflow: hidden
}

.reviews-slider-item-content span.title {
	display: inline-flex;
	align-items: center;
	gap: 4px
}

.reviews-slider-item-content span.title strong.name {
	text-align: start;
	font-weight: bolder
}

.reviews-slider-item-content span.rating {
	display: inline-flex;
	align-items: center;
	gap: 2px
}

.reviews-slider-item-content span.rating svg {
	font-size: inherit;
	height: .9em;
	width: .9em;
	color: #8f3f26
}

.reviews-slider-item-content span.rating svg path {
	fill: #8f3f26
}

.reviews-slider-item-text p {
	display: -webkit-inline-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: start;
	font-size: 14px!important
}

.reviews-slider-block .owl-carousel-7 .owl-nav button {
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	cursor: pointer;
	height: min-content;
	background-color: #fff!important;
	border-radius: 16px;
	position: absolute;
	inset-block-start: 50%;
	display: flex;
	align-items: center;
	box-shadow: #63636333 0 2px 8px
}

.reviews-slider-block .owl-carousel-7 .owl-nav button svg {
	display: block;
	width: 20px;
	height: 20px
}

.reviews-slider-block .owl-carousel-7 .owl-nav button.owl-next {
	right: -7px;
	transform: translateY(-50%)
}

.reviews-slider-block .owl-carousel-7 .owl-nav button.owl-prev {
	left: -8px;
	transform: translateY(-50%)
}

.product-info__block-group.accordion-group {
	margin-top: 0!important
}

.product-info__block-item div#countdown_block {
	align-items: center!important;
	gap: 5px!important
}

.product-info__block-item div#countdown_block .country-flag {
	position: relative;
	top: -1px
}

.product-gallery__media {
	position: relative
}

.product-gallery__media span.product-badge {
	padding: 6px 11px;
	border-radius: 0 25px 25px 0;
	display: inline-block;
	box-shadow: 2px 2px 6px #0003;
	position: absolute;
	top: 15px;
	z-index: 1;
	font-size: 18px;
	font-weight: 700;
	width: auto;
	color: #fff;
	background: #8f3f26;
	left: 0
}

.announcement-text-main-inner a span.announcement-icon {
	display: flex;
	position: relative;
	top: -3px
}

#cart-drawer::part(content) {
	padding: 0;
	max-width: 500px;
	border-radius: 0;
	overflow: hidden;
	height: 100%;
	position: relative;
	top: 0;
	right: 0
}

#cart-drawer::part(header) {
	border-block-end: 0!important;
	padding: 32px 0 0
}

#cart-drawer p.h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #8f3f26;
	padding-left: 10px
}

#cart-drawer p.h4 span {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	width: 24px;
	z-index: 1;
	height: 24px
}

:where(.modal, .drawer, .popover, .header-search)::part(overlay) {
	background-color: #00000080!important
}

.drawer p.h4 span:before {
	content: "";
	position: absolute;
	top: -2px;
	right: 0;
	bottom: 2px;
	left: 0;
	background: #73301b;
	border-radius: 50%;
	z-index: -1
}

.cart-drawer::part(body) {
	padding: 0;
	width: 100%
}

.cart-free-shipping-bar p.shipping-text {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.4;
	color: #111;
	font-weight: 500
}

.cart-drawer__items .line-item__media {
	width: 97px!important
}

.cart-drawer__items line-item {
	gap: 12px!important;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #eaeef0;
	border-radius: 10px
}

.cart-drawer__items.line-item {
	column-gap: 12px!important
}

.cart-free-shipping-bar .cart-progress-bar {
	position: relative;
	width: 100%;
	height: 6px;
	background: #fbf3ef;
	border-radius: 20px;
	overflow: hidden
}

.cart-free-shipping-bar .cart-progress-bar .progress-bar-inner {
	background: #73301b;
	height: 100%
}

/* ---- Cart rewards: reserve timer + tiered discount bar ---- */
.cart-reserve-timer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #fbeee6;
	color: #8f3f26;
	font-weight: 700;
	font-size: 14px;
	padding: 12px 16px;
	border-radius: 10px;
	margin: 14px 0 18px
}

.cart-reserve-timer svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0
}

.cart-reserve-timer time {
	font-variant-numeric: tabular-nums
}

.cart-reward-bar {
	display: block;
	margin: 4px 0 24px
}

.cart-reward-bar__message {
	text-align: center;
	margin: 0 0 18px;
	font-size: 14px;
	color: #111;
	font-weight: 500
}

.cart-reward-bar__message strong {
	color: #8f3f26;
	font-weight: 700
}

.cart-reward-bar__track {
	position: relative
}

.cart-reward-bar .cart-progress-bar {
	position: absolute;
	top: 14px;
	left: 8px;
	right: 8px;
	width: auto;
	height: 4px;
	background: #efe4dc;
	border-radius: 20px;
	overflow: hidden
}

.cart-reward-bar .progress-bar-inner {
	display: block;
	background: #73301b;
	height: 100%;
	width: 0;
	transition: width .45s ease
}

.cart-reward-bar__tiers {
	position: relative;
	display: flex;
	justify-content: space-between
}

.cart-reward-bar__tier {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center
}

.cart-reward-bar__dot {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #efe4dc;
	color: #c7b3a8;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid #fffbfa
}

.cart-reward-bar__dot svg {
	width: 13px;
	height: 13px
}

.cart-reward-bar__tier.is-reached .cart-reward-bar__dot {
	background: #8f3f26;
	color: #fff
}

.cart-reward-bar__pct {
	font-size: 14px;
	font-weight: 700;
	color: #8f3f26
}

.cart-reward-bar__hint {
	font-size: 12px;
	color: #8a8a8a
}

:where(.modal, .drawer, .popover, .header-search)::part(close-button) {
	color: #8f3f26;
	opacity: 1!important;
	padding-right:10px
}

#cart-drawer::part(drawer-header) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0
}

#facets-drawer::part(drawer-header) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 20px 0
}

.line-item-info {
	width: 100%
}

.line-item-info .v-stack.justify-items-start.gap-2 {
	width: 100%;
	align-items: flex-start;
	flex-direction: column;
	display: flex;
	justify-content: space-between
}

.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 {
	flex-direction: column;
	align-items: center;
	gap: 8px
}

.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 quantity-selector {
	height: 30px;
	border-radius: 35px;
	border: 1px solid #ccc;
	padding: 0 12px;
	width: auto;
	display: flex;
	align-items: center
}

.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 quantity-selector .quantity-selector__button svg path {
	fill: #8f3f26
}

.cart-drawer__items {
	gap: 0
}

.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 quantity-input.quantity-selector__input-wrapper,
.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 quantity-input.quantity-selector__input-wrapper input {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	line-height: 100%
}

.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 quantity-selector .quantity-selector__button {
	width: 24px;
	align-items: center;
	text-align: center
}

.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 a.link:hover {
	color: #73301b
}

.line-item-info .v-stack.justify-items-start.gap-2 a.h6 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: none;
	line-height: normal;
	color: #8f3f26!important
}

.line-item-info .v-stack.justify-items-start.gap-2 .v-stack.justify-items-start.gap-1 {
	gap: 0
}

.line-item-info .v-stack.justify-items-start.gap-2 price-list.price-list sale-price.h6.text-subdued {
	font-size: 12px;
	color: #8f3f26;
	font-weight: 600;
	line-height: normal
}

.horizontal-product-card__info .product-form-price {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between
}

.line-item-info .v-stack.justify-items-start.gap-2 price-list.price-list span.line-item-cprice {
	font-size: 12px;
	color: #000000b3;
	font-weight: 400;
	line-height: normal;
	text-decoration: line-through
}

#cart-drawer::part(footer) {
	width: 100%;
	bottom: 0;
	border: 0;
	z-index: 99;
	left: 0;
	padding: 0!important;
	display: flex;
	flex-direction: column;
	gap: 30px;
	background: #fff
}

[slot=footer] {
	padding: 20px 0 16px;
	background: #fcf7f3
}

[slot=footer] .button-group {
	padding: 6px 24px 0;
	border-top: 0;
	margin-top: 0
}

[slot=footer] .button-group button.button.button-secondary-light:before,
[slot=footer] .button-group button.button.button-secondary-light:after {
	content: none
}

[slot=footer] .button-group button.button.button-secondary-light svg.block {
	display: none
}

[slot=footer] {
	border-top: 1px solid #eaeef0;
	box-shadow: 0 -7px 15px -18px #00000059
}

[slot=footer] .button-group button.button.button-secondary-light {
	padding: 12px;
	text-transform: capitalize;
	letter-spacing: 1px
}

#cart-drawer::part(content) {
	background: #fffbfa
}

#cart-drawer::part(main) {
	padding: 0 24px 20px;
	background: #fffbfa
}

#cart-drawer::part(content) {
	display: flex;
	flex-direction: column
}

.cart-drawer__footer .totals .totals__totals {
	color: #4a6a32;
	font-weight: 500
}

#cart-drawer::part(main) {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden auto
}

.cart-drawer::part(body) {
	overflow: initial;
	height: 100%
}

.header-body-main {
	flex: 1;
	overflow-y: auto
}

.cart-drawer__footer {
	gap: 0px;
	padding: 0 24px 10px
}

form.cart-drawer__footer {
	padding: 0
}

[slot=footer] .button-group button.button.button-secondary-light {
	transition: .5s all
}

[slot=footer] .button-group button.button.button-secondary-light:focus-visible {
	outline: none
}

[slot=footer] .button-group button.button.button-secondary-light svg {
	width: 22px
}

[slot=footer] .button-group button.button.button-secondary-light svg path {
	fill: #fff
}

.cart-drawer__footer .totals {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 5px;
	padding: 0 px
}

.cart-drawer__footer .totals .totals__total {
	font-size: 14px;
	font-weight: 500;
	color: #8f3f26
}

.cart-drawer__footer .totals p.totals__total-value {
	font-size: 14px;
	font-weight: 500
}

.empty-cart-main p.h5.text-center {
	font-size: 20px
}

cart-drawer.is-empty:not(:has(.cart-drawer__footer:only-child))::part(footer) {
	padding: 0;
	border: 0
}

.empty-cart-main {
	height: calc(100vh - 10px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	flex-direction: column;
	padding-top: 0;
	padding-bottom: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%
}

.empty-cart-main .empty-cart-icon-text {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	text-align: center;
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%)
}

.empty-cart-main .empty-cart-btn {
	width: 100%;
	padding-top: 16px;
	border-top: 1px solid #b3b2b1
}

.empty-cart-main .empty-cart-btn a.empty-cart-btn {
	display: block;
	padding: 12px 24px;
	background: #8f3f26;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	border: 2px solid #73301b;
	box-shadow: 0 4px #73301b
}

.empty-cart-icon {
	display: flex
}

.empty-cart-main .empty-cart-btn {
	width: 100%
}

.empty-cart-main .empty-cart-icon-text p.h5.text-center.ty {
	font-size: 24px;
	font-weight: 500;
	color: #8f3f26;
	text-transform: capitalize
}

.empty-cart-main .empty-cart-icon-text p.empty-cart-text {
	font-size: 16px;
	color: #8f3f26
}

h3.product-highlights-heading {
	margin-bottom: 15px
}

.product-highlights-inner {
	display: flex;
	overflow-y: hidden;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
	flex-wrap: wrap;
	gap: 10px
}

.product-highlights-item {
	background: #fffbf9;
	border-radius: 10px;
	padding: 15px 25px;
	min-width: unset;
	border: none;
	margin: 0;
	flex-shrink: 0
}

.product-highlights-item-inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px
}

.product-highlights-item-img {
	width: 32px
}

.product-highlights-item-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: start;
	gap: 4px
}

.product-highlights-item-content h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1
}

.product-highlights-item-content p {
	color: #0009;
	line-height: 1.25;
	font-size: 14px;
	font-weight: 400
}

.product-card-highlights-block .product-highlights-inner {
	flex-wrap: nowrap;
	gap: 0
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item {
	padding: 0 15px;
	margin: 8px 0;
	min-width: 40%;
	background: transparent;
	border-right: 1px solid #0000000f
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item .product-highlights-item-img {
	width: 24px
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item .product-highlights-item-inner {
	gap: 8px
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item h3 {
	font-size: 14px;
	color: #8f3f26!important
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item p {
	font-size: 12px
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item:last-child {
	border-right: 0
}

.products-slider-wrapper product-card.product-card.product-card-have-metavalues,
product-card.product-card.product-card-have-metavalues {
	padding-bottom: 0;
	overflow: hidden
}

product-card.product-card.product-card-have-metavalues .product-card__info {
	justify-content: flex-end
}

.product-card-highlights-block {
	position: relative;
	width: calc(100%+ 48px);
	left: -24px;
	padding: 10px;
	background: #fafafa
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item .product-highlights-item-inner {
	transform: scale(1)
}

.product-card-highlights-block .product-highlights-inner .product-highlights-item:hover .product-highlights-item-inner-main {
	box-shadow: unset;
	background: transparent;
	transform: unset
}

.product-card-highlights-block:before {
	content: "";
	position: absolute;
	background: linear-gradient(90deg, rgb(255 255 255) 0%, transparent 100%);
	width: 68px;
	height: 100%;
	left: 0;
	z-index: 1
}

.product-card-highlights-block:after {
	content: "";
	position: absolute;
	background: linear-gradient(90deg, rgb(255 255 255) 0%, transparent 100%);
	width: 68px;
	height: 100%;
	right: 0;
	z-index: 1
}

.product-card-highlights-block {
	overflow: hidden
}

.product-highlights-inner {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-behavior: smooth
}

.product-highlights-inner::-webkit-scrollbar {
	display: none
}

.product-highlights-item {
	flex: 0 0 auto
}

.template-collection .custom-goal-banner {
	padding: 2rem 0px 50px
}

.template-collection .custom-goal-banner .banner-content {
	text-align: left
}

.template-collection .breadcrumb-section {
	top: 180px;
	padding: 10px 40px!important;
	margin-inline: 40px;
	border-radius: 100px;
	margin-top: 12px!important;
	position: absolute;
	left: 0;
	right: 0;
	border: 2px solid #9d9e8a!important;
	box-shadow: 0 4px #9d9e8a;
	background: #fbf2ef
}

.template-collection .breadcrumb-section nav.breadcrumb {
	position: unset
}

.template-collection .breadcrumb-section nav.breadcrumb li.breadcrumb__list-item a {
	text-transform: unset;
	font-size: 12px;
	font-weight: 500;
	color: #0009
}

.template-collection .breadcrumb-section .container {
	padding: 0
}

.template-collection .shopify-section--main-collection {
	overflow: hidden
}

.collection-img-mob {
	display: none
}

.shopify-section--main-list-collections {
	padding-top: 60px;
	background: #efefef
}

.shopify-section--main-list-collections .section-header h1.h2 {
	color: #8f3f26;
	letter-spacing: 1px;
	font-weight: 800;
	text-transform: uppercase
}

.collection-all-page section.custom-goal-banner {
	padding-top: 130px
}

.collection-list a.collection-card img {
	aspect-ratio: 1/1;
	object-fit: contain
}

.product-info__block-item .process-wrapper h2,
.community-videos h2 {
	text-align: center;
	font-size: 20px;
	line-height: 100%;
	margin-bottom: 5px
}

.community-videos {
	margin-top: 20px
}

.community-videos h2 {
	text-align: left
}

.product-info__block-item .process-wrapper p.subheading {
	font-size: 16px;
	text-align: center;
	color: #333
}

.product-info__block-item .process-wrapper .process-steps,
.community-videos .video-grid {
	display: flex;
	margin-top: 20px;
	flex-wrap: wrap;
	gap: 40px
}

.product-info__block-item .process-wrapper .process-steps .step,
.community-videos .video-grid .video-card {
	width: calc(33.33% - 26.66px);
	position: relative
}

.product-info__block-item .process-wrapper .process-steps .step:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(/cdn/shop/files/arrow-brw.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	right: -30px;
	top: 38%;
	transform: translateY(-50%)
}

.product-info__block-item .process-wrapper {
	margin: 30px 0
}

.product-info__block-item .process-wrapper .process-steps .step:last-child:before {
	content: none
}

.process-steps .step img {
	width: 100%;
	display: block;
	border-radius: 20px
}

.process-steps .step img {
	width: 100%;
	display: block;
	border-radius: 20px;
	border: 2px solid #8f3f26;
	box-shadow: 0 2px #8f3f26
}

.process-steps .step .step-content span.number {
	width: 30px;
	height: 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	line-height: 100%
}

.process-steps .step .step-content span.number:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #8f3f26;
	top: -2px;
	border-radius: 100px;
	position: absolute;
	z-index: -1
}

.process-steps .step .step-content {
	display: flex;
	gap: 10px;
	margin-top: 15px
}

.process-steps .step .step-content .step-index {
	width: 30px;
	display: flex
}

.process-steps .step .step-content .step-details {
	width: calc(100% - 40px);
	display: flex;
	flex-direction: column;
	gap: 5px
}

.process-steps .step .step-content .step-details h4 {
	font-size: 16px;
	line-height: normal
}

.process-steps .step .step-content .step-details p {
	font-size: 14px;
	line-height: 18px;
	color: #333
}

.community-videos .video-grid .video-card .video-wrapper {
	width: 100%;
	display: block;
	border-radius: 20px;
	border: 2px solid #8f3f26;
	box-shadow: 0 2px #8f3f26;
	overflow: hidden;
	position: relative
}

.community-videos .video-grid .video-card .video-wrapper video.community-video {
	aspect-ratio: 1/1;
	object-fit: cover;
	display: block
}

.community-videos .video-grid .video-card .video-wrapper .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	transform: translate(-50%, -50%)
}

.community-videos .video-grid .video-card .video-wrapper .play-button svg {
	width: 50px;
	height: 50px
}

.community-videos .video-grid .video-card .video-info {
	margin-top: 10px
}

.community-videos .video-grid .video-card .video-info p {
	text-align: center;
	font-weight: 500;
	color: #333;
	font-size: 14px
}

.community-videos .video-grid .video-card .video-info span {
	display: block;
	text-align: center;
	font-weight: 600
}

.community-videos .bottom-info {
	margin-top: 20px;
	padding: 15px 30px;
	background: #ffeee6;
	border: 2px solid #8f3f26;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	position: relative
}

.community-videos .bottom-info:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 50%;
	background: #8f3f26;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%
}

.community-videos .bottom-info .info-main {
	width: calc(50% - 15px);
	display: flex;
	gap: 15px;
	align-items: center
}

.community-videos .bottom-info .bottom-right-info.info-main {
	padding-left: 50px
}

.community-videos .bottom-info .info-main span.info-icon {
	font-size: 30px
}

.community-videos .bottom-info .info-main span.info-text {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	max-width: 190px
}

.free-gift-price-block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 3px 0
}

.free-gift-price-block span.free-gift-price {
	color: #000000b3;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through
}

.free-gift-price-block span.free-gift-price-tag {
	text-transform: uppercase;
	font-weight: 600;
	color: #5d8d37;
	font-size: 14px
}

p.free-gift-note-text {
	color: #8f3f26!important;
	padding: 0;
	font-size: 11px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 4px;
	max-width: 140px
}

p.free-gift-note-text svg {
	width: 20px;
	min-width: 20px
}

p.free-gift-note-text svg path {
	fill: #5d8d37!important
}

.totals.totals--promo {
	color: #5d8d37!important
}

line-item.line-item.is-free-gift .line-item-info a.h6 {
	margin-bottom: 0!important
}

.cart-drawer__complementary-products.complementary-products {
	padding: 0 0 20px;
	border: 0;
	margin: 0!important;
	gap: 5px!important
}

.horizontal-product-card product-form button.button--subdued {
	display: none!important
}

.complementary-products__header carousel-navigation.page-dots.page-dots--narrow {
	display: none
}

.horizontal-product-card product-form button.\@narrow\:horizontal-product-card__button.link {
	padding: 6px 26px;
	background: #8f3f26;
	transition: .5s all;
	border-radius: 40px;
	width: max-content;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #8f3f26;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 22px
}

.horizontal-product-card__info a.product-title.h6 {
	color: #8f3f26
}

.cart-drawer__footer .totals+.h-stack.gap-3 {
	display: none
}

.complementary-products__header p.h6 {
	font-size: 14px;
	text-transform: none;
	font-weight: 500;
	color: #8f3f26
}

line-item.line-item.is-free-gift .line-item-info price-list.price-list sale-price.h6.text-subdued {
	text-decoration: line-through
}

.product-add-btn span.button-label svg.cart--icon {
	width: 20px;
	height: 20px
}

.product-add-btn span.button-label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px
}

.button-loader {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin .6s linear infinite
}

button[aria-busy=true] .button-label {
	display: none
}

button[aria-busy=true] .button-loader {
	display: inline-block
}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}
}

.slider-image-container {
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 15px;
	margin-bottom: 15px
}

.slide-image-wrap {
	width: 1400px;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: moveSlideshow
}

.slides-images {
	display: flex;
	width: max-content
}

.slide-image {
	display: flex;
	flex-direction: column;
	align-items: center
}

.image-slide {
	width: 200px;
	height: 200px;
	position: relative;
	border-radius: 15px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 4px
}

.slide_img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.image-slider-main {
	margin-top: 20px
}

@keyframes moveSlideshow {
	0% {
		transform: translate(0)
	}
	to {
		transform: translate(-100%)
	}
}

.images-slider-section {
	padding: 60px 0
}

.images-slider-section-inner .image-item {
	margin: 0 10px
}

.images-slider-section-inner .image-item img {
	border-radius: 15px
}

.product-info__block-item .isp-section {
	padding: 0!important
}

.cart-free-shipping-bar p.shipping-text span.remaining-shipping-text {
	color: #8f3f26
}

.free-gift-above-tag-inner {
	display: flex;
	align-items: center;
	background: #50734c;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px 8px;
	gap: 5px;
	justify-content: center;
	border-radius: 10px 10px 10px 0
}

.free-gift-above-tag-inner span svg {
	width: 12px;
	height: 12px
}

.free-gift-above-tag-inner span svg g {
	fill: #fff
}

.free-gift-above-tag-inner p {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 500;
	position: relative;
	top: 1px
}

.free-product-badge-details {
	display: flex;
	flex-direction: column;
	gap: 3px
}

line-item.line-item.is-free-gift .main-free-remove-badge {
	position: absolute;
	top: 12px;
	right: 12px
}

line-item.line-item.is-free-gift .main-free-remove-badge a.link.text-xs {
	background: transparent
}

line-item.line-item.is-free-gift .main-free-remove-badge a.link.text-xs svg.lucide {
	width: 20px;
	height: 20px;
	color: #51734c
}

line-item.line-item.is-free-gift {
	gap: 0!important;
	padding: 20px 10px 10px!important
}

line-item.line-item.is-free-gift img.line-item__media {
	width: 75px!important
}

line-item.line-item.is-free-gift .line-item-info {
	padding-left: 15px
}

.template-collection .custom-goal-banner {
	padding-top: 60px;
	padding-bottom: 12px
}

product-gallery.product-gallery {
	align-items: center
}

.collection .collection__main product-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr
}

section.subsave-parent .subsave-container.fade-trigger .subsave-right {
	display: none
}

section.subsave-parent .subsave-container.fade-trigger .subsave-left {
	text-align: center
}

section.subsave-parent .subsave-container.fade-trigger .subsave-left p.subsave-desc {
	margin-left: auto;
	margin-right: auto
}

section.subsave-parent .subsave-container.fade-trigger .subsave-left ul.subsave-list li {
	justify-content: center
}

.products-slider-wrapper .products-sliders {
	display: flex;
	gap: 20px;
	overflow: auto;
	flex-wrap: nowrap;
	scrollbar-color: #9b4b3a transparent;
	padding: 16px 0 24px
}

.products-slider-wrapper .products-sliders product-card.product-card {
	width: calc(25% - 15px);
	min-width: calc(25% - 15px)
}

.products-slider-wrapper .products-sliders {
	overflow-x: scroll!important;
	overflow-y: hidden;
	scrollbar-color: #9b4b3a transparent
}

.products-slider-wrapper .products-sliders::-webkit-scrollbar {
	height: 6px
}

.products-slider-wrapper .products-sliders::-webkit-scrollbar-track {
	border-radius: 10px
}

.products-sliders::-webkit-scrollbar-thumb {
	background: #9b4b3a;
	border-radius: 10px
}

.products-slider-wrapper .products-sliders::-webkit-scrollbar-thumb:hover {
	background: #7a3a2d
}

.products-slider-wrapper .progress-bar-container {
	display: none
}

.products-slider-wrapper .products-sliders::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0
}

.all-announcement-slides .announcement-slide.active .inner-announcement-slide {
	opacity: 1;
	transform: translateY(0)
}

.announcement-slide {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	top: 50%
}

.all-announcement-slides .announcement-slide .inner-announcement-slide {
	display: flex;
	gap: 8px;
	align-items: center;
	opacity: 0;
	transform: translateY(100%);
	transition-property: opacity, transform;
	transition: .7s cubic-bezier(.7, 0, .3, 1)
}

.all-announcement-slides .announcement-slide span.anima-icon svg.icon {
	color: #73301b
}

.all-announcement-slides .announcement-slide p.announcement-text {
	line-height: 1.25;
	font-size: 15px;
	color: #73301b
}

.all-announcement-slides .announcement-slide p.announcement-text svg.icon.icon-basic-underline {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 30%;
	inset-block-start: auto;
	inset-block-end: -20%
}

.product-kit {
	padding: 40px 20px;
	background-color: #8f3f26
}

.product-kit .product-kit__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 100px;
	align-items: center
}

.product-kit .product-kit__wrapper .product-kit__image {
	width: calc(50% - 50px);
	border-radius: 24px;
	overflow: hidden
}

.product-kit .product-kit__wrapper .product-kit__content {
	width: calc(50% - 50px)
}

.product-kit .product-kit__wrapper .product-kit__image img {
	object-fit: cover;
	aspect-ratio: 1
}

.product-kit__content h2 {
	font-size: 36px;
	line-height: 1.4;
	font-weight: 800;
	margin-bottom: 16px;
	text-transform: uppercase;
	color: #fff
}

.product-kit__content .kit-details p {
	font-size: 14px;
	line-height: 1.4rem;
	font-weight: 400;
	color: #fff;
	margin-bottom: 16px
}

.product-kit__blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 16px
}

.product-kit__blocks .product-kit__block {
	width: calc(50% - 8px);
	display: flex;
	gap: 12px;
	align-items: center
}

.product-kit__blocks .product-kit__block p {
	font-size: 14px;
	line-height: 1.4rem;
	font-weight: 600;
	color: #fff
}

.product-kit__blocks .product-kit__block img {
	width: 24px;
	height: 25px
}

.animated-announcement-bar-section {
	background-color: #fff0cf
}

.announcement-slides-button {
	display: flex;
	max-width: 540px;
	margin: 0 auto;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	gap: 30px
}

.all-announcement-slides .announcement-slide p.announcement-text svg.icon.icon-basic-underline path {
	animation: strokeAnimation 1.3s cubic-bezier(.65, 0, .35, 1) forwards;
	color: #73301b
}

@keyframes strokeAnimation {
	0% {
		stroke-dashoffset: 1;
		opacity: 0
	}
	1% {
		opacity: 1
	}
	to {
		stroke-dashoffset: 0
	}
}

.all-announcement-slides {
	max-width: 448px;
	min-width: 448px;
	height: 48px;
	position: relative
}

.all-announcement-slides svg {
	width: 16px;
	height: 16px
}

.announcement-slides-button .left-arrow,
.announcement-slides-button .right-arrow {
	width: 16px;
	height: 16px
}

.announcement-slides-button .left-arrow svg,
.announcement-slides-button .right-arrow svg {
	width: inherit!important;
	height: inherit!important;
	cursor: pointer
}

.announcement-slides-button svg path {
	color: #9a623c
}

.announcement-slides-button .right-arrow svg {
	transform: rotate(180deg)
}

.collection-list.wrap a.collection-card.group {
	border-radius: 24px;
	border: 2px solid #8f3f26;
	box-shadow: 0 4px #8f3f26
}

.collection-list.wrap a.collection-card.group .content-over-media {
	border-radius: 24px
}

li.header__primary-nav-item .custom-megamenu-trigger:hover .latest-mega-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.latest-mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	z-index: 999;
	margin-top: 6px
}

.main-latest-mega-menu .inner-latest-mega-menu {
	display: grid;
	padding: 30px;
	border-radius: 20px;
	background: #fcf7f6;
	border: 2px solid #e9c4ba;
	grid-template-columns: 1.2fr 1.2fr 1.2fr 1.5fr
}

.collection-mega-block a .mega-coll-icon img {
	border-radius: 8px
}

li.header__primary-nav-item.is-megamenu .custom-megamenu-trigger {
	padding: 13px 20px;
	background-color: #f8eae2;
	border-radius: 70px;
	cursor: pointer
}

.main-latest-mega-menu .inner-latest-mega-menu .mega-middle-block {
	padding: 0 20px;
	border-right: 2px solid rgb(246 237 232);
	border-left: 2px solid rgb(246 237 232)
}

.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block {
	padding-right: 20px;
	padding-left: 20px
}

.menu-item-with-icon:after {
	content: none!important
}

.main-latest-mega-menu .inner-latest-mega-menu>div h4,
.main-latest-mega-menu .inner-latest-mega-menu>div h3 {
	color: #8f3f26;
	font-size: 14px;
	margin-bottom: 15px
}

.inner-latest-mega-menu .mega-left .mega-categories {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label {
	display: flex;
	gap: 10px;
	align-items: center;
	position: relative
}

.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label .tab-icon {
	width: 50px
}

.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label span.tab-label {
	color: #000;
	font-weight: 500
}

.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label span.arrow-icon {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.inner-latest-mega-menu .mega-left {
	padding-right: 20px
}

.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label span.arrow-icon svg.lucide.lucide-chevron-right-icon {
	color: #8f3f26
}

.collection-mega-block a {
	display: flex;
	gap: 10px;
	align-items: center
}

.collection-mega-block a .mega-coll-icon {
	width: 50px
}

.collection-mega-blocks {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.collection-mega-block a span.coll-title {
	font-size: 14px;
	font-weight: 500
}

.mega-third-block .craft-items {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.mega-third-block .craft-items .craft-item {
	display: flex;
	gap: 10px
}

.mega-third-block .craft-items .craft-item .craft-icon {
	display: flex;
	width: 50px;
	height: 50px;
	min-width: 50px;
	background: #f5e9e5;
	border-radius: 50px;
	overflow: hidden;
	align-items: center;
	justify-content: center
}

.mega-third-block .craft-items .craft-item .craft-icon img {
	width: 30px;
	height: 30px;
	border-radius: 60px
}

.mega-third-block .craft-items .craft-item .craft-details {
	display: flex;
	flex-direction: column;
	gap: 5px
}

.mega-third-block .craft-items .craft-item .craft-details h5.craft-label {
	font-size: 14px;
	line-height: 14px;
	font-weight: 500
}

.mega-third-block .craft-items .craft-item .craft-details p.craft-text {
	font-size: 12px;
	line-height: 16px
}

.mega-right a img {
	border-radius: 15px;
	overflow: hidden
}

.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block .mega-right.mobile-view {
	display: none
}

li.header__primary-nav-item.is-megamenu .custom-megamenu-trigger:hover .menu-item-with-icon a.block.h6 {
	color: #8f3f26
}

li.header__primary-nav-item.is-megamenu .custom-megamenu-trigger:hover .menu-item-with-icon svg path {
	stroke: #8f3f26;
	fill: #8f3f26
}

.expectation-timeline,
.template-index .images-slider-section {
	padding: 10px 20px 20px!important;
	position: relative
}

.template-index .images-slider-section {
	padding-left: 0!important;
	padding-right: 0!important
}

.shopify-section--related-products .collection__main {
	padding: 100px 20px 120px!important;
	position: relative
}

section.expectation-timeline:after,
.shopify-section--related-products .collection__main:after,
.template-index .images-slider-section:after {
	top: 0;
	background-image: url(/cdn/shop/files/top-ast.svg?v=1778264256);
	content: "";
	position: absolute;
	width: 100%;
	height: 52px;
	background-size: cover;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0;
	z-index: 1;
	top: unset
}

.template-index .product-tabs-section {
	padding-top: 110px;
	position: relative;
	padding-bottom: 80px
}

.template-index .product-tabs-section {
	padding-bottom: 110px;
	position: relative
}

.template-index section.pf-marquee-cards {
	overflow: visible;
	padding-bottom: 40px;
	position: relative
}

.product-kit,
.dynamic-faq-module {
	position: relative;
	padding: 40px 20px 70px!important
}

.product-kit:before,
.dynamic-faq-module:before,
.template-index section.pf-marquee-cards:before {
	content: "";
	position: absolute;
	background-image: url(/cdn/shop/files/ast-btm.svg?v=1778263930);
	width: 100%;
	height: 72px;
	background-size: cover;
	background-repeat: no-repeat;
	top: unset;
	left: 0;
	z-index: 1;
	bottom: -40px
}

.cvs-main-wrapper {
	padding: 110px 0 60px!important
}

.template-page-build-gallery .custom-image-slider-section {
	margin-top: 0!important;
	padding-top: 150px
}

.footer-down-details .inner-footer-down-details .localization-selectors div>button {
	padding: 10px 20px;
	border: 2px solid #8f3f26;
	border-radius: 50px;
	font-size: 14px;
	text-transform: none;
	color: #634b3f
}

.footer-down-details .inner-footer-down-details {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding-bottom: 20px
}

.footer-down-details .inner-footer-down-details .store-address p {
	text-align: center;
	font-size: 16px
}

.footer-down-details .inner-footer-down-details ul.policies.list-unstyled li {
	padding: 0;
	font-size: 18px;
	font-weight: 400
}

.footer-down-details .inner-footer-down-details ul.policies.list-unstyled {
	display: flex;
	margin: 0;
	gap: 10px;
	list-style: none;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

body.template-.template- {
	background: #fbf2ef
}

[slot=footer] .button-group button.button.button-secondary-light svg.loader-svg {
	width: 22px;
	height: 22px;
	animation: rotateLoader 1s linear infinite;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

[slot=footer] .button-group button.button.button-secondary-light svg.loader-svg circle.loader-path {
	stroke: #fff;
	stroke-linecap: round;
	stroke-dasharray: 90;
	stroke-dashoffset: 60
}

@keyframes rotateLoader {
	to {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

[slot=footer] .button-group button.button.button-secondary-light.active {
	font-size: 0
}

[slot=footer] .button-group button.button.button-secondary-light.active svg,
[slot=footer] .button-group button.button.button-secondary-light svg.loader-svg {
	display: none
}

[slot=footer] .button-group button.button.button-secondary-light.active svg.loader-svg {
	display: block
}

[slot=footer] .button-group button.button.button-secondary-light.active span {
	display: none
}

li.item-properties-text {
	font-size: 12px
}

.cart-drawer__complementary-products.complementary-products .complementary-products__header {
	text-align: start;
	justify-content: left;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px
}

.cart-drawer__complementary-products.complementary-products .complementary-products__header .icon {
	display: flex
}

.cart-drawer__complementary-products.complementary-products .complementary-products__header .icon svg {
	fill: #8f3f26;
	stroke: #fff
}

p.totals__shipping-note {
	color: #8f3f26!important
}

line-item.line-item.is-free-gift .line-item-info .v-stack.justify-items-start.gap-1 {
	width: 100%;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between
}

line-item.line-item.is-free-gift .line-item-info .v-stack.justify-items-start.gap-1 .free-gift-above-tag .free-gift-above-tag-inner span {
	display: none
}

line-item.line-item.is-free-gift .line-item-info .v-stack.justify-items-start.gap-1 .free-gift-above-tag .free-gift-above-tag-inner {
	position: unset;
	width: auto;
	display: inline-block;
	background: #8f3f26!important;
	border-radius: 20px
}

.horizontal-product-card .product-form-price {
	width: auto
}

.horizontal-product-card .horizontal-product-card__info {
	flex-direction: row;
	display: flex;
	justify-content: space-between
}

.cart-drawer__items line-item.line-item.line-item-10281905848621 .custom-paint-product-properties ul.item-properties-list li span.cl-prop {
	font-size: 9px;
	text-align: center;
	color: #1c1c1c;
	display: flex;
	justify-content: center;
	align-items: center
}

.cart-drawer__items line-item.line-item.line-item-10281905848621 .custom-paint-product-properties ul.item-properties-list li span.cl-prop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 5px auto 0;
	min-width: 110px;
	min-height: 110px;
	border-radius: 10px
}

.cart-drawer__items line-item.line-item.line-item-10281905848621 .custom-paint-product-properties .custom-properties-text p {
	font-size: 9px;
	text-align: center;
	line-height: normal
}

.cart-drawer__items line-item.line-item.line-item-10281905848621 .custom-paint-product-properties .custom-properties-text {
	margin-top: 5px
}

.cart-drawer__items line-item.line-item.line-item-10281905848621 img.line-item__media {
	height: 100%;
	object-fit: cover
}

.custom-paint-product-tag {
	color: #8f3f26;
	background: #fef2e5;
	font-size: 11px;
	position: relative;
	padding: 3px 10px;
	gap: 2px;
	display: flex;
	align-items: center;
	border-radius: 6px;
	margin-bottom: 10px
}

.custom-paint-product-tag:before {
	content: "";
	background-image: url(/cdn/shop/files/star.svg?v=1780503377);
	width: 20px;
	height: 20px;
	background-size: 20px
}

#clnj43axxa4t .cl-upload--errors.open {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999999;
	width: 100%;
	max-width: 400px;
	transition: none;
	border-radius: 15px;
	padding: 50px 0
}

#clnj43axxa4t .cl-upload--errors.open .cl-upload--error {
	margin: 0!important;
	padding: 50px;
	border-radius: 15px;
	border: 2px solid #73301b!important;
	box-shadow: 0 4px #73301b!important
}

#clnj43axxa4t .cl-upload--errors.open .cl-upload--error p {
	font-size: 20px!important;
	color: #8f3f26;
	font-weight: 600
}

#clnj43axxa4t .cl-upload--error:after {
	font-size: 20px!important;
	color: #8f3f26
}

.custom-upload-button-block-inner {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 15px;
	border: 1px solid #ddd1c9;
	border-radius: 12px;
	background: #fff8f4;
	margin: 10px 0 0;
	cursor: pointer
}

.custom-upload-button-img {
	border: 2px dashed #ddd1c9;
	padding: 5px;
	border-radius: 10px
}

.custom-upload-button-img img {
	width: 65px;
	margin-left: 5px
}

button.product-add-btn span.button-label svg.cart--icon {
	display: none
}

button.product-add-btn {
	letter-spacing: 1px;
	font-size: 18px
}

.filepond--root.cl-upload--area.filepond--hopper {
	margin: 0!important
}

.filepond--drop-label {
	display: none!important;
	min-height: 0!important
}

.template-product-custom-pbn-options .product-info__block-item[data-block-type=buy-buttons] {
	margin-top: 10px!important
}

.upload-button-text {
	display: flex;
	align-items: center;
	justify-content: center
}

.upload-button-text svg {
	width: 25px;
	height: 23px
}

.upload-button-text svg path {
	fill: #8f3f26
}

@media screen and (min-width:1600px) {
	section.hero-burn-elite .container {
		padding-left: max(calc((100vw - 1657px)/2), 40px);
		padding-right: max(calc((100vw - 1657px)/2), 40px)
	}
	section.hero-burn-elite .hero-burn-elite__media {
		width: 100%
	}
	section.hero-burn-elite .hero-burn-elite__media img {
		width: 100%;
		max-width: 600px
	}
	section.hero-burn-elite {
		padding-top: 100px
	}
	body .hero-burn-elite .hero-title {
		font-size: 80px
	}
	.hero-burn-elite .hero-badge {
		font-size: 20px
	}
	.hero-burn-elite .product-stars svg {
		width: 24px;
		height: 24px
	}
	body .hero-burn-elite .hero-description {
		font-size: 26px;
		max-width: 100%
	}
	body .hero-burn-elite .btn-primary,
	body .hero-burn-elite .btn-secondary {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 18px
	}
}

@media screen and (min-width:1150px) {
	body x-header.header nav.header__primary-nav {
		gap: 25px
	}
}

@media screen and (min-width:999.99px) {
	safe-sticky.product-info {
		padding-right: 20px;
		padding-left: 40px
	}
	product-gallery.product-gallery {
		position: sticky;
		top: 0
	}
	product-rerender .product {
		display: flex;
		justify-content: center
	}
	product-rerender .product product-gallery.product-gallery {
		width: 50%;
	
	}
	product-rerender .product safe-sticky.product-info {

		width: 50%;
		padding-right: 0
	}
}

@media screen and (min-width:768px) {
	.product-gallery__thumbnail-scroller {
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		overflow-x: auto;
		scroll-behavior: smooth;
		flex: 1 1 0%!important;
		min-width: 0;
		margin: 0;
		padding: 2px 0 4px;
		list-style: none;
		scrollbar-width: none;
		-ms-overflow-style: none;
		touch-action: pan-y pan-x pinch-zoom
	}
	button.product-gallery__thumbnail {
		height: 90px;
		width: 90px;
		position: relative;
		flex: 0 0 90px;
		border-radius: 5px
	}
	button.product-gallery__thumbnail img {
		border-radius: 5px
	}
	.template-collection .custom-goal-banner .collection-img-mob {
		display: none
	}
	.template-collection .custom-banner-main-hero {
		position: relative;
		padding-top: 75px;
		background: #fbf3ef;
		overflow: hidden
	}
	.blog-section-page {
		padding-top: 120px
	}
	.collection__main product-list.product-list {
		justify-content: center;
		gap: 20px
	}
	.quick-buy-modal__info-wrapper {
		margin: auto
	}
	.collection-toolbar {
		display: block;
		width: auto
	}
	.collection-toolbar__button-list {
		justify-content: space-between;
		border: none;
		flex-direction: row
	}
	.collection-toolbar__button-container {
		width: auto;
		border: none
	}
}

@media screen and (max-width:1300px) {
	.process-steps .step .step-content .step-details h4 {
		font-size: 14px
	}
	.process-steps .step .step-content .step-details p {
		font-size: 12px;
		line-height: 15px
	}
	.product-kit .product-kit__wrapper {
		gap: 40px
	}
	.product-kit .product-kit__wrapper .product-kit__image,
	.product-kit .product-kit__wrapper .product-kit__content {
		width: calc(50% - 20px)
	}
	body x-header.header nav.header__primary-nav {
		gap: 15px
	}
}

@media screen and (max-width:1200px) {
	.custom-megamenu-trigger .block {
		font-size: 12px
	}
	li.header__primary-nav-item.is-megamenu .custom-megamenu-trigger {
		padding: 10px 16px
	}
	x-header.header {
		padding-inline: 30px!important;
		gap: 10px!important
	}
	.main-latest-mega-menu .inner-latest-mega-menu {
		padding: 20px;
		grid-template-columns: 1fr 1fr 1fr 1fr
	}
	.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label span.tab-label {
		padding-right: 30px
	}
	.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label .tab-icon {
		width: 50px;
		min-width: 50px
	}
	body x-header.header nav.header__primary-nav {
		gap: 10px
	}
	.top-social-icons ul.social-media.social-media--list {
		gap: 1rem
	}
	.community-videos .bottom-info {
		padding: 10px 15px
	}
	.community-videos .bottom-info .bottom-right-info.info-main {
		padding-left: 10px
	}
	.community-videos .bottom-info .info-main span.info-text {
		font-size: 14px
	}
	.community-videos .bottom-info .info-main span.info-icon {
		font-size: 24px
	}
}

@media screen and (max-width:999px) {
	.collection__main .buy-buttons button {
		width: 100%;
		font-size: 12px;
		padding: 0;
		line-height: normal;
		margin: 0;
		padding-inline: 5px;
		height: auto
	}
	.header__primary-nav button svg.header__nav-icon.icon path {
		stroke: #73301b
	}
	a.btn.btn-full.custom-take-quiz.button-secondary-light {
		display: none
	}
	.main-header-icons-search {
		display: flex;
		gap: 4px
	}
	x-header.header {
		margin: 10px
	}
	x-header.header {
		padding-inline: 20px!important
	}
	.inner-announcement-latest-section {
		grid-template-columns: 1fr
	}
	.top-social-icons {
		display: none
	}
	product-gallery.product-gallery safe-sticky.product-gallery__thumbnail-list button.product-gallery__thumbnail {
		border-width: 2px;
		border-radius: 6px;
		overflow: hidden
	}
	.template-collection .breadcrumb-section {
		margin: 15px 10px 0;
		top: 185px;
		padding: 10px 20px!important
	}
	.template-collection .breadcrumb-section nav.breadcrumb {
		display: block
	}
	.quiz-card .quiz-content h2 {
		margin-bottom: 10px
	}
	.product-info__block-item .process-wrapper .process-steps .step:before {
		top: 40%
	}
	.collection .collection__main product-list {
		grid-template-columns: 1fr 1fr 1fr
	}
	.products-slider-wrapper .products-sliders product-card.product-card {
		width: calc(33.33% - 13.33px);
		min-width: calc(33.33% - 13.33px)
	}
	.product-kit .product-kit__wrapper {
		gap: 20px
	}
	.product-kit .product-kit__wrapper .product-kit__image,
	.product-kit .product-kit__wrapper .product-kit__content {
		width: 100%
	}
	li.header-sidebar-link.is-mobile-megamenu {
		margin-bottom: 20px
	}
	.header-sidebar__scroller li.header-sidebar-link.is-mobile-megamenu .mega-mobile-title-outer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 15px;
		border-radius: 50px;
		background: #f8eae2
	}
	li.header-sidebar-link.is-mobile-megamenu .mega-mobile-title-outer span.mega-mobile-title {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 500
	}
	li.header-sidebar-link a.header-sidebar__linklist-button {
		font-size: 14px
	}
	li.header-sidebar-link.is-mobile-megamenu.active .mega-mobile-title-outer span.arrow-icon svg.lucide {
		transform: rotate(-90deg)
	}
	li.header-sidebar-link.is-mobile-megamenu.mega-mobile-title-outer span.arrow-icon svg.lucide {
		transition: .3s all
	}
	li.header-sidebar-link.is-mobile-megamenu.active .latest-mega-menu {
		opacity: 1;
		visibility: visible;
		display: block
	}
	li.header-sidebar-link.is-mobile-megamenu .latest-mega-menu {
		position: relative;
		transform: unset;
		display: none
	}
	.main-latest-mega-menu .inner-latest-mega-menu {
		padding: 20px 15px;
		border: 0;
		grid-template-columns: 1fr
	}
	.inner-latest-mega-menu .mega-left {
		padding-right: 0
	}
	.main-latest-mega-menu .inner-latest-mega-menu>div h4,
	.main-latest-mega-menu .inner-latest-mega-menu>div h3 {
		font-size: 13px;
		font-weight: 500
	}
	.main-latest-mega-menu .inner-latest-mega-menu .mega-middle-block {
		padding: 20px 0;
		border-right: 0;
		border-left: 0;
		border-top: 2px solid rgb(246 237 232);
		border-bottom: 2px solid rgb(246 237 232);
		margin: 20px 0
	}
	.header-sidebar__main-panel .header-sidebar__scroller {
		padding-left: 12px;
		padding-right: 12px
	}
	.inner-latest-mega-menu .mega-left .mega-categories {
		gap: 10px
	}
	.mega-right.desktop-view {
		margin-top: 20px;
		display: none
	}
	.collection-mega-block a,
	.mega-third-block .craft-items .craft-item .craft-details {
		color: #000
	}
	.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block {
		padding: 15px;
		background: #f8eae2;
		border-radius: 15px
	}
	.mega-third-block .craft-items .craft-item {
		align-items: center
	}
	.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block .craft-items-outer {
		display: flex;
		flex-wrap: wrap;
		position: relative
	}
	.craft-items-outer .craft-items {
		width: 60%;
		justify-content: center
	}
	.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block .mega-right.mobile-view {
		display: block;
		width: 40%;
		position: absolute;
		right: -15px;
		bottom: -15px;
		height: calc(100%+ 65px)
	}
	.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block .mega-right.mobile-view a,
	.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block .mega-right.mobile-view a img {
		height: 100%;
		display: block;
		width: 100%
	}
	.mega-right a img {
		border-radius: 0 15px 15px 0
	}
	.mega-third-block .craft-items .craft-item .craft-icon {
		background: #fff2ed
	}
	.header__logo-image {
		padding: 0!important
	}
	.hero-burn-elite .hero-badge {
		background: transparent!important
	}
}

@media screen and (max-width:768px) {
	.expectation-timeline {
		padding: 20px 0 20px!important
	}
	.collection .collection__main product-list {
		grid-template-columns: 1fr 1fr
	}
	.quiz-card .quiz-content .quiz-text-description {
		margin-bottom: 15px
	}
	.products-slider-wrapper .products-sliders product-card.product-card {
		width: calc(50% - 10px);
		min-width: alc(50% - 10px)
	}
	.predictive-search__resource-item {
		justify-content: center;
		display: flex
	}
	a.custom-shop-header-btn {
		border: 2px solid #8f3f26;
		box-shadow: 0 4px #8f3f26;
		font-size: 14px;
		font-weight: 700;
		line-height: 90%;
		text-transform: uppercase;
		display: inline-flex;
		align-items: center;
		padding: 18px 36px 14px;
		border-radius: 100px;
		gap: 4px;
		min-height: 48px;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s;
		margin-block: 10px;
		text-align: center;
		justify-content: center;
		width: 100%
	}
	.product-cards-custom {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		margin-block: 20px
	}
	.product-cards-custom product-card.product-card {
		position: relative;
		padding: 10px;
		height: auto;
		border-radius: 24px;
		border: 2px solid #8f3f26;
		box-shadow: 0 4px #8f3f26;
		overflow: visible;
		z-index: 1
	}
	.product-cards-custom product-card.product-card .h6,
	.product-cards-custom product-card.product-card .line-through,
	.header-sidebar__back-button.is-divided {
		color: #8f3f26
	}
	.product-cards-custom a.product-card__media img {
		border-radius: 16px
	}
	a.header-drawer-card {
		position: relative;
		border: 2px solid #73301b;
		border-radius: 24px;
		box-shadow: 0 4px #73301b;
		aspect-ratio: 3;
		overflow: hidden;
		display: flex;
		margin-bottom: 15px
	}
	a.header-drawer-card .image-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}
	.header-card-content {
		position: relative;
		z-index: 1;
		width: 100%;
		padding: 16px;
		display: flex;
		justify-content: space-between
	}
	.header-card-content span {
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase
	}
	a.menu-below-card-header {
		position: relative;
		border: 2px solid #73301b;
		border-radius: 24px;
		box-shadow: 0 4px #73301b;
		aspect-ratio: 3;
		overflow: hidden;
		display: flex;
		z-index: 9;
		margin-block: 20px
	}
	a.menu-below-card-header .image-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}
	.image-wrapper:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #8f3f2654;
		z-index: 1;
		pointer-events: none
	}
	a.menu-below-card-header .content-header {
		position: relative;
		z-index: 1;
		width: 100%;
		padding: 16px;
		display: flex;
		justify-content: space-between
	}
	a.menu-below-card-header .content-header span {
		text-transform: uppercase;
		font-weight: 700
	}
	.footer-menu .footer-links {
		display: flex;
		justify-content: space-between;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 700
	}
	.footer-menu .shop-button {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		border: 2px solid #73301b;
		box-shadow: 0 4px #73301b;
		background: #8f3f26;
		font-size: 14px;
		font-weight: 700;
		line-height: 90%;
		text-transform: uppercase;
		text-align: center;
		padding: 18px 36px 14px;
		border-radius: 100px;
		min-height: 48px;
		transition: color .3s cubic-bezier(.4, 0, .2, 1);
		z-index: 0;
		color: #fff;
		width: 100%;
		margin-block: 10px
	}
	.footer-menu .shipping-text {
		font-size: 15px;
		text-align: center;
		font-weight: 700
	}
	.header-sidebar__footer {
		position: sticky;
		bottom: 0;
		padding: 0;
		z-index: 9
	}
	.header-sidebar__footer:before {
		display: none
	}
	.main-qty-btn-product button.button.w-full {
		padding: 10px
	}
	.product-gallery__custom-nav {
		display: none
	}
	.main-product-section-page {
		padding-top: 110px!important
	}
	button.\@large\:horizontal-product-card__button.button.button--outline.button--subdued {
		display: none
	}
	.complementary-products__header {
		text-align: start;
		justify-content: space-between
	}
	product-recommendations .page-dots {
		--dot-size: .375rem;
		flex-wrap: wrap;
		justify-content: center;
		gap: .5rem 1rem;
		display: flex
	}
	.quiz-card .quiz-content {
		position: relative;
		z-index: 2;
		width: 55%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		text-align: center;
		margin: auto;
		padding: 0;
		padding-block: 40px
	}
	.quiz-card .quiz-content h2 {
		font-size: 22px;
		align-items: center;
		text-align: center;
		width: 100%
	}
	.quiz-card .quiz-content .button-secondary-light {
		width: 100%
	}
	safe-sticky.product-info {
		margin-top: 30px
	}
	.single-scrolling-item {
		font-size: 12px
	}
	.announcement-text-main-inner span.announcement-text {
		font-size: 15px
	}
	#countdown_block {
		font-size: 12px!important
	}
	div#countdown-timer div {
		font-size: 6px
	}
	.reviews-slider-item-text p {
		font-size: 12px!important
	}
	.product-highlights-inner {
		flex-wrap: nowrap
	}
	.product-highlights-item-inner {
		flex-direction: column;
		align-items: center
	}
	.product-highlights-item-content {
		align-items: center
	}
	.product-highlights-item-img {
		width: 25px
	}
	.banner-content p {
		color: #73301b
	}
	.collection-all-page section.custom-goal-banner {
		padding-top: 90px
	}
	.community-videos .video-grid .video-card .video-wrapper .play-button svg {
		width: 40px;
		height: 40px
	}
	.product-kit__content h2 {
		font-size: 21px
	}
	.product-kit__content .kit-details p,
	.product-kit__blocks .product-kit__block p {
		font-size: 13px
	}
	.product-kit .product-kit__wrapper .product-kit__image {
		border-radius: 10px
	}
	.product-kit {
		padding: 40px 0
	}
	section.expectation-timeline:after,
	.shopify-section--related-products .collection__main:after,
	.template-index .images-slider-section:after {
		z-index: 0;
		bottom: -5px
	}
	.template-index .community-section {
		padding-bottom: 0
	}
	#clnj43axxa4t .cl-upload--errors.open {
		max-width: 80%
	}
	#clnj43axxa4t .cl-upload--errors.open .cl-upload--error p {
		font-size: 18px!important
	}
	#clnj43axxa4t .cl-upload--errors.open .cl-upload--error {
		padding: 40px 50px
	}
	button.product-add-btn {
		font-size: 16px
	}
	.custom-upload-button-block-inner {
		gap: 10px
	}
	.custom-upload-button-img img {
		width: 50px;
		margin-left: 2px
	}
	.custom-upload-button-content p {
		font-size: 12px
	}
}

@media screen and (max-width:749px) {
	.product-gallery__media span.product-badge {
		font-size: 16px
	}
	.announcement-latest-section {
		padding: 8px 0
	}
	.collection-img-mob {
		display: block
	}
	.template-collection .breadcrumb-section {
		top: 160px
	}
	body.collection-all-page .banner-content h2.banner-title {
		color: #73301b
	}
	.images-slider-section {
		padding: 40px 0
	}
	.all-top-scrolling-text,
	.single-scrolling-item {
		gap: 30px
	}
	.announcement-slides-button {
		gap: 15px
	}
	.all-announcement-slides {
		width: 80%;
		min-width: 80%;
		max-width: 80%
	}
	.all-announcement-slides .announcement-slide p.announcement-text {
		font-size: 14px
	}
	.all-announcement-slides .announcement-slide .inner-announcement-slide {
		gap: 5px
	}
	span.anima-icon {
		display: none
	}
	.template-page-build-gallery .custom-image-slider-section {
		padding-top: 110px
	}
	.footer-down-details .inner-footer-down-details {
		gap: 20px;
		padding: 5px 0 15px
	}
	.footer-down-details .inner-footer-down-details ul.payment-methods.unstyled-list {
		gap: 10px;
		justify-content: center
	}
	.footer-down-details .inner-footer-down-details .store-address p {
		font-size: 14px;
		max-width: 170px
	}
	.footer-down-details .inner-footer-down-details ul.policies.list-unstyled li {
		font-size: 16px;
		line-height: normal
	}
	.template-index .images-slider-section {
		padding: 40px 20px 70px!important
	}
	.template-index section.pf-marquee-cards {
		padding-bottom: 20px
	}
	.template-index section.pf-marquee-cards:before {
		height: 52px;
		bottom: -30px
	}
	.template-index .product-tabs-section {
		padding-bottom: 30px
	}
	.cvs-main-wrapper {
		padding: 70px 0 40px!important
	}
	.shopify-section.shopify-section-group-footer-group {
		padding-top: 10px
	}
	.footer-down-details .inner-footer-down-details .localization-selectors div>button {
		padding: 8px 20px
	}
	.product-kit,
	.dynamic-faq-module {
		padding: 30px 20px 50px!important
	}
	.product-kit .container,
	.dynamic-faq-module .module-container {
		max-width: 100%;
		margin: 0 auto
	}
	.shopify-section--related-products .collection__main {
		padding: 90px 20px 100px!important
	}
}

@media screen and (max-width:650px) {
	.products-slider-wrapper .products-sliders product-card.product-card {
		width: calc(80px0% - 15px);
		min-width: calc(80% - 15px)
	}
	.main-product-section-page {
		padding-top: 100px!important
	}
	#cart-drawer::part(main) {
		padding: 0 20px
	}
	#cart-drawer::part(footer) {
		width: 100%;
		padding: 0!important
	}
	#cart-drawer::part(drawer-header) {
		padding: 20px 0 15px
	}
	#cart-drawer::part(content) {
		max-width: 100%
	}
	.line-item-info .v-stack.justify-items-start.gap-2 {
		align-items: flex-start
	}
	.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 {
		flex-direction: row
	}
	.v-stack.justify-items-start.gap-2 line-item-quantity.h-stack.gap-4 quantity-selector quantity-input.quantity-selector__input-wrapper input {
		position: relative;
		top: 3px
	}
	.cart-drawer__footer {
		gap: 0px
	}
	.cart-drawer__footer .totals .totals__total,
	.cart-drawer__footer .totals p.totals__total-value {
		font-size: 16px
	}
	#cart-drawer::part(main) {
		height: calc(100% - 130px)
	}
	line-item.line-item.is-free-gift {
		justify-content: space-between;
		gap: 0!important
	}
	line-item.line-item.is-free-gift .line-item-info {
		padding-left: 10px
	}
	.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label span.tab-label {
		font-size: 13px
	}
	.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label .tab-icon,
	.collection-mega-block a .mega-coll-icon {
		width: 40px;
		min-width: 40px
	}
	.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label span.tab-label {
		padding-right: 10px
	}
	.inner-latest-mega-menu .mega-left .mega-categories .mega-category a .tab-icon-label span.arrow-icon svg.lucide {
		width: 20px;
		height: 20px
	}
	.collection-mega-block a span.coll-title {
		font-size: 13px
	}
	.mega-third-block .craft-items .craft-item .craft-icon {
		width: 40px;
		height: 40px;
		min-width: 40px
	}
	.mega-third-block .craft-items .craft-item .craft-icon img {
		width: 20px;
		height: 20px;
		border-radius: 60px
	}
	.mega-third-block .craft-items .craft-item .craft-details h5.craft-label {
		font-size: 12px;
		line-height: 12px
	}
	.mega-third-block .craft-items .craft-item .craft-details p.craft-text {
		font-size: 10px;
		line-height: 13px
	}
}

@media screen and (max-width:575px) {
	.main-tab-title-custom h1.tabs-title {
		flex-direction: column;
		gap: 0
	}
	.product-tabs-section .tab-buttons {
		display: flex;
		gap: 10px;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-left: 6rem;
		padding-bottom: 5px
	}
	.product-tabs-section .container {
		max-width: 100%;
		margin: 0
	}
	.empty-cart-main p.h5.text-center {
		font-size: 18px
	}
	.product-info__block-item .process-wrapper .process-steps {
		overflow: auto;
		flex-wrap: nowrap
	}
	.product-info__block-item .process-wrapper .process-steps .step {
		min-width: 170px
	}
	.product-info__block-item .process-wrapper h2 {
		font-size: 17px
	}
	.product-info__block-item .process-wrapper p.subheading {
		font-size: 14px
	}
	.product-info__block-item .process-wrapper .process-steps::-webkit-scrollbar,
	.community-videos .video-grid::-webkit-scrollbar {
		display: none
	}
	.process-steps .step .step-content span.number {
		font-size: 14px
	}
	.product-info__block-item .process-wrapper .process-steps .step,
	.community-videos .video-grid .video-card {
		width: calc(33.33% - 13.33px);
		min-width: 170px
	}
	.community-videos .video-grid {
		gap: 20px;
		flex-wrap: nowrap;
		overflow: auto
	}
	.product-kit__blocks .product-kit__block {
		gap: 10px
	}
	.horizontal-product-card product-form button.\@narrow\:horizontal-product-card__button.link {
		padding: 6px 16px;
		width: max-content
	}
}

@media screen and (max-width:480px) {
	.community-videos .bottom-info .bottom-right-info.info-main {
		padding-left: 0
	}
	.community-videos .bottom-info .info-main {
		width: 100%
	}
	.community-videos .bottom-info {
		padding: 10px 15px;
		gap: 20px;
		margin-top: 10px
	}
	.community-videos .bottom-info:before {
		width: calc(100% - 30px);
		height: 2px;
		top: 48%
	}
	.community-videos .bottom-info .info-main span.info-icon {
		font-size: 20px
	}
	.community-videos .bottom-info .info-main span.info-text {
		font-size: 14px;
		max-width: 100%
	}
	.product-info__block-item .process-wrapper h2,
	.community-videos h2 {
		font-size: 18px
	}
	.community-videos .video-grid .video-card .video-wrapper .play-button svg {
		width: 30px;
		height: 30px
	}
	.cart-unlock-gift-banner {
		padding: 12px!important
	}
	.gift-text-title {
		font-size: 13px!important
	}
	.gift-text-subtitle {
		margin: 0!important;
		font-size: 12px!important
	}
	.gift-icon-box {
		min-width: 25px!important;
		height: 25px!important;
		margin-right: 5px!important
	}
	.gift-icon-box svg {
		width: 30px!important;
		height: 30px!important
	}
	.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block .mega-right.mobile-view {
		display: block;
		width: 100%;
		position: unset;
		height: 100%
	}
	.mega-right a img {
		border-radius: 15px
	}
	.craft-items-outer .craft-items {
		width: 100%;
		justify-content: center
	}
	.main-latest-mega-menu .inner-latest-mega-menu .mega-third-block .craft-items-outer {
		gap: 15px
	}
	.breadcrumbs li {
		font-size: 8px
	}
	.line-item-info .v-stack.justify-items-start.gap-2 a.h6,
	.free-gift-price-block span.free-gift-price,
	.free-gift-price-block span.free-gift-price-tag {
		font-size: 12px
	}
	.free-gift-price-block {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
		margin-bottom: 0
	}
	.free-gift-above-tag-inner p {
		font-size: 9px
	}
	p.free-gift-note-text {
		font-size: 8px;
		max-width: 100px;
		line-height: 12px
	}
	p.free-gift-note-text svg {
		width: 16px;
		min-width: 16px
	}
	.horizontal-product-card__figure {
		width: 75px;
		border-radius: 10px;
		overflow: hidden
	}
	.cart-drawer__items .line-item__media {
		width: 75px!important
	}
	.cub-timer-text strong,
	.cub-headline {
		font-size: 11px
	}
	.cart-drawer__items line-item.line-item.line-item-10281905848621 .custom-paint-product-properties ul.item-properties-list li span.cl-prop img {
		min-width: 90px;
		min-height: 90px
	}
	.cart-drawer__items line-item.line-item.line-item-10281905848621 img.line-item__media {
		width: 100px!important
	}
	.cart-drawer__items line-item.line-item.line-item-10281905848621 .custom-paint-product-properties ul.item-properties-list li span.cl-prop {
		font-size: 7px
	}
	.custom-paint-product-tag {
		font-size: 9px;
		padding: 3px 5px
	}
	.custom-paint-product-tag:before {
		width: 18px;
		height: 18px;
		background-size: 18px
	}
}

@media(max-width:749px) {
	body.template-index .images-slider-section {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.images-slider-subtext {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto
	}
}

[data-option-name=choose-your-type] .variant-picker__option-values {
	flex-direction: column!important
}

[data-option-name=choose-number-of-colors] .custom-variant-block,
[data-option-name=choose-your-type] .custom-variant-block {
	width: 100%
}

fieldset.variant-picker__option[data-option-name=choose-size] label.custom-variant-block.size-block {
	flex: 1
}

.custom-variant-picker {
	border: 1px solid #e5d6cc;
	border-radius: 12px;
	padding: 14px 10px;
	background: #fff8f4;
	gap: 0
}

.custom-variant-picker .variant-picker__option {
	margin-bottom: 30px;
	border: none!important
}

.custom-variant-picker .variant-picker__option-info legend,
.variant-picker-steps legend {
	font-weight: 800;
	font-size: 14px;
	letter-spacing: .05em;
	color: #8f3f26;
	margin-bottom: 0!important;
	text-transform: uppercase;
	display: block
}

.upload-button-inner {
	margin-top: 14px
}

fieldset.variant-picker__option[data-option-name=choose-size] {
	margin: 0
}

.custom-variant-picker input[type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0
}

.custom-variant-block {
	display: block;
	position: relative;
	border: 1.5px solid #e5d6cc;
	border-radius: 10px;
	padding: 10px 15px;
	background-color: #fff8f4;
	cursor: pointer;
	transition: all .2s ease-in-out;
	margin: 0
}

.custom-variant-picker input:checked+.custom-variant-block {
	border: 1.5px solid #8f3f26!important;
	background-color: #fffbf9!important
}

.custom-variant-picker input:checked+.custom-variant-block span.main-label {
	color: #8f3f26
}

.stack-list {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.size-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px
}

@media(max-width:768px) {
	fieldset.variant-picker__option[data-option-name=choose-size] label.custom-variant-block.size-block {
		flex: 0 0 calc(50% - 10px)
	}
	.size-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

.block-content-wrapper {
	display: flex;
	align-items: flex-start;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: 10px
}

.custom-radio-icon {
	width: 22px;
	height: 22px;
	border: 1.5px solid #d1d1d1;
	border-radius: 50%;
	margin-right: 0;
	flex-shrink: 0;
	position: relative;
	background: #fff;
	margin-top: 2px
}

.custom-variant-picker input:checked+.custom-variant-block .custom-radio-icon {
	border-color: #8f3f26
}

.custom-variant-picker input:checked+.custom-variant-block .custom-radio-icon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #8f3f26;
	border-radius: 50%;
	display: block
}

.main-label {
	font-weight: 500;
	font-size: 16px;
	color: #8f3f26;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap
}

.hint-text {
	color: #8f3f26;
	font-size: 13px;
	font-weight: 400
}

.inline-hint {
	margin-left: 6px
}

.block-hint {
	display: block;
	margin-top: 4px
}

.sub-label-list {
	list-style: none;
	padding: 0;
	margin: 10px 0 0
}

.sub-label-list li {
	font-size: 13.5px;
	color: #8f3f26;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1.4
}

.size-block {
	text-align: center;
	padding: 20px 5px!important
}

.size-block .block-content-wrapper {
	justify-content: center
}

.size-block .main-label {
	display: block;
	font-size: 16px
}

.badge-popular {
	position: absolute;
	top: -11px;
	left: 50%;
	transform: translate(-50%);
	background-color: #8f3f26;
	color: #fff;
	padding: 3px 12px;
	font-size: 10px;
	font-weight: 500;
	border-radius: 5px;
	text-transform: uppercase;
	z-index: 2;
	white-space: nowrap
}

.custom-variant-picker input:checked+.custom-variant-block .badge-popular {
	background-color: #8f3f26
}

.is-disabled {
	opacity: .5;
	cursor: not-allowed
}
@media screen and (max-width: 749px) {
  media-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  media-grid .media-grid__item:first-child {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  media-grid .media-grid__item:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  media-grid .media-grid__item:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  media-grid .media-grid__item:nth-child(4) {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  media-grid .media-grid__item:nth-child(5) {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }
}

/* ============================================================
   CART DRAWER — FINAL layout overrides (placed last so they win over
   earlier duplicate ::part rules, incl. the mobile
   `#cart-drawer::part(main){height:calc(100% - 130px)}` that clipped
   the checkout button once the footer grew taller than 130px).
   Uses a dynamic flex layout: header + footer take their natural
   height, the scroll body fills the rest — so the checkout button is
   always visible on any footer height / device.
   ============================================================ */
#cart-drawer::part(content) {
	display: flex !important;
	flex-direction: column !important;
	height: 100vh !important;
	height: 100dvh !important;
	max-height: 100vh !important;
	max-height: 100dvh !important;
}

#cart-drawer::part(body),
#cart-drawer::part(main) {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	height: auto !important;
	max-height: none !important;
	overflow-y: auto !important;
}

#cart-drawer::part(header),
#cart-drawer::part(footer) {
	flex: 0 0 auto !important;
}

#cart-drawer::part(drawer-header) {
	padding: 18px 20px !important;
}

/* ===== Product card highlights strip (Difficulty / Pieces / Hours) ===== */
.pc-highlights {
	display: flex;
	/* top margin is negative to cancel most of the card's 1.25rem gap so the strip
	   sits snug under the price; sides/bottom -20px make it bleed to the card edges */
	margin: -8px -10px -10px;
	border-top: 1px solid #efe2da;
	background: #fbf7f4;
	border-radius: 0 0 22px 22px;
	overflow: hidden;
}

.pc-highlights__item {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 12px 4px;
	min-width: 0;
}

.pc-highlights__item + .pc-highlights__item {
	border-left: 1px solid #efe2da;
}

.pc-highlights__icon {
	flex: 0 0 auto;
	color: #1c1c1c;
	display: flex;
}

.pc-highlights__icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

.pc-highlights__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.pc-highlights__value {
	color: #8f3f26;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.15;
}

.pc-highlights__label {
	color: #8a8a8a;
	font-size: 11px;
	line-height: 1.2;
}

/* Don't show the strip on the small cart-drawer upsell cards */
.cart-recommendations .pc-highlights {
	display: none;
}

/* Card uses flex column + justify-content:space-between, which pushes the strip to
   the very bottom and leaves a big empty gap above it. Make the IMAGE absorb that free
   space instead, so title/price/strip group tightly at the card bottom (only on cards
   that actually have the strip). */
product-card:has(.pc-highlights) {
	justify-content: flex-start;
}

product-card:has(.pc-highlights) .product-card__figure {
	margin-bottom: auto;
}

/* Prevent text spilling across the dividers */
.pc-highlights__item {
	overflow: hidden;
}

.pc-highlights__value {
	word-break: break-word;
}

/* Mobile: shrink so 3 stats fit without overlapping */
@media screen and (max-width: 749px) {
	.pc-highlights__item {
		gap: 5px;
		padding: 10px 2px;
	}
	.pc-highlights__icon svg {
		width: 16px;
		height: 16px;
	}
	.pc-highlights__value {
		font-size: 11px;
		line-height: 1.12;
	}
	.pc-highlights__label {
		font-size: 9.5px;
	}
}

/* Adapt the strip to the CARD width (not the viewport). On narrow cards — e.g. the
   2-column collection grid on mobile — stack each stat vertically (icon on top) so the
   text never overlaps. Wide cards (homepage / desktop) keep the horizontal layout. */
product-card:has(.pc-highlights) {
	container-type: inline-size;
}

@container (max-width: 240px) {
	.pc-highlights__item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 3px;
		padding: 10px 3px;
	}
	.pc-highlights__text {
		align-items: center;
	}
	.pc-highlights__icon svg {
		width: 18px;
		height: 18px;
	}
	.pc-highlights__value {
		font-size: 11px;
		line-height: 1.1;
	}
	.pc-highlights__label {
		font-size: 9px;
	}
}

/* Product gallery (mobile): remove the full-bleed so the image sits within the same
   container padding as the title/price and the sections below it (was edge-to-edge). */
.product-gallery__carousel.full-bleed {
	margin-inline: 0;
}

/* Sticky add-to-cart bar (desktop): constrain the content to the same width as the
   product container (--container-xl) and center it, instead of spanning the full
   viewport which spread the info and the button far apart. Background/border stay full-width. */
@media screen and (min-width: 700px) {
	.product-sticky-bar {
		padding-inline: max(var(--container-gutter), 50% - var(--container-xl-max-width) / 2);
	}
}

/* ===================== FOOTER REDESIGN ===================== */
/* Columns as a responsive grid */
.footer__block-list {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.4fr;
	gap: 40px;
	align-items: start;
}

@media (max-width: 999px) {
	.footer__block-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
}

@media (max-width: 599px) {
	.footer__block-list {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

/* Column headings: uppercase + short underline accent */
.footer__block .h6 {
	position: relative;
	display: inline-block;
	padding-bottom: 9px;
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #4f2f24;
}

.footer__block .h6::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 34px;
	height: 2px;
	background: #8f3f26;
}

/* Bottom area: divider, centered country selector + payment, then policy/copyright bar */
.footer__aside {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	padding-top: 30px;
	margin-top: 26px;
	border-top: 1px solid rgb(var(--text-color) / 0.12);
}

.footer__aside .localization-selectors {
	display: flex;
	justify-content: center;
}

.footer__aside .localization-selectors button {
	padding: 9px 18px;
	border: 2px solid #8f3f26;
	border-radius: 50px;
	font-size: 14px;
	text-transform: none;
	color: #634b3f;
}

.footer__aside .payment-methods {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin: 0;
}

.footer__legal {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 18px;
	padding-top: 18px;
	border-top: 1px solid rgb(var(--text-color) / 0.12);
}

.footer__policies {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 0;
}

.footer__policies a {
	font-size: 14px;
}

.footer__copyright {
	margin: 0;
}

@media (max-width: 599px) {
	.footer__legal {
		flex-direction: column;
		text-align: center;
	}
	.footer__policies {
		justify-content: center;
	}
}

/* Footer brand column: logo + tagline + trust badges + social */
.footer-brand {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start;
}

.footer-brand__logo { display: block; }

.footer-brand__tagline {
	font-size: 16px;
	line-height: 1.5;
	max-width: 260px;
}

.footer-badges {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.footer-badge {
	display: flex;
	align-items: center;
	gap: 11px;
}

.footer-badge__icon {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgb(var(--text-color) / 0.06);
	color: #8f3f26;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-badge__icon svg { width: 18px; height: 18px; }

.footer-badge__text {
	font-size: 15px;
	line-height: 1.3;
}

/* Social icons as circles inside the brand column */
.footer-brand .social-media {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-brand .social-media li { margin: 0; }

.footer-brand .social-media a {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgb(var(--text-color) / 0.06);
	color: #8f3f26;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s, color .2s;
}

.footer-brand .social-media a:hover {
	background: #8f3f26;
	color: #fff;
}

.footer-brand .social-media svg { width: 18px; height: 18px; }

/* Footer collapsible columns: accordion on mobile, always-open on desktop */
.footer-toggle { width: 100%; }
.footer-toggle > summary { list-style: none; }
.footer-toggle > summary::-webkit-details-marker { display: none; }

.footer-toggle__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.footer-toggle__summary .h6 { margin-bottom: 0; }

.footer-toggle__chevron {
	display: none;
	flex: 0 0 auto;
	color: #8f3f26;
	line-height: 0;
	transition: transform .25s ease;
}

.footer-toggle__chevron svg { width: 15px; height: 15px; }

.footer-toggle__body { padding-top: 16px; }

@media (min-width: 750px) {
	/* Desktop: always expanded, heading not clickable */
	.footer-toggle > summary { pointer-events: none; }
	.footer-toggle > .footer-toggle__body { display: block !important; }
}

@media (max-width: 749px) {
	/* Hide the brand/badge column and turn the rest into accordions */
	.footer__block--brand { display: none; }
	.footer__block-list .footer__block {
		border-bottom: 1px solid rgb(var(--text-color) / 0.12);
		padding-bottom: 16px;
	}
	.footer-toggle__summary {
		cursor: pointer;
		padding: 4px 0;
	}
	.footer-toggle__chevron { display: block; }
	.footer-toggle[open] .footer-toggle__chevron { transform: rotate(180deg); }
	.footer-toggle__summary .h6 { padding-bottom: 0; }
	.footer-toggle__summary .h6::after { display: none; }
}

/* Mobile divider (wave SVG or image) above the footer */
.footer__mobile-divider { display: none; }

@media (max-width: 749px) {
	.footer__mobile-divider {
		display: block;
		line-height: 0;
		padding: 6px 18px 26px;
	}
	.footer__mobile-divider-img { width: 100%; height: auto; display: block; }
	.footer__wave {
		display: block;
		width: 100%;
		height: 22px;
		color: #5c3a2e;
	}
}

/* Heading icon + label layout (icon shows on mobile only, like the reference) */
.footer-toggle__label {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.footer-toggle__icon {
	flex: 0 0 auto;
	color: #8f3f26;
	line-height: 0;
}

.footer-toggle__icon svg { width: 24px; height: 24px; }

.footer-static .footer-toggle__label { margin-bottom: 8px; }

@media (min-width: 750px) {
	.footer-toggle__icon { display: none; }
}

@media (max-width: 749px) {
	/* Indent the links/content to line up with the heading text (past the icon) */
	.footer-toggle__body { padding-left: 36px; }
	/* Address / always-expanded block heading keeps its underline hidden too on mobile */
	.footer-static .h6 { padding-bottom: 0; }
	.footer-static .h6::after { display: none; }
}

/* =========================================================================
   HEADER — design 4f (dark pill bar). Nav + utils turned light so they read
   on the dark #2f2318 background; overrides the earlier dark-on-dark rules.
   ========================================================================= */
body x-header.header {
	background: #2f2318;
	border: 1px solid #8f3f26;

	box-shadow: 3px 4px 0 #8f3f26;
	margin: 14px 16px 0;
	padding: 0 30px;
	position: relative;
}

/* Layout: nav LEFT · logo CENTER · utils RIGHT (design 4f) */
body x-header.header .header__logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	z-index: 1;
}

body x-header.header nav.header__primary-nav {
	order: 1;
	flex: 0 1 auto;
	justify-content: flex-start;
	margin: 0;
}

body x-header.header nav.header__primary-nav > ul {
	justify-content: flex-start;
}

body x-header.header nav.header__secondary-nav {
	order: 2;
	margin-left: auto;
}

/* Primary nav links -> warm cream, uppercase */
body x-header.header nav.header__primary-nav a,
body x-header.header nav.header__primary-nav summary {
	color: #ddc9a9;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	font-weight: 500;
}

body x-header.header nav.header__primary-nav a:hover,
body x-header.header nav.header__primary-nav summary:hover,
body x-header.header nav.header__primary-nav a[aria-current="page"],
body x-header.header nav.header__primary-nav li.current > a {
	color: #e8a86f;
}

body x-header.header nav.header__primary-nav button svg.header__nav-icon path {
	stroke: #e3d2b6;
}

/* Secondary nav (country / account / search / cart) -> light */
body x-header.header nav.header__secondary-nav li *,
body x-header.header nav.header__secondary-nav a,
body x-header.header nav.header__secondary-nav button {
	color: #e3d2b6;
}

body x-header.header nav.header__secondary-nav svg,
body x-header.header nav.header__secondary-nav svg path,
body x-header.header .header__account-link svg path,
body x-header.header .header__nav-icon path {
	stroke: #e3d2b6;
	color: #e3d2b6;
}

body x-header.header nav.header__secondary-nav .localization-selectors button {
	color: #e3d2b6;
	border-color: rgba(227, 210, 182, 0.4);
}

/* Logo wordmark (only when using the shop-name text logo, not an image) */
body x-header.header .header__logo-text {
	font-family: Marcellus, serif;
	letter-spacing: 5px;
	color: #f3e7d2;
	text-transform: uppercase;
	font-weight: 400;
}

/* =====================================================================
   PRODUCT PAGE — DESIGN PORT (CuteBee 4f template, folder 123321)
   Re-skins the existing main-product blocks to match the design.
   Scoped to .shopify-section--main-product so it can't leak into
   featured-product / quick-buy. Appended last so it wins by source order.
   ===================================================================== */
:root {
	--d-bg: #f7f0e3;
	--d-card: #fbf6ea;
	--d-dark: #2f2318;
	--d-brown: #8f3f26;
	--d-brown-dk: #73301b;
	--d-text: #2f2318;
	--d-muted: #6f5f4c;
	--d-muted2: #8d7758;
	--d-label: #9a8163;
	--d-hair: #dcc7a8;
	--d-border2: #cdb392;
	--d-orange: #e8a86f;
	--d-strike: #b9a488;
}

/* --- Tighten the gap between the (non-sticky) header and the product --- */
.shopify-section--main-product .section-spacing--tight {
	padding-top: 46px !important;
	padding-block-start: 46px !important;
}
@media (max-width: 749px) {
	.shopify-section--main-product .section-spacing--tight {
		padding-top: 28px !important;
		padding-block-start: 28px !important;
	}
}

/* --- Product title: Jost 400, dark, tight (design H1) --- */
.shopify-section--main-product .product-info .product-title,
.shopify-section--main-product .product-info__block-item[data-block-type="title"] .product-title {
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	font-size: 27px;
	line-height: 1.2;
	letter-spacing: -.2px;
	color: var(--d-text);
	margin: 0;
}

@media (max-width: 749px) {
	.shopify-section--main-product .product-info .product-title {
		font-size: 24px;
	}
}

/* --- Price + Shop Pay on ONE row: price LEFT, installments RIGHT (small).
   price + payment_terms are wrapped in .price-payment-group by product-info.liquid. --- */
.shopify-section--main-product .product-info__block-group.price-payment-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin: 18px 0 6px;
	padding: 12px 0;
	border-top: 1px solid var(--d-hair);
	border-bottom: 1px solid var(--d-hair);
}

.shopify-section--main-product .price-payment-group .product-info__block-item[data-block-type="price"] {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border: 0;
}

.shopify-section--main-product .product-info__block-item[data-block-type="price"] .v-stack {
	justify-items: start;
}

.shopify-section--main-product .price-payment-group .product-info__block-item[data-block-type="payment-terms"] {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	text-align: right;
}

.shopify-section--main-product .price-payment-group .payment-terms,
.shopify-section--main-product .price-payment-group shopify-payment-terms,
.shopify-section--main-product .price-payment-group shopify-payment-terms * {
	font-size: 11.5px !important;
	line-height: 1.45;
}

/* the group's hairlines replace the theme's separator block right after it */
.shopify-section--main-product .product-info__block-item[data-block-type="separator"] {
	display: none;
}

@media (max-width: 749px) {
	.shopify-section--main-product .product-info__block-group.price-payment-group {
		gap: 6px;
	}
	.shopify-section--main-product .price-payment-group .product-info__block-item[data-block-type="payment-terms"] {
		flex-basis: 100%;
		text-align: left;
	}
}

.shopify-section--main-product .product-info__block-item[data-block-type="price"] .price-list sale-price {
	font-family: 'Jost', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: var(--d-brown);
	line-height: 1;
}

.shopify-section--main-product .product-info__block-item[data-block-type="price"] .price-list compare-at-price {
	color: var(--d-strike);
	font-size: 15px;
	font-family: 'Jost', sans-serif;
}

/* --- Separator hairline (design) --- */
.shopify-section--main-product .product-info__block-item[data-block-type="separator"] hr,
.shopify-section--main-product .product-info hr {
	border: 0;
	border-top: 1px solid var(--d-hair);
	margin: 16px 0;
}

/* --- Description / prose: Jost, muted (design subtitle tone) --- */
.shopify-section--main-product .product-info .prose,
.shopify-section--main-product .product-info__block-item[data-block-type="description"] .prose {
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	color: var(--d-muted);
	line-height: 1.6;
	font-size: 14px;
}

/* --- Quantity selector: cream pill (design) --- */
.shopify-section--main-product .product-info__block-item[data-block-type="quantity-selector"] quantity-selector.quantity-selector {
	--quantity-selector-height: 48px;
	border: 1px solid var(--d-border2) !important;
	border-radius: 24px;
	background: var(--d-card);
	box-shadow: none;
	min-width: 132px;
}

.shopify-section--main-product .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector__button {
	color: var(--d-brown);
	background: transparent;
}

.shopify-section--main-product .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector__button svg,
.shopify-section--main-product .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector__button svg path {
	stroke: var(--d-brown);
	color: var(--d-brown);
}

.shopify-section--main-product .product-info__block-item[data-block-type="quantity-selector"] .quantity-selector__input {
	color: var(--d-text);
	font-size: 14px;
	background: transparent;
}

/* --- Variant picker: uppercase muted legend (design) --- */
.shopify-section--main-product .product-info .variant-picker legend,
.shopify-section--main-product .product-info .variant-picker__option-info legend {
	font-size: 10px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: var(--d-muted2);
}

/* --- Payment terms: small muted (design Shop Pay line) --- */
.shopify-section--main-product .product-info .payment-terms {
	font-size: 12px;
	font-weight: 300;
	color: var(--d-muted);
}

/* Shop Pay installments banner (shopify-payment-terms) — force the body font (Jost)
   instead of the component's own font. */
.shopify-section--main-product .product-info .payment-terms,
.shopify-section--main-product .product-info shopify-payment-terms,
.shopify-section--main-product .product-info shopify-payment-terms * {
	font-family: 'Jost', sans-serif !important;
}

/* --- Accordion (Shipping & Returns pill kept; recolor + design type) --- */
.shopify-section--main-product .product-info__block-item .accordion__toggle,
.shopify-section--main-product .product-info__block-item span.accordion__toggle.h6 {
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--d-text);
}

.shopify-section--main-product .product-info__block-item .accordion .accordion__content,
.shopify-section--main-product .product-info__block-item .accordion .prose {
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	color: var(--d-muted);
	font-size: 13.5px;
	line-height: 1.6;
}

.shopify-section--main-product .product-info__block-item .accordion__toggle svg,
.shopify-section--main-product .product-info__block-item .accordion__toggle svg path {
	color: var(--d-label);
	stroke: var(--d-label);
}

/* --- FBT: dark "Add both to cart" (design), refined type --- */
.fbt-block .fbt-add {
	background: var(--d-dark) !important;
	border: 2px solid #241a12 !important;
	box-shadow: 0 4px #241a12 !important;
	color: #f3e7d2 !important;
}

.fbt-block .fbt-add:hover {
	opacity: .88;
}

.fbt-block .fbt-title {
	font-weight: 300 !important;
}

.fbt-block .fbt-total-now {
	font-family: 'Marcellus', serif !important;
	font-size: 26px !important;
	font-weight: 400 !important;
}

.fbt-block .fbt-discount-badge {
	color: var(--d-brown) !important;
}

.fbt-block .fbt-total-was {
	color: var(--d-strike) !important;
}

.fbt-block .fbt-heading {
	background: #efe4d1;
	margin: -20px -20px 20px;
	padding: 11px 20px;
	border-bottom: 1px solid var(--d-border2);
	font-family: 'Jost', sans-serif !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: left !important;
	color: var(--d-text) !important;
}

/* --- Product Highlights — match the surrounding blocks (dark heading + cream card,
   like the Shipping & Returns pills). Block renders from schema defaults (old palette),
   so override here; scoped + higher specificity beats the block's inline {% style %}. --- */
.shopify-section--main-product .product-highlights {
	background: var(--d-card) !important;
	border-color: var(--d-hair) !important;
}

.shopify-section--main-product .product-highlights__heading {
	color: var(--d-text) !important;
}

.shopify-section--main-product .product-highlights__value {
	color: var(--d-brown) !important;
}

.shopify-section--main-product .product-highlights__icon {
	color: var(--d-text) !important;
}

.shopify-section--main-product .product-highlights__label {
	color: var(--d-muted2) !important;
}

.shopify-section--main-product .product-highlights__item {
	background: #fffdf8 !important;
	border: 1px solid #efe4d1;
}

/* =====================================================================
   FOOTER — dark "atelier" redesign (NOOKFAN-style). The footer section now
   uses the dark color scheme; these refine columns/headings/logo/bottom bar
   and make room for the overlapping newsletter card above it.
   ===================================================================== */
.shopify-section--footer .footer {
	background: #2f2318;
	position: relative;
	z-index: 1;
	padding-top: 90px;
	padding-bottom: 26px;
	color: #cbb896;
}

/* hide the mobile wave — the overlapping card is now the transition */
.shopify-section--footer .footer__mobile-divider { display: none !important; }

/* column headings -> flat gold uppercase (drop the underline accent) */
.shopify-section--footer .footer__block .h6 {
	color: #c99a63 !important;
	font-family: 'Jost', sans-serif;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
}
.shopify-section--footer .footer__block .h6::after { display: none !important; }

/* links -> warm cream */
.shopify-section--footer .footer a.link-faded,
.shopify-section--footer .footer__policies a {
	color: #c3ad8b;
	opacity: 1;
	transition: color .2s ease;
}
.shopify-section--footer .footer a.link-faded:hover,
.shopify-section--footer .footer__policies a:hover {
	color: #f3e7d2;
}

/* brand logo -> light on dark; tagline muted */
.shopify-section--footer .footer-brand__logo {
	filter: brightness(0) invert(1);
	opacity: .92;
}
.shopify-section--footer .footer-brand__tagline,
.shopify-section--footer .footer-brand__tagline p {
	color: #a08c72 !important;
}

/* trust badges */
.shopify-section--footer .footer-badge__text { color: #c3ad8b; }
.shopify-section--footer .footer-badge__icon {
	color: #c99a63;
	background: rgba(201, 154, 99, .12);
}

/* social icons */
.shopify-section--footer .footer-brand .social-media a {
	color: #c3ad8b;
	border-color: rgba(201, 154, 99, .35);
}
.shopify-section--footer .footer-brand .social-media a:hover { color: #f3e7d2; }

/* bottom bar: divider + copyright / payment / country / policies */
.shopify-section--footer .footer__aside {
	border-top: 1px solid #4a3a29;
	margin-top: 8px;
	padding-top: 22px;
}
.shopify-section--footer .footer__copyright { color: #9a8467 !important; }
.shopify-section--footer .footer__aside .localization-selectors button {
	color: #c3ad8b;
	border-color: #4a3a29;
	background: transparent;
}
.shopify-section--footer .payment-methods svg,
.shopify-section--footer .payment-methods img { opacity: .96; }

/* =====================================================================
   SEARCH — unify ALL search backgrounds to the store cream (#f7f0e3) and
   rebuild the broken mobile product rows. Scoped to .header-search /
   .predictive-search so it doesn't touch cart drawer / modals that share
   the generic ::part(overlay) rule.
   ===================================================================== */
/* one cream color for the whole search takeover (backdrop + panel) */
.header-search::part(overlay) {
	background: #f7f0e3 !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.header-search::part(content),
.header-search::part(main) {
	background: #f7f0e3 !important;
}
/* inner wrappers inherit the cream part bg (kills the dark strip + #fbf3ef panel) */
.header-search .container,
.header-search__form,
.header-search__form-control,
.predictive-search,
.predictive-search__content,
.predictive-search__products,
.predictive-search__resource-item {
	background: transparent !important;
}
.main-custom-search {
	background: #f7f0e3 !important;
}
/* input text/icons readable on cream */
.header-search__input {
	color: #2f2318 !important;
}
.header-search__input::placeholder {
	color: #9a8163 !important;
}
.header-search__form-control svg {
	color: #8f3f26 !important;
}

/* --- Mobile: rebuild the product rows (were collapsing to 1 word/line) --- */
@media (max-width: 749px) {
	.predictive-search__resource-item {
		display: block !important;
		width: 100%;
	}
	.predictive-search .horizontal-product-card {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		gap: 14px;
		width: 100%;
		container-type: normal !important;
		padding: 8px 2px;
	}
	.predictive-search .horizontal-product-card__figure {
		flex: 0 0 76px;
		width: 76px;
		margin: 0;
	}
	.predictive-search .horizontal-product-card__image {
		width: 76px;
		height: 76px;
		object-fit: cover;
		border-radius: 10px;
		display: block;
	}
	.predictive-search .horizontal-product-card__info {
		flex: 1 1 auto;
		min-width: 0;
	}
	.predictive-search .horizontal-product-card__info .product-title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		white-space: normal;
		font-size: 14px;
		line-height: 1.35;
	}
}

/* --- "What Makes our kits special?" (.expectation-timeline, custom-liquid on
   home + product) — match the store palette. Overrides its inline <style>
   (old #FBF3EF bg / #9D5542 brown / #FBFAFF bluish cards). --- */
.expectation-timeline {
	background: #f7f0e3 !important;
}
.expectation-timeline__heading {
	color: #2f2318 !important;

	font-weight: 400 !important;
}
.expectation-timeline__subheading {
	color: #6f5f4c !important;

	font-weight: 300 !important;
}
.expectation-timeline__card {
	background: #fbf6ea !important;
	border: 1px solid #dcc7a8 !important;
	box-shadow: #2f231814 0 2px 8px !important;
}
.expectation-timeline__title {
	color: #2f2318 !important;

	font-weight: 400 !important;
}
.expectation-timeline__text {
	color: #6f5f4c !important;

}

/* --- Homepage hero: with the transparent header on, the theme pulls the slideshow
   up by --header-height (the 60px pill) but NOT the pill's 14px top margin — leaving
   a white strip between the announcement/marquee and the hero. Pull it up flush so
   the header pill floats over the hero image. --- */
.shopify-section--slideshow:first-child {
	margin-top: -14px;
}

/* --- Featured-collections tabs ("Find Your Perfect Kit"): on mobile the tabs are
   heading-sized (.h2) and run off-screen. Make the nav a horizontal scroll strip
   and shrink the tab text so collection names don't get clipped. --- */
@media (max-width: 749px) {
	.featured-collections-navigation {
		display: flex;
		flex-wrap: nowrap;
		gap: 18px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		scroll-snap-type: x proximity;
	}
	.featured-collections-navigation::-webkit-scrollbar {
		display: none;
	}
	.featured-collections-navigation button.h2 {
		flex: 0 0 auto;
		font-size: 20px;
		white-space: nowrap;
		scroll-snap-align: start;
	}
}

/* --- Cart drawer: force the body background to the new store cream (#f7f0e3).
   Its color scheme already resolves to #f7f0e3, but this guarantees it regardless
   of the AJAX section cache. (Footer/checkout part keeps its dark colour.) --- */
#cart-drawer,
#cart-drawer.color-scheme {
	--background: 247 240 227;
	background-color: #f7f0e3;
}
#cart-drawer::part(content),
#cart-drawer::part(main) {
	background: #f7f0e3 !important;
}
/* footer/checkout area matches the body (was tinted by the old dark footer part) */
#cart-drawer::part(footer) {
	background: #f7f0e3 !important;
}
#cart-drawer [slot="footer"],
#cart-drawer form.cart-drawer__footer {
	background: #f7f0e3;
}

/* =====================================================================
   BRAND MEGA-MENU (TinyCraft-style 3 columns): categories + benefits + promo.
   Rendered by snippets/mega-menu.liquid when the block's "brand_layout" is on.
   ===================================================================== */
.mega-menu--brand {
	display: block;
}
.brand-megamenu {
	display: grid;
	grid-template-columns: minmax(0, 2.4fr) minmax(155px, 0.62fr) minmax(215px, 0.95fr);
	gap: 40px;
	align-items: start;
}
.brand-megamenu__heading {
	margin: 0 0 20px;
	font-family: 'Jost', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: #8f3f26;
}

/* --- Column 1: categories --- */
.brand-megamenu__catgroups {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px 24px;
	align-items: start;
}
.brand-megamenu__catgroup-label {
	margin: 0 0 6px;
	padding-left: 8px;
	font-family: 'Jost', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #9a8163;
}
.brand-megamenu__catlist {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.brand-megamenu__cat {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 8px;
	border-radius: 10px;
	text-decoration: none;
	transition: background .2s ease;
}
.brand-megamenu__cat:hover {
	background: #fbf6ea;
}
.brand-megamenu__cat-thumb {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 9px;
	overflow: hidden;
	background: #efe4d1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.brand-megamenu__cat-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.brand-megamenu__cat-name {
	flex: 1 1 auto;
	min-width: 0;
	font-family: 'Jost', sans-serif;
	font-size: var(--mm-cat-fs, 15px);
	font-weight: 600;
	color: #2f2318;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.brand-megamenu__cat-arrow {
	flex: 0 0 auto;
	display: flex;
	color: #cdb392;
	transition: color .2s ease, transform .2s ease;
}
.brand-megamenu__cat-arrow svg {
	width: 15px;
	height: 15px;
}
.brand-megamenu__cat:hover .brand-megamenu__cat-arrow {
	color: #8f3f26;
	transform: translateX(3px);
}

/* --- Column 2: benefits --- */
.brand-megamenu__benefits {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.brand-megamenu__benefit {
	display: flex;
	align-items: center;
	gap: 11px;
}
.brand-megamenu__benefit-icon {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f3e7d2;
	color: #8f3f26;
	display: flex;
	align-items: center;
	justify-content: center;
}
.brand-megamenu__benefit-icon svg {
	width: 17px;
	height: 17px;
}
.brand-megamenu__benefit-body {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
.brand-megamenu__benefit-title {
	font-family: 'Jost', sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	color: #2f2318;
	line-height: 1.25;
}
.brand-megamenu__benefit-desc {
	font-family: 'Jost', sans-serif;
	font-size: 11.5px;
	color: #6f5f4c;
	line-height: 1.35;
}

/* --- Column 3: promo image (side by side with Why, height-capped) --- */
.brand-megamenu__promo-link {
	display: block;
}
.brand-megamenu__promo-img {
	width: 100%;
	max-height: 300px;
	border-radius: 14px;
	display: block;
	object-fit: cover;
}

@media (max-width: 1199px) {
	.brand-megamenu {
		grid-template-columns: minmax(0, 2fr) minmax(150px, 0.7fr) minmax(200px, 1fr);
		gap: 28px;
	}
}
@media (max-width: 999px) {
	.brand-megamenu {
		grid-template-columns: 1fr 1fr;
		gap: 26px 32px;
	}
	.brand-megamenu__categories {
		grid-column: 1 / 3;
	}
}

/* =====================================================================
   MOBILE NAV — DESIGN PORT (NOOKFAN atelier mobile drawer, folder 123321)
   Rich mobile navigation: dark top bar, SHOP banner, "shop by" accordions
   with thumbnails + product counts, WHY benefits, promo image, other-nav
   accordions, login + country footer. Markup: snippets/header-sidebar.liquid.
   Scoped to .header-sidebar.mobile-nav / .mobile-nav so it can't leak.
   ===================================================================== */

/* ---- Drawer shell / scroller ---- */
.header-sidebar.mobile-nav::part(content) {
	background: #f7f0e3;
}
.header-sidebar.mobile-nav .header-sidebar__scroller {
	padding: 0 0 8px !important;
	background: #f7f0e3 !important;
}
.header-sidebar.mobile-nav .mobile-nav__list {
	display: block;
	margin: 0;
	padding: 0;
}
.header-sidebar.mobile-nav .mobile-nav__list > li {
	list-style: none;
}

/* ---- Dark top bar (close / logo / search) ---- */
.header-sidebar.mobile-nav::part(header) {
	position: relative;
	background: #2f2318;
	padding: 15px 16px;
	border: 0;
	min-height: 60px;
}
.header-sidebar.mobile-nav::part(close-button) {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #f3e7d2;
	z-index: 2;
}
.mobile-nav__topbar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 40px;
}
.mobile-nav__logo {
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	line-height: 0;
}
.mobile-nav__logo-img {
	display: block;
	width: auto;
	height: auto;
	max-height: 42px;
	max-width: 190px;
	object-fit: contain;
}
.mobile-nav__logo-text {
	font-family: Marcellus, serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #f3e7d2;
	font-size: 20px;
}
.mobile-nav__search {
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	color: #f3e7d2;
}

/* ---- SHOP banner ---- */
.mobile-nav__shop-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #2f2318;
	margin: 16px 16px 20px;
	padding: 16px 20px;
	text-decoration: none;
}
.mobile-nav__shop-banner-title {
	font-family: Marcellus, serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #f3e7d2;
	font-size: 15px;
}
.mobile-nav__shop-banner-cta {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #e8a86f;
	font-size: 11px;
	font-weight: 500;
	white-space: nowrap;
}

/* ---- "Shop by …" accordion groups ---- */
.mobile-nav__group {
	padding: 0 16px;
}
.mobile-nav__group-head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 0;
	cursor: pointer;
	list-style: none;
}
.mobile-nav__group-head::-webkit-details-marker {
	display: none;
}
.mobile-nav__group-num {
	font-family: Marcellus, serif;
	color: #b98a52;
	font-size: 13px;
	letter-spacing: 1px;
	flex: 0 0 auto;
}
.mobile-nav__group-title {
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #8f3f26;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	flex: 0 0 auto;
}
.mobile-nav__group-rule {
	flex: 1 1 auto;
	height: 1px;
	background: #dcc7a8;
}
.mobile-nav__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #8d7758;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
}
/* plus when closed, minus when open */
.mobile-nav .mobile-nav__toggle-minus {
	display: none;
}
.mobile-nav details[open] > summary .mobile-nav__toggle-plus {
	display: none;
}
.mobile-nav details[open] > summary .mobile-nav__toggle-minus {
	display: inline-flex;
}

/* Category rows */
.mobile-nav__cats {
	margin: 0;
	padding: 2px 0 10px;
}
.mobile-nav__cats > li {
	list-style: none;
}
.mobile-nav__cat {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 9px 0;
	text-decoration: none;
	border-top: 1px solid #ece0cb;
}
.mobile-nav__cat-thumb {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 6px;
	overflow: hidden;
	background: #efe4d1;
	display: block;
}
.mobile-nav__cat-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mobile-nav__cat-name {
	flex: 1 1 auto;
	color: #2f2318;
	font-size: var(--mm-cat-fs, 15px);
	line-height: 1.3;
}
.mobile-nav__cat-count {
	flex: 0 0 auto;
	color: #a98d67;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}

/* ---- WHY block (now placed below all nav items) ---- */
.mobile-nav__why {
	padding: 22px 16px 8px;
	margin-top: 14px;
	border-top: 1px solid #ece0cb;
}
.mobile-nav__why-heading {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #8f3f26;
	font-size: 12px;
	font-weight: 500;
	margin: 0 0 16px;
}
.mobile-nav__why-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
}
.mobile-nav__why-item {
	display: flex;
	align-items: center;
	gap: 14px;
	list-style: none;
}
.mobile-nav__why-icon {
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #2f2318;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #e8c9a0;
}
.mobile-nav__why-icon svg {
	width: 20px;
	height: 20px;
}
.mobile-nav__why-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.mobile-nav__why-title {
	color: #2f2318;
	font-size: 16px;
	line-height: 1.25;
}
.mobile-nav__why-desc {
	color: #8d7758;
	font-size: 14px;
	line-height: 1.35;
}

/* ---- Promo image ---- */
.mobile-nav__feature {
	padding: 16px;
}
.mobile-nav__feature-link {
	display: block;
	line-height: 0;
}
.mobile-nav__feature-img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

/* ---- Other nav items (accordion cards + plain links) ---- */
.mobile-nav__item {
	padding: 0 16px;
	margin-top: 12px;
}
.mobile-nav__acc {
	border: 1px solid #dcc7a8;
	border-radius: 4px;
	overflow: hidden;
}
.mobile-nav__acc-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 18px;
	cursor: pointer;
	list-style: none;
}
.mobile-nav__acc-head::-webkit-details-marker {
	display: none;
}
.mobile-nav__acc-title {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #2f2318;
	font-size: 13px;
	font-weight: 500;
}
.mobile-nav__acc-list {
	margin: 0;
	padding: 0 18px 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.mobile-nav__acc-list > li {
	list-style: none;
}
.mobile-nav__acc-link {
	color: #6f5f4c;
	font-size: 15px;
	text-decoration: none;
}
.mobile-nav__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border: 1px solid #dcc7a8;
	border-radius: 4px;
	padding: 13px 18px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #2f2318;
	font-size: 13px;
	font-weight: 500;
}
.mobile-nav__link svg {
	color: #8d7758;
}

/* ---- Footer bar (login + country) ---- */
.header-sidebar.mobile-nav .mobile-nav__footer {
	position: sticky;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px;
	margin-top: 22px;
	background: #f7f0e3 !important;
	border-top: 1px solid #dcc7a8;
	z-index: 9;
}
/* Neutralize the theme's base .header-sidebar__footer>* padding so the bar stays tight */
.header-sidebar.mobile-nav .mobile-nav__footer > * {
	padding: 0;
}
.mobile-nav__footer .text-with-icon {
	color: #8f3f26;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
}
.mobile-nav__footer shopify-account a,
.mobile-nav__footer shopify-account {
	color: #8f3f26;
}
.jm-star-rating__font-icon {
  font-family: JudgemeStar, monospace !important;
}
.mobile-nav__footer .localization-selectors button {
	color: #6f5f4c;
	border-color: rgba(111, 95, 76, 0.3);
}

/*# sourceMappingURL=/cdn/shop/t/51/assets/custom1.css.map?v=134260514189219635711783407412 */