/* ---------------------------------------------------------------------
   Shop filters and category header (inc/sr-filters.php, assets/js/sr-filters.js)
   Uses the --sr-* tokens from sr-core.css.
   ------------------------------------------------------------------- */

/* ---- Wider filter drawer -------------------------------------------- */
.off-canvas-right .mfp-content:has(#shop-sidebar),
.off-canvas-left .mfp-content:has(#shop-sidebar) { --drawer-width: min(440px, 92vw); }
.mfp-content:has(#shop-sidebar) { background: var(--sr-bg, #f4f2ef); }
#shop-sidebar { padding: 4px 4px 32px; }
#shop-sidebar .widget {
	margin: 0 0 12px;
	padding: 18px 18px 16px;
	border-radius: var(--sr-r-lg, 22px);
	background: var(--sr-surface, #fff);
	box-shadow: var(--sr-shadow, 0 1px 3px rgba(0, 0, 0, .06));
}
#shop-sidebar .widget .is-divider { display: none; }

/* Collapsible widget titles (script adds .sr-f-collapsible). */
#shop-sidebar .widget-title {
	display: block;
	margin: 0 0 12px;
	font: 700 17px / 1.2 var(--sr-display, inherit);
	letter-spacing: -.02em;
	text-transform: none;
	color: var(--sr-ink, #111);
}
#shop-sidebar .sr-f-collapsible > .widget-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	user-select: none;
}
#shop-sidebar .sr-f-collapsible > .widget-title::after {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	margin-right: 4px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .2s;
}
#shop-sidebar .sr-f-collapsible.is-collapsed > .widget-title { margin-bottom: 0; }
#shop-sidebar .sr-f-collapsible.is-collapsed > .widget-title::after { transform: rotate(-45deg); }
#shop-sidebar .widget.is-collapsed > *:not(.widget-title):not(.is-divider) { display: none !important; }

/* ---- Search: one clean field with the button inside ----------------- */
#shop-sidebar .widget_product_search { padding: 12px; }
#shop-sidebar .widget_product_search .search-form-categories { display: none; }
#shop-sidebar .widget_product_search .searchform .flex-row { flex-wrap: nowrap; gap: 0; }
#shop-sidebar .widget_product_search .flex-col { padding: 0; }
#shop-sidebar .widget_product_search .flex-col.flex-grow { flex: 1 1 auto; min-width: 0; }
#shop-sidebar .widget_product_search .search-field {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 58px 0 20px;
	border: 2px solid transparent;
	border-radius: 999px;
	background: var(--sr-bg, #f4f2ef);
	color: var(--sr-ink, #111);
	font-size: 16px;
	box-shadow: none;
	transition: background .2s, border-color .2s;
}
#shop-sidebar .widget_product_search .search-field:focus { outline: none; border-color: var(--sr-ink, #111); background: #fff; }
#shop-sidebar .widget_product_search .flex-col:last-of-type { flex: none; position: relative; z-index: 2; margin: 0 5px 0 -45px !important; }
#shop-sidebar .widget_product_search .ux-search-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--sr-red, #d6301f) !important;
	color: #fff !important;
}
#shop-sidebar .widget_product_search .ux-search-submit i { margin: 0; font-size: 17px; }
#shop-sidebar .widget_product_search .live-search-results { position: static; }

/* ---- Find-as-you-type box (categories and brands) ------------------- */
#shop-sidebar .sr-f-find {
	width: 100%;
	height: 42px;
	margin: 0 0 10px;
	padding: 0 16px;
	border: 2px solid transparent;
	border-radius: 999px;
	background: var(--sr-bg, #f4f2ef);
	font-size: 15px;
	box-shadow: none;
}
#shop-sidebar .sr-f-find:focus { outline: none; border-color: var(--sr-ink, #111); background: #fff; }
#shop-sidebar li.sr-f-hide { display: none !important; }
#shop-sidebar .sr-f-searching li.cat-parent > ul.children { display: block !important; }

/* ---- Category tree -------------------------------------------------- */
#shop-sidebar .product-categories { margin: 0; list-style: none; }
#shop-sidebar .product-categories li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}
#shop-sidebar .product-categories li > a {
	flex: 1 1 0;
	min-width: 0;
	display: block;
	padding: 10px 12px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
	color: var(--sr-ink, #111);
	transition: background .15s;
}
#shop-sidebar .product-categories li > a:hover { background: var(--sr-bg, #f4f2ef); color: var(--sr-ink, #111); }
#shop-sidebar .product-categories li.current-cat > a,
#shop-sidebar .product-categories li.chosen > a { background: var(--sr-ink, #111); color: #fff; }
#shop-sidebar .product-categories .count {
	flex: none;
	margin: 0 6px 0 4px;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--sr-bg, #f4f2ef);
	font-size: 12px;
	font-weight: 600;
	color: var(--sr-muted, #6a655f);
}
/* Flatsome's own expander is hidden; sr-filters.js adds .sr-f-toggle and a sub list only shows when its row is open. */
#shop-sidebar .product-categories .toggle { display: none !important; }
#shop-sidebar .product-categories .sr-f-toggle {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--sr-ink, #111);
	cursor: pointer;
	transition: background .15s, transform .2s;
}
#shop-sidebar .product-categories .sr-f-toggle:hover { background: var(--sr-bg, #f4f2ef); }
#shop-sidebar .product-categories li.sr-open > .sr-f-toggle { transform: rotate(180deg); }
#shop-sidebar .product-categories li.cat-parent > ul.children { display: none !important; }
#shop-sidebar .product-categories li.cat-parent.sr-open > ul.children,
#shop-sidebar .product-categories.sr-f-searching li.cat-parent > ul.children { display: block !important; }
#shop-sidebar .product-categories ul.children {
	flex: 0 0 100%;
	margin: 2px 0 8px 14px;
	padding: 0 0 0 10px;
	border-left: 2px solid var(--sr-line, #e6e2dc);
}
#shop-sidebar .product-categories ul.children li > a { padding: 8px 10px; font-size: 14px; font-weight: 400; }

/* ---- Brand dropdown --------------------------------------------------- */
#shop-sidebar .widget_brand_nav select {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 46px 0 20px;
	border: 2px solid transparent;
	border-radius: 999px;
	background-color: var(--sr-bg, #f4f2ef);
	color: var(--sr-ink, #111);
	font-size: 15.5px;
	font-weight: 500;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .2s, border-color .2s;
}
#shop-sidebar .widget_brand_nav select:focus { outline: none; border-color: var(--sr-ink, #111); background-color: #fff; }

/* ---- Brand list (used only if the widget is switched to a list) ------- */
#shop-sidebar .widget_brand_nav ul { margin: 0; list-style: none; max-height: 300px; overflow-y: auto; overscroll-behavior: contain; }
#shop-sidebar .widget_brand_nav li { margin: 0; padding: 0; border: 0; }
#shop-sidebar .widget_brand_nav li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 10px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
	color: var(--sr-ink, #111);
}
#shop-sidebar .widget_brand_nav li a::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	border: 2px solid #c9c4bd;
	border-radius: 6px;
	background: #fff;
}
#shop-sidebar .widget_brand_nav li a:hover { background: var(--sr-bg, #f4f2ef); }
#shop-sidebar .widget_brand_nav li.chosen a { font-weight: 700; }
#shop-sidebar .widget_brand_nav li.chosen a::before { background: var(--sr-ink, #111) center / 12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); border-color: var(--sr-ink, #111); }
#shop-sidebar .widget_brand_nav .count { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--sr-muted, #6a655f); }

/* ---- Quick filters widget ------------------------------------------- */
#shop-sidebar .sr-qf { margin: 0; padding: 0; list-style: none; }
#shop-sidebar .sr-qf li { margin: 0; padding: 0; border: 0; }
#shop-sidebar .sr-qf__opt {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 10px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
	color: var(--sr-ink, #111);
}
#shop-sidebar .sr-qf__opt:hover { background: var(--sr-bg, #f4f2ef); }
#shop-sidebar .sr-qf__box { flex: none; width: 20px; height: 20px; border: 2px solid #c9c4bd; border-radius: 7px; background: #fff; }
#shop-sidebar .sr-qf__opt.is-on { font-weight: 700; }
#shop-sidebar .sr-qf__opt.is-on .sr-qf__box {
	border-color: var(--sr-ink, #111);
	background: var(--sr-ink, #111) center / 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
}
#shop-sidebar .sr-qf__group { margin-top: 12px; padding-top: 14px; border-top: 1px solid var(--sr-line, #e6e2dc); }
#shop-sidebar .sr-qf__label { display: block; margin-bottom: 10px; font-size: 13px; font-weight: 600; color: var(--sr-muted, #6a655f); }
#shop-sidebar .sr-qf__chips { display: flex; flex-wrap: wrap; gap: 6px; }
#shop-sidebar .sr-qf__chip {
	padding: 7px 13px;
	border-radius: 999px;
	background: var(--sr-bg, #f4f2ef);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--sr-ink, #111);
	transition: background .15s, color .15s;
}
#shop-sidebar .sr-qf__chip:hover { background: #e9e5df; }
#shop-sidebar .sr-qf__chip.is-on { background: var(--sr-ink, #111); color: #fff; }
#shop-sidebar .sr-qf__clear { display: inline-block; margin-top: 14px; font-size: 13.5px; font-weight: 600; color: var(--sr-red, #d6301f); text-decoration: underline; }

/* ---- Price ----------------------------------------------------------- */
#shop-sidebar .price_slider_wrapper { padding: 6px 4px 0; }
#shop-sidebar .price_slider { height: 6px; margin: 10px 8px 20px; border-radius: 6px; background: var(--sr-line, #e6e2dc); }
#shop-sidebar .price_slider .ui-slider-range { border-radius: 6px; background: var(--sr-red, #d6301f); }
#shop-sidebar .price_slider .ui-slider-handle {
	top: -8px;
	width: 22px;
	height: 22px;
	margin-left: -11px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--sr-ink, #111);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}
#shop-sidebar .price_slider_amount { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#shop-sidebar .price_slider_amount .price_label { font-size: 14px; color: var(--sr-body, #5b5650); }
#shop-sidebar .price_slider_amount .button {
	height: 38px;
	min-height: 0;
	margin: 0;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--sr-ink, #111);
	color: #fff;
	font-size: 13.5px;
}

/* ---- Active filters and tags ---------------------------------------- */
#shop-sidebar .widget_layered_nav_filters ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; list-style: none; }
#shop-sidebar .widget_layered_nav_filters li { margin: 0; padding: 0; border: 0; }
#shop-sidebar .widget_layered_nav_filters li a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 999px;
	background: var(--sr-ink, #111);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}
#shop-sidebar .tagcloud { display: flex; flex-wrap: wrap; gap: 6px; max-height: 220px; overflow-y: auto; }
#shop-sidebar .tagcloud a {
	margin: 0;
	padding: 6px 12px;
	border: 0;
	border-radius: 999px;
	background: var(--sr-bg, #f4f2ef);
	font-size: 13px !important;
	font-weight: 500;
	color: var(--sr-ink, #111);
}
#shop-sidebar .tagcloud a:hover { background: #e9e5df; }

/* ---- Category page header: same treatment as the product page ------- */
body.sr-catbg .category-page-title .page-title-bg { overflow: hidden; }
body.sr-catbg .category-page-title .title-bg {
	background-image: var(--sr-cat-img) !important;
	background-size: cover !important;
	background-position: center !important;
	top: -40px !important;
	left: -40px !important;
	right: -40px !important;
	bottom: -40px !important;
	width: auto !important;
	height: auto !important;
	transform: none !important;
	filter: blur(26px) saturate(1.1);
}
body.sr-catbg .category-page-title .title-overlay {
	z-index: 1;
	background: linear-gradient(90deg, rgba(10, 10, 10, .78), rgba(10, 10, 10, .55) 60%, rgba(10, 10, 10, .4)) !important;
}
body.sr-catbg .category-page-title .page-title-inner { position: relative; z-index: 2; border-bottom-color: rgba(255, 255, 255, .22); }

/* Breadcrumb and result count: white on the photo, breadcrumb on a soft glass pill. */
body.sr-catbg .category-page-title .page-title-inner .breadcrumbs,
body.sr-catbg .category-page-title .page-title-inner .breadcrumbs *,
body.sr-catbg .category-page-title .page-title-inner .woocommerce-result-count {
	color: #fff !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .55) !important;
}
body.sr-catbg .category-page-title .page-title-inner .breadcrumbs {
	padding: 9px 16px !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, .16);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	font-size: 14px !important;
	font-weight: 600;
	letter-spacing: .01em;
	text-transform: none;
}
body.sr-catbg .category-page-title .page-title-inner .breadcrumbs a { opacity: .88; }
body.sr-catbg .category-page-title .page-title-inner .breadcrumbs a:hover { opacity: 1; text-decoration: underline; }
body.sr-catbg .category-page-title .page-title-inner .breadcrumbs .divider { opacity: .6; margin: 0 6px; }
body.sr-catbg .category-page-title .page-title-inner .woocommerce-result-count { font-size: 14px !important; font-weight: 500; }

/* Category pages: sub-categories collapsed behind a "Browse Sub-Categories" bar. */
.products.row.sr-subcats-collapsed > .product-category { display: none !important; }
body.sr-core .sr-shop-section-heading.sr-subcat-toggle {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 0 0 calc(100% - 19.6px);
	width: calc(100% - 19.6px);
	min-height: 0;
	margin: 0 9.8px 22px;
	padding: 14px 16px 14px 14px;
	padding-bottom: 14px !important;
	border: 1px solid var(--sr-line, #e6e2dc) !important;
	font-size: 16px !important;
	letter-spacing: 0 !important;
	border-radius: var(--sr-r-lg, 22px);
	background-color: #fff;
	/* Faint light sweep that drifts across the bar. */
	background-image: linear-gradient(110deg, rgba(255, 255, 255, 0) 30%, rgba(214, 48, 31, .07) 44%, rgba(255, 207, 58, .14) 50%, rgba(214, 48, 31, .07) 56%, rgba(255, 255, 255, 0) 70%);
	background-size: 260% 100%;
	background-repeat: no-repeat;
	animation: sr-subcat-sheen 7s ease-in-out infinite;
	box-shadow: var(--sr-shadow, 0 1px 3px rgba(0, 0, 0, .06));
	color: var(--sr-ink, #111);
	font-family: var(--sr-text, inherit);
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	cursor: pointer;
	transition: box-shadow .2s, border-color .2s;
}
body.sr-core .sr-shop-section-heading.sr-subcat-toggle:hover { border-color: #d5cfc6; box-shadow: 0 10px 30px rgba(0, 0, 0, .09); }
@keyframes sr-subcat-sheen { 0% { background-position: 130% 0; } 100% { background-position: -130% 0; } }
.sr-subcat-ico {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: var(--sr-ink, #111);
	color: #ffcf3a;
}
.sr-subcat-text { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.sr-subcat-title { font: 700 clamp(18px, 1.8vw, 22px) / 1.1 var(--sr-display, inherit); letter-spacing: -.03em; }
.sr-subcat-sub { overflow: hidden; font-size: 13.5px; font-weight: 400; color: var(--sr-muted, #6a655f); text-overflow: ellipsis; white-space: nowrap; }
.sr-subcat-count {
	flex: none;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--sr-bg, #f4f2ef);
	color: var(--sr-ink, #111);
	font: 600 13px / 1.2 var(--sr-text, inherit);
}
.sr-subcat-action { flex: none; font-size: 13.5px; font-weight: 600; color: var(--sr-muted, #6a655f); }
.sr-subcat-chev {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--sr-bg, #f4f2ef);
	transition: transform .2s, background .2s, color .2s;
}
.sr-subcat-toggle:hover .sr-subcat-chev { background: var(--sr-ink, #111); color: #fff; }
.sr-subcat-toggle[aria-expanded="true"] .sr-subcat-chev { transform: rotate(180deg); }
@media (max-width: 549px) {
	.sr-subcat-sub, .sr-subcat-action { display: none; }
	body.sr-core .sr-shop-section-heading.sr-subcat-toggle { gap: 12px; padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	body.sr-core .sr-shop-section-heading.sr-subcat-toggle { animation: none; background-image: none; }
}
/* The "Shop by ..." product heading lines up with the product cards. */
body.tax-product_cat .sr-shop-section-heading:not(.sr-subcat-toggle),
body.woocommerce-shop .sr-shop-section-heading:not(.sr-subcat-toggle) { padding-left: 9.8px; padding-right: 9.8px; }

/* Breadcrumb and Filter button sit on the left: the empty first column that pushed them to the middle is dropped. */
body.sr-shop .page-title-inner > .flex-col:first-child:not(:has(*)) { display: none !important; }
body.sr-shop .page-title-inner > .flex-col.flex-center { flex: 0 1 auto !important; margin: 0 auto 0 0 !important; }

/* Phones and tablets: breadcrumb, Filter and Sort flow as one wrapping row instead of stacking.
   Short breadcrumb (shop page): all three on one line. Long breadcrumb (category pages): it takes
   its own line, and Filter and Sort sit side by side below it. */
@media (max-width: 849px) {
	html body.sr-shop .page-title-inner {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px 10px !important;
		padding-bottom: 14px !important;
	}
	html body.sr-shop .page-title-inner > .flex-col { display: contents !important; }
	html body.sr-shop .page-title-inner .flex-col > .is-medium,
	html body.sr-shop .page-title-inner .flex-col > .breadcrumbs { order: 1; flex: 0 1 auto; min-width: 0; }
	html body.sr-shop .page-title-inner .category-filtering { order: 2; flex: 0 0 auto; }
	html body.sr-shop .page-title-inner .woocommerce-ordering { order: 3; flex: 1 1 118px; max-width: 150px; margin: 0 0 0 auto !important; min-width: 0; }
	html body.sr-shop .page-title-inner .woocommerce-ordering select.orderby {
		width: 100%;
		min-width: 0;
		max-width: none;
		height: 40px;
		padding: 0 28px 0 12px;
		font-size: 13px;
		text-overflow: ellipsis;
	}
}

/* Sort dropdown: white text on a glass pill, readable over the photo. */
body.sr-catbg .category-page-title .page-title-inner .woocommerce-ordering select {
	color: #fff !important;
	background-color: rgba(255, 255, 255, .16) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.6 6 6.4 11 1.6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 12px 8px !important;
	border: 1px solid rgba(255, 255, 255, .4) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	font-weight: 600;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	box-shadow: none !important;
}
body.sr-catbg .category-page-title .page-title-inner .woocommerce-ordering select option { color: #111 !important; background: #fff; text-shadow: none; }

/* ---------------------------------------------------------------------
   Shop page header: the HTML pasted in Customiser > WooCommerce > Product Catalog >
   Shop Page Header. Only the markup lives in the Customiser; the styling is here.
   ------------------------------------------------------------------- */
body.sr-core .sr-sh { box-sizing: border-box; max-width: 1440px; margin: 0 auto; padding: 16px 24px 8px; font-family: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #111; }
body.sr-core .sr-sh *, body.sr-core .sr-sh *::before, body.sr-core .sr-sh *::after { box-sizing: border-box; }
body.sr-core .sr-sh a { text-decoration: none; }
body.sr-core .sr-sh__hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 230px;
	gap: 40px;
	align-items: center;
	padding: 48px 52px;
	border-radius: 28px;
	background: #141312;
	color: #fff;
}
body.sr-core .sr-sh__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(55% 90% at 100% 0%, rgba(214, 48, 31, .6), transparent 70%),
		radial-gradient(45% 70% at 0% 100%, rgba(255, 207, 58, .16), transparent 70%);
}
body.sr-core .sr-sh__kicker { font-size: 13px; font-weight: 600; color: #ffcf3a; }
body.sr-core .sr-sh h1 {
	max-width: 16ch;
	margin: 12px 0 0;
	font: 700 clamp(38px, 5vw, 68px) / .96 'Bricolage Grotesque', 'Geist', system-ui, sans-serif;
	letter-spacing: -.045em;
	text-transform: none;
	color: #fff;
}
body.sr-core .sr-sh__copy p { max-width: 56ch; margin: 18px 0 0; font-size: 17px; line-height: 1.5; color: rgba(255, 255, 255, .78); }
body.sr-core .sr-sh__cats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
body.sr-core .sr-sh__cats a {
	display: inline-flex;
	align-items: center;
	height: 38px;
	padding: 0 15px;
	border: 1.5px solid rgba(255, 255, 255, .32);
	border-radius: 999px;
	color: #fff !important;
	font-size: 13.5px;
	font-weight: 600;
	white-space: nowrap;
	transition: background .2s, color .2s, border-color .2s;
}
body.sr-core .sr-sh__cats a:hover { background: #fff; border-color: #fff; color: #111 !important; }
body.sr-core .sr-sh__badge {
	justify-self: end;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 210px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #ffcf3a;
	color: #111;
	text-align: center;
	transform: rotate(-8deg);
	box-shadow: 0 30px 60px rgba(0, 0, 0, .35);
}
body.sr-core .sr-sh__badge small { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
body.sr-core .sr-sh__badge strong { margin: 6px 0 4px; font: 800 62px / .9 'Bricolage Grotesque', 'Geist', sans-serif; letter-spacing: -.05em; color: #111; }
/* The site header floats over the top of the shop page (transparent header), so this block starts below it. */
body.sr-core.sr-hdr-tr .custom-page-title .sr-sh { padding-top: 186px; }
@media (max-width: 849px) { body.sr-core.sr-hdr-tr .custom-page-title .sr-sh { padding-top: 200px; } }

/* Checks row, trust cards and intro (content carried over from the previous shop header). */
body.sr-core .sr-sh h1 { max-width: 18ch; font-size: clamp(34px, 4.4vw, 60px); }
body.sr-core .sr-sh h1 span { color: #ffcf3a; }
body.sr-core .sr-sh__checks { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 22px 0 0; padding: 0; list-style: none; }
body.sr-core .sr-sh__checks li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14.5px; font-weight: 600; color: #fff; }
body.sr-core .sr-sh__checks li::before {
	content: "\2713";
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #ffcf3a;
	color: #111;
	font-size: 12px;
	font-weight: 800;
}
body.sr-core .sr-sh__trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
body.sr-core .sr-sh__trust > div { padding: 22px 24px; border-radius: 22px; background: #fff; }
body.sr-core .sr-sh__trust h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; font: 700 19px / 1.15 'Bricolage Grotesque', 'Geist', sans-serif; letter-spacing: -.025em; text-transform: none; color: #111; }
body.sr-core .sr-sh__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: #111;
	color: #ffcf3a;
}
body.sr-core .sr-sh__ico svg { width: 24px; height: 24px; }
body.sr-core .sr-sh__trust p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #5b5650; }
/* "About the shop" section at the bottom of the shop page: text on the left, popular brands on the right. */
body.sr-core .sr-shop-about { max-width: 1440px; margin: 48px auto 0; padding: 0 10px; }
body.sr-core .sr-shop-about__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: 36px;
	align-items: center;
	padding: 40px;
	border-radius: 28px;
	background: #fff;
}
body.sr-core .sr-shop-about__kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #d6301f; }
body.sr-core .sr-shop-about__kicker::before { content: ""; width: 22px; height: 3px; border-radius: 3px; background: #ffcf3a; }
body.sr-core .sr-shop-about h2 {
	max-width: 22ch;
	margin: 12px 0 0;
	font: 700 clamp(28px, 3vw, 40px) / 1.04 'Bricolage Grotesque', 'Geist', system-ui, sans-serif;
	letter-spacing: -.04em;
	text-transform: none;
	color: #111;
}
body.sr-core .sr-shop-about p { max-width: 60ch; margin: 16px 0 0; font-size: 16px; line-height: 1.6; color: #5b5650; }
body.sr-core .sr-shop-about__side { padding: 26px; border-radius: 22px; background: #f4f2ef; }
body.sr-core .sr-shop-about__label { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 600; color: #6a655f; }
body.sr-core .sr-shop-about__brands { display: flex; flex-wrap: wrap; gap: 8px; }
body.sr-core .sr-shop-about__brand {
	display: inline-flex;
	align-items: center;
	height: 42px;
	padding: 0 18px;
	border-radius: 999px;
	background: #fff;
	color: #111 !important;
	font-size: 14.5px;
	font-weight: 600;
	text-decoration: none;
	transition: background .2s, color .2s;
}
body.sr-core .sr-shop-about a.sr-shop-about__brand:hover { background: #111; color: #fff !important; }
body.sr-core .sr-shop-about__all { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 14.5px; font-weight: 600; color: #d6301f !important; text-decoration: none; }
body.sr-core .sr-shop-about__all svg { width: 16px; height: 16px; transition: transform .2s; }
body.sr-core .sr-shop-about__all:hover svg { transform: translateX(3px); }
@media (max-width: 849px) {
	body.sr-core .sr-shop-about { margin-top: 36px; }
	body.sr-core .sr-shop-about__inner { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 26px 22px; border-radius: 24px; }
}

/* Brand slider: a compact, slowly scrolling strip of brand logos (pauses on hover). */
body.sr-core .sr-sh__brands { display: flex; align-items: center; gap: 18px; margin-top: 16px; padding: 4px 0 0 6px; }
body.sr-core .sr-sh__brands-label { flex: none; max-width: 96px; font-size: 13px; font-weight: 600; line-height: 1.3; color: #6a655f; }
body.sr-core .sr-sh__marquee {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
body.sr-core .sr-sh__track { display: flex; gap: 10px; width: max-content; animation: sr-sh-marq 45s linear infinite; }
body.sr-core .sr-sh__marquee:hover .sr-sh__track { animation-play-state: paused; }
@keyframes sr-sh-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
body.sr-core .sr-sh__brand {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 132px;
	height: 56px;
	padding: 0 18px;
	border-radius: 16px;
	background: #fff;
}
body.sr-core .sr-sh__brand img { width: auto; max-width: 100%; max-height: 28px; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .2s, opacity .2s; }
body.sr-core .sr-sh__brand:hover img { filter: none; opacity: 1; }
@media (max-width: 640px) {
	body.sr-core .sr-sh__brands { flex-direction: column; align-items: flex-start; gap: 8px; padding-left: 4px; }
	body.sr-core .sr-sh__brands-label { max-width: none; }
	body.sr-core .sr-sh__marquee { width: 100%; }
	body.sr-core .sr-sh__brand { width: 108px; height: 48px; padding: 0 14px; }
}
@media (prefers-reduced-motion: reduce) {
	body.sr-core .sr-sh__marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
	body.sr-core .sr-sh__track { animation: none; }
}
body.sr-core .sr-sh__trust .is-clone { display: none; }
@media (max-width: 820px) {
	body.sr-core .sr-sh__trust {
		display: flex;
		gap: 14px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 2px 2px 6px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
	}
	body.sr-core .sr-sh__trust::-webkit-scrollbar { display: none; }
	body.sr-core .sr-sh__trust > div { flex: none; width: min(300px, 78vw); }
	body.sr-core .sr-sh__trust .is-clone { display: block; }
}

body.sr-core .sr-sh__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin-top: 16px;
	padding: 10px 12px;
	border-radius: 28px;
	background: #fff;
}
body.sr-core .sr-sh__filter {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	height: 44px;
	padding: 0 20px;
	border-radius: 999px;
	background: #111;
	color: #fff !important;
	font-size: 14.5px;
	font-weight: 600;
	transition: background .2s;
}
body.sr-core .sr-sh__filter:hover { background: #d6301f; }
body.sr-core .sr-sh__quick { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 6px; }
body.sr-core .sr-sh__quick a {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	background: #f4f2ef;
	color: #111 !important;
	font-size: 14px;
	font-weight: 600;
	transition: background .2s;
}
body.sr-core .sr-sh__quick a:hover { background: #e9e5df; }
body.sr-core .sr-sh__quick a.is-sale { background: #ffcf3a; }
body.sr-core .sr-sh__quick a.is-sale:hover { background: #ffc61a; }
body.sr-core .sr-sh__sort { margin-left: auto; }
body.sr-core .sr-sh__sort form { margin: 0; }
body.sr-core .sr-sh__sort select {
	height: 44px;
	min-height: 0;
	margin: 0;
	padding: 0 42px 0 18px;
	border: 0;
	border-radius: 999px;
	background-color: #f4f2ef;
	color: #111;
	font-size: 14.5px;
	font-weight: 500;
	box-shadow: none;
}
@media (max-width: 1000px) {
	body.sr-core .sr-sh__hero { grid-template-columns: minmax(0, 1fr); padding: 40px 32px; }
	body.sr-core .sr-sh__badge { display: none; }
}
@media (max-width: 640px) {
	body.sr-core .sr-sh { padding: 10px 12px 4px; }
	body.sr-core .sr-sh__hero { padding: 30px 22px; border-radius: 24px; }
	body.sr-core .sr-sh__cats { flex-wrap: nowrap; margin: 22px -22px 0; padding: 0 22px 4px; overflow-x: auto; scrollbar-width: none; }
	body.sr-core .sr-sh__cats::-webkit-scrollbar { display: none; }
	body.sr-core .sr-sh__bar { border-radius: 24px; }
	body.sr-core .sr-sh__quick { order: 3; flex-basis: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	body.sr-core .sr-sh__quick a { flex: none; }
	body.sr-core .sr-sh__sort { margin-left: 0; flex: 1; }
	body.sr-core .sr-sh__sort select { width: 100%; }
}