/**
 * DELTITECH shop & category pages (v1.0.232)
 *
 * Built from dev/dt-shop.src.css — edit the source, not this file.
 *
 *
 * Light catalog in the home-new / help-center language: stone canvas with
 * soft ice orbs, white glass cards, Poppins, 24–28px radii, spring easing.
 * Everything is scoped to `body.dt-shop` (inc/dt-shop.php).
 */

html body.dt-shop.dt-shop {
	--dt-ink: #0a0c10;
	--dt-ink-2: #2b3038;
	--dt-text: #3a3f47;
	--dt-muted: #6b7280;
	--dt-paper: #ffffff;
	--dt-stone: #f2f4f7;
	--dt-tile: #f6f6f6;
	--dt-line: rgba(10, 12, 16, 0.08);
	/* Accent = the store green (home-new / footer). */
	--dt-ice: #4cd964;
	--dt-ice-2: #d4f7dc;
	--dt-ice-3: #1a8030;
	--dt-deep: #166b2c;
	--dt-night: #05070b;
	--dt-night-2: #0b1018;
	--dt-gold: #f5a524;
	--dt-r: 28px;
	--dt-r-card: 24px;
	--dt-r-sm: 14px;
	--dt-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--dt-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--dt-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 0 0 1px rgba(10, 20, 40, 0.05), 0 1px 2px rgba(10, 20, 40, 0.04), 0 22px 50px -28px rgba(20, 40, 80, 0.28);
	--dt-card-shadow-hover: inset 0 1px 0 #fff, 0 0 0 1px rgba(26, 128, 48, 0.18), 0 2px 4px rgba(10, 20, 40, 0.04), 0 28px 60px -26px rgba(20, 60, 120, 0.36);
	--dt-wrap: 1440px;
	--dt-gutter: clamp(16px, 4vw, 48px);
	--dt-font: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
	background: var(--dt-stone);
}

html body.dt-shop.dt-shop .site-content {
	background: var(--dt-stone);
	padding-top: 0 !important;
}

html body.dt-shop.dt-shop .dt-shop-wrap {
	max-width: var(--dt-wrap);
	margin: 0 auto;
	padding: 0 var(--dt-gutter);
	box-sizing: border-box;
}

/* Product area lines up with the hero. */
html body.dt-shop.dt-shop .site-content > .site-content-container {
	max-width: var(--dt-wrap) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--dt-gutter) !important;
	padding-right: var(--dt-gutter) !important;
}

html body.dt-shop.dt-shop .dt-shop-hero *,
html body.dt-shop.dt-shop .dt-shop-tile * {
	box-sizing: border-box;
}

html body.dt-shop.dt-shop .dt-shop-icon {
	width: 18px;
	height: 18px;
	flex: none;
}

/* Shared type ------------------------------------------------------------ */

html body.dt-shop.dt-shop .dt-shop-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--dt-font);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--dt-ice-3);
}

html body.dt-shop.dt-shop .dt-shop-eyebrow::before {
	content: "";
	width: 18px;
	height: 1px;
	background: currentColor;
	opacity: 0.7;
}

html body.dt-shop.dt-shop .dt-shop-grad {
	background: linear-gradient(100deg, var(--dt-ink) 0%, var(--dt-deep) 40%, var(--dt-ice-3) 65%, var(--dt-ink) 100%);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: dt-shop-shine 8s linear infinite;
}

@keyframes dt-shop-shine {
	to {
		background-position: -200% 0;
	}
}

/* =========================================================================
 * Hero
 * ====================================================================== */

html body.dt-shop.dt-shop .dt-shop-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(22px, 3vw, 40px) 0 clamp(20px, 2.4vw, 30px);
	background: var(--dt-stone);
	font-family: var(--dt-font);
	color: var(--dt-ink);
}

html body.dt-shop.dt-shop .dt-shop-hero__orb {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	pointer-events: none;
}

html body.dt-shop.dt-shop .dt-shop-hero__orb--a {
	width: 52vw;
	height: 52vw;
	left: -16vw;
	top: -30vw;
	background: radial-gradient(circle, rgba(76, 217, 100, 0.42), rgba(76, 217, 100, 0) 68%);
	animation: dt-shop-drift-a 20s ease-in-out infinite;
}

html body.dt-shop.dt-shop .dt-shop-hero__orb--b {
	width: 44vw;
	height: 44vw;
	right: -14vw;
	top: -8vw;
	background: radial-gradient(circle, rgba(120, 220, 190, 0.3), rgba(120, 220, 190, 0) 68%);
	animation: dt-shop-drift-b 24s ease-in-out infinite;
}

@keyframes dt-shop-drift-a {
	50% {
		transform: translate(4vw, 3vw) scale(1.06);
	}
}

@keyframes dt-shop-drift-b {
	50% {
		transform: translate(-3vw, 4vw) scale(0.96);
	}
}


html body.dt-shop.dt-shop .dt-shop-crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 clamp(16px, 2vw, 26px);
	font-size: 13px;
	line-height: 1.4;
	color: var(--dt-muted);
}

html body.dt-shop.dt-shop .dt-shop-crumbs a {
	color: var(--dt-ink-2);
	text-decoration: none;
	transition: color 0.25s var(--dt-ease);
}

html body.dt-shop.dt-shop .dt-shop-crumbs a:hover {
	color: var(--dt-ice-3);
}

html body.dt-shop.dt-shop .dt-shop-crumbs__sep {
	opacity: 0.4;
}

html body.dt-shop.dt-shop .dt-shop-hero__eyebrow-row {
	display: flex;
	align-items: center;
	gap: 12px;
}

html body.dt-shop.dt-shop .dt-shop-hero__logo {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	box-shadow: var(--dt-card-shadow);
}

html body.dt-shop.dt-shop .dt-shop-hero__logo img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

html body.dt-shop.dt-shop .dt-shop-hero__title {
	margin: 12px 0 0;
	font-family: var(--dt-font);
	font-size: clamp(36px, 5.4vw, 76px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--dt-ink);
	text-transform: none;
}

html body.dt-shop.dt-shop .dt-shop-hero--shop .dt-shop-hero__title .dt-shop-grad {
	display: block;
	padding-bottom: 0.06em;
}

html body.dt-shop.dt-shop .dt-shop-hero__text {
	max-width: 540px;
	margin: clamp(12px, 1.4vw, 18px) 0 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--dt-muted);
}

html body.dt-shop.dt-shop .dt-shop-hero__text strong {
	color: var(--dt-ink);
	font-weight: 600;
}

/* Chip rail -------------------------------------------------------------- */

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chips {
	margin: clamp(22px, 2.6vw, 34px) calc(var(--dt-gutter) * -1) 0;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chips__list {
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 6px var(--dt-gutter) 10px;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scroll-padding: 0 var(--dt-gutter);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chips__list::-webkit-scrollbar {
	display: none;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chips__list > li {
	flex: none;
	margin: 0;
	scroll-snap-align: start;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 48px;
	padding: 0 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: var(--dt-card-shadow);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: var(--dt-ink);
	text-decoration: none;
	white-space: nowrap;
	transition: transform 0.5s var(--dt-spring), box-shadow 0.4s var(--dt-ease), background 0.3s, color 0.3s;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip:has(.dt-shop-chip__logo) {
	padding-left: 6px;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip:hover {
	transform: translateY(-2px);
	box-shadow: var(--dt-card-shadow-hover);
	color: var(--dt-ink);
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip.is-active {
	background: var(--dt-ink);
	color: #fff;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip__logo {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--dt-line);
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip__logo img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip__count {
	font-size: 12px;
	font-weight: 500;
	color: var(--dt-muted);
}

html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip.is-active .dt-shop-chip__count {
	color: rgba(255, 255, 255, 0.6);
}

/* =========================================================================
 * Toolbar — sticky glass bar
 * ====================================================================== */

html body.dt-shop.dt-shop .catalog-toolbar {
	position: sticky;
	top: var(--dt-shop-sticky-top, 0px);
	z-index: 30;
	margin: 6px 0 22px !important;
	padding: 0 !important;
	font-family: var(--dt-font);
}

/* Glass lives on a pseudo-element: a backdrop-filter on the bar itself would
   trap the fixed-position sort popover inside it. */
html body.dt-shop.dt-shop .catalog-toolbar::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: var(--dt-card-shadow);
	-webkit-backdrop-filter: blur(20px) saturate(1.6);
	backdrop-filter: blur(20px) saturate(1.6);
	pointer-events: none;
}

html body.dt-shop.dt-shop .catalog-toolbar .catalog-toolbar__toolbar {
	min-height: 60px;
	padding: 8px 8px 8px 8px;
}

html body.dt-shop.dt-shop .catalog-toolbar__left {
	gap: 10px !important;
}

html body.dt-shop.dt-shop .catalog-toolbar .catalog-toolbar__filter-button {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px !important;
	min-width: 0;
	margin: 0;
	padding: 0 20px !important;
	border-radius: 999px !important;
	font-family: var(--dt-font);
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1;
	cursor: pointer;
	transition: transform 0.5s var(--dt-spring), background 0.3s, box-shadow 0.3s, color 0.3s;
}

html body.dt-shop.dt-shop .catalog-toolbar .catalog-toolbar__filter-button {
	background: var(--dt-ink) !important;
	color: #fff !important;
	border: 0 !important;
}

html body.dt-shop.dt-shop .catalog-toolbar .catalog-toolbar__filter-button:hover {
	transform: translateY(-1px);
}

html body.dt-shop.dt-shop .dt-shop-filter-count {
	display: inline-grid;
	place-items: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: linear-gradient(180deg, #e6fbe9, var(--dt-ice));
	color: #052e12;
	font-size: 11px;
	font-weight: 700;
}

html body.dt-shop.dt-shop .dt-shop-filter-count[hidden] {
	display: none;
}

html body.dt-shop.dt-shop .catalog-toolbar__result-count {
	margin-left: 6px;
	font-size: 13px !important;
	color: var(--dt-muted) !important;
}

html body.dt-shop.dt-shop .catalog-toolbar .glozin-toolbar-view {
	padding: 0 6px;
}

html body.dt-shop.dt-shop .catalog-toolbar .gz-shop-view-item {
	color: #a3a9b3;
	transition: color 0.25s;
}

html body.dt-shop.dt-shop .catalog-toolbar .gz-shop-view-item.current,
html body.dt-shop.dt-shop .catalog-toolbar .gz-shop-view-item:hover {
	color: var(--dt-ink);
}

/* The floating side "Filter" tab (custom-wishlist-cards.js) is redundant
   now that the whole toolbar is sticky. */
html body.dt-shop.dt-shop .gz-sticky-filter {
	display: none !important;
}

/* Active filter chips under the bar. */
html body.dt-shop.dt-shop .catalog-toolbar__active-filters {
	margin: -6px 0 22px !important;
}

html body.dt-shop.dt-shop .catalog-toolbar__active-filters.dt-shop-empty {
	display: none !important;
}

html body.dt-shop.dt-shop .catalog-toolbar__filters-actived .remove-filtered {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: var(--dt-card-shadow);
	font-family: var(--dt-font);
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--dt-ink) !important;
	text-decoration: none !important;
}

html body.dt-shop.dt-shop .catalog-toolbar__filters-actived .remove-filtered.remove-filtered-all {
	background: transparent !important;
	box-shadow: none;
	color: var(--dt-muted) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

/* =========================================================================
 * Grid
 * ====================================================================== */

html body.dt-shop.dt-shop .glozin-shop-content ul.products:not(.product-list-layout):not(.list) {
	--dt-cols: 4;
	display: grid !important;
	grid-template-columns: repeat(var(--dt-cols), minmax(0, 1fr));
	grid-auto-flow: row dense;
	gap: clamp(12px, 1.5vw, 22px);
	margin: 0 !important;
	padding: 0 !important;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products.columns-2:not(.product-list-layout):not(.list) {
	--dt-cols: 2;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products.columns-3:not(.product-list-layout):not(.list) {
	--dt-cols: 3;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products.columns-5:not(.product-list-layout):not(.list) {
	--dt-cols: 5;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products.columns-6:not(.product-list-layout):not(.list) {
	--dt-cols: 6;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products:not(.product-list-layout):not(.list) > li.product {
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Card ------------------------------------------------------------------- */

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product > .product-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 8px !important;
	border-radius: var(--dt-r-card) !important;
	background: #fff !important;
	box-shadow: var(--dt-card-shadow) !important;
	overflow: visible !important;
	transition: transform 0.6s var(--dt-spring), box-shadow 0.5s var(--dt-ease) !important;
}

/* The previous grey frosted halo (li::before) is replaced by the card's
   own lift + shadow. */
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product::before {
	display: none !important;
}

@media (hover: hover) and (pointer: fine) {
	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product:hover > .product-inner {
		transform: translateY(-4px);
		box-shadow: var(--dt-card-shadow-hover) !important;
	}
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-thumbnail {
	border-radius: 18px !important;
	background: var(--dt-tile) !important;
	overflow: hidden !important;
	isolation: isolate;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-thumbnail img {
	background: var(--dt-tile);
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-summary {
	flex: 1;
	align-items: flex-start !important;
	gap: 0;
	margin: 0 !important;
	padding: 14px 10px 8px !important;
	text-align: left !important;
	font-family: var(--dt-font);
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product__category,
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product--cat {
	margin: 0 0 4px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: var(--dt-ice-3) !important;
}

/* custom-animations-v6.css centres each child and orders them
   (label 1, title 2, price 3) with six-class selectors; :not(#dt) adds an
   id's weight so this one rule wins without longer chains. */
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-summary > *:not(#dt) {
	text-align: left !important;
	justify-content: flex-start !important;
	align-self: stretch !important;
}

/* Price sits on the bottom line of every card; "Ships free" shares that
   line on the right so prices stay aligned across a row. */
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-summary {
	position: relative;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-summary > .dt-card-ship:not(#dt) {
	position: absolute;
	right: 10px;
	bottom: 10px;
	order: 3;
	margin: 0;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product__category a,
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product--cat a {
	color: inherit !important;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .woocommerce-loop-product__title {
	margin: 0 !important;
	font-family: var(--dt-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.32 !important;
	letter-spacing: -0.01em !important;
	text-align: left !important;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .woocommerce-loop-product__title a {
	color: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .dt-card-cw {
	display: block;
	margin-top: 3px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0;
	color: var(--dt-muted);
	white-space: nowrap;
	text-overflow: ellipsis;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .price {
	margin-top: auto !important;
	padding-top: 10px;
	font-family: var(--dt-font);
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em;
	color: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .price del {
	margin-right: 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--dt-muted);
	opacity: 1;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .price ins {
	color: #d92d20;
	text-decoration: none;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .dt-card-ship {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 500;
	color: var(--dt-deep);
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .dt-card-ship .dt-shop-icon {
	width: 14px;
	height: 14px;
}

/* No compare on catalog cards. */
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .wcboost-products-compare-button--loop {
	display: none !important;
}

/* Glozin's own sale badge (top-left) duplicates ours. */
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .woocommerce-badges {
	display: none !important;
}

/* Badges + rating pill --------------------------------------------------- */

html body.dt-shop.dt-shop .dt-card-badges {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 4;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	pointer-events: none;
}

html body.dt-shop.dt-shop .dt-card-badge {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 10px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 6px 16px -8px rgba(10, 20, 40, 0.35);
	font-family: var(--dt-font);
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	color: var(--dt-ink);
	white-space: nowrap;
}

html body.dt-shop.dt-shop .dt-card-badge--new {
	background: var(--dt-ink);
	color: #fff;
}

html body.dt-shop.dt-shop .dt-card-badge--best {
	background: linear-gradient(180deg, #e6fbe9 0%, var(--dt-ice) 100%);
	color: #052e12;
}

html body.dt-shop.dt-shop .dt-card-badge--sale {
	background: #d92d20;
	color: #fff;
}

html body.dt-shop.dt-shop .dt-card-badge--soldout {
	background: rgba(10, 12, 16, 0.62);
	color: #fff;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product__rating-pill {
	gap: 4px;
	font-family: var(--dt-font);
}

/* Hover add-to-cart pill. */
html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-featured-icons--second .product-loop-button-atc {
	border-radius: 999px !important;
	background: var(--dt-ink) !important;
	color: #fff !important;
	font-family: var(--dt-font);
	font-weight: 600 !important;
}

/* =========================================================================
 * Grid tiles
 * ====================================================================== */

html body.dt-shop.dt-shop .glozin-shop-content ul.products > li.dt-shop-tile {
	grid-column: span 1;
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

html body.dt-shop.dt-shop .glozin-shop-content ul.products > li.dt-shop-tile--wide {
	grid-column: span 2;
}

html body.dt-shop.dt-shop .dt-shop-tile__inner {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	min-height: 380px;
	padding: clamp(22px, 2.4vw, 34px);
	border-radius: var(--dt-r-card);
	overflow: hidden;
	font-family: var(--dt-font);
	text-decoration: none;
	transition: transform 0.6s var(--dt-spring), box-shadow 0.5s var(--dt-ease);
}

html body.dt-shop.dt-shop a.dt-shop-tile__inner:hover {
	transform: translateY(-4px);
}

html body.dt-shop.dt-shop .dt-shop-tile--dark .dt-shop-tile__inner {
	background: radial-gradient(120% 90% at 100% 0%, rgba(26, 128, 48, 0.28), transparent 60%), linear-gradient(160deg, var(--dt-night-2) 0%, var(--dt-night) 100%);
	box-shadow: 0 30px 70px -35px rgba(5, 7, 11, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.07);
	color: #fff;
}

html body.dt-shop.dt-shop .dt-shop-tile--light .dt-shop-tile__inner {
	background: radial-gradient(70% 90% at 100% 100%, rgba(76, 217, 100, 0.4), transparent 70%), radial-gradient(50% 60% at 0% 0%, rgba(120, 220, 190, 0.22), transparent 70%), #fff;
	box-shadow: var(--dt-card-shadow);
	color: var(--dt-ink);
}

html body.dt-shop.dt-shop .dt-shop-tile__orb {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	pointer-events: none;
}

html body.dt-shop.dt-shop .dt-shop-tile__orb--a {
	width: 70%;
	aspect-ratio: 1;
	right: -22%;
	top: -24%;
	animation: dt-shop-drift-a 18s ease-in-out infinite;
}

html body.dt-shop.dt-shop .dt-shop-tile__orb--b {
	width: 55%;
	aspect-ratio: 1;
	left: -18%;
	bottom: -30%;
	animation: dt-shop-drift-b 22s ease-in-out infinite;
}

html body.dt-shop.dt-shop .dt-shop-tile--dark .dt-shop-tile__orb--a {
	background: radial-gradient(circle, rgba(76, 217, 100, 0.45), transparent 68%);
}

html body.dt-shop.dt-shop .dt-shop-tile--dark .dt-shop-tile__orb--b {
	background: radial-gradient(circle, rgba(76, 217, 100, 0.28), transparent 68%);
}

html body.dt-shop.dt-shop .dt-shop-tile--light .dt-shop-tile__orb--a {
	background: radial-gradient(circle, rgba(76, 217, 100, 0.35), transparent 68%);
}

html body.dt-shop.dt-shop .dt-shop-tile--light .dt-shop-tile__orb--b {
	display: none;
}

html body.dt-shop.dt-shop .dt-shop-tile__img {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s var(--dt-ease);
}

html body.dt-shop.dt-shop a.dt-shop-tile__inner:hover .dt-shop-tile__img {
	transform: scale(1.05);
}

html body.dt-shop.dt-shop .dt-shop-tile--image .dt-shop-tile__orb {
	display: none;
}

html body.dt-shop.dt-shop .dt-shop-tile--image.dt-shop-tile--dark .dt-shop-tile__inner::after,
html body.dt-shop.dt-shop .dt-shop-tile--image.dt-shop-tile--light .dt-shop-tile__inner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}

html body.dt-shop.dt-shop .dt-shop-tile--image.dt-shop-tile--dark .dt-shop-tile__inner::after {
	background: linear-gradient(10deg, rgba(5, 7, 11, 0.86) 0%, rgba(5, 7, 11, 0.4) 45%, rgba(5, 7, 11, 0) 75%);
}

html body.dt-shop.dt-shop .dt-shop-tile--image.dt-shop-tile--light .dt-shop-tile__inner::after {
	background: linear-gradient(10deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 75%);
}

html body.dt-shop.dt-shop .dt-shop-tile__body {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 520px;
}

html body.dt-shop.dt-shop .dt-shop-tile--dark .dt-shop-eyebrow {
	color: var(--dt-ice);
}

html body.dt-shop.dt-shop .dt-shop-tile__title {
	display: block;
	margin-top: 12px;
	font-size: clamp(24px, 2.2vw, 34px);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -0.035em;
}

html body.dt-shop.dt-shop .dt-shop-tile--wide .dt-shop-tile__title {
	font-size: clamp(28px, 3vw, 44px);
}

html body.dt-shop.dt-shop .dt-shop-tile__title .dt-shop-grad {
	display: block;
}

html body.dt-shop.dt-shop .dt-shop-tile--dark .dt-shop-grad {
	background-image: linear-gradient(100deg, #fff 0%, var(--dt-ice-2) 35%, var(--dt-ice) 65%, #fff 100%);
}

html body.dt-shop.dt-shop .dt-shop-tile__text {
	display: block;
	max-width: 40ch;
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.55;
	opacity: 0.72;
}

html body.dt-shop.dt-shop .dt-shop-tile__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	margin-top: 22px;
	padding: 0 22px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	transition: box-shadow 0.4s var(--dt-ease);
}

html body.dt-shop.dt-shop .dt-shop-tile__cta .dt-shop-icon {
	width: 17px;
	height: 17px;
	transition: transform 0.4s var(--dt-spring);
}

html body.dt-shop.dt-shop a.dt-shop-tile__inner:hover .dt-shop-tile__cta .dt-shop-icon {
	transform: translateX(4px);
}

html body.dt-shop.dt-shop .dt-shop-tile--dark .dt-shop-tile__cta {
	background: linear-gradient(180deg, #e6fbe9 0%, var(--dt-ice) 100%);
	box-shadow: inset 0 1px 0 #fff, 0 10px 30px -12px rgba(76, 217, 100, 0.7);
	color: #052e12;
}

html body.dt-shop.dt-shop .dt-shop-tile--light .dt-shop-tile__cta {
	background: var(--dt-ink);
	box-shadow: 0 10px 30px -10px rgba(10, 12, 16, 0.5);
	color: #fff;
}

/* =========================================================================
 * Load more
 * ====================================================================== */

html body.dt-shop.dt-shop .woocommerce-pagination.woocommerce-pagination--ajax {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin: clamp(36px, 5vw, 64px) 0 clamp(48px, 6vw, 90px);
	font-family: var(--dt-font);
}

html body.dt-shop.dt-shop .gz-posts-found {
	margin: 0 !important;
}

html body.dt-shop.dt-shop .gz-posts-found__inner {
	position: relative;
	display: block;
	width: min(260px, 70vw);
	margin: 0 auto;
	padding-bottom: 16px;
	font-size: 13px !important;
	line-height: 1.4;
	text-align: center;
	color: var(--dt-muted) !important;
}

html body.dt-shop.dt-shop .gz-posts-found__inner .current-post,
html body.dt-shop.dt-shop .gz-posts-found__inner .found-post {
	font-weight: 600;
	color: var(--dt-ink);
}

html body.dt-shop.dt-shop .gz-posts-found__inner::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	border-radius: 4px;
	background: rgba(10, 12, 16, 0.08);
}

html body.dt-shop.dt-shop .gz-posts-found__inner .count-bar {
	position: absolute !important;
	left: 0;
	bottom: 0;
	z-index: 1;
	height: 4px !important;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--dt-ice-3), var(--dt-ice)) !important;
	transition: width 0.8s var(--dt-ease);
}

html body.dt-shop.dt-shop .woocommerce-pagination .woocommerce-pagination-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 220px;
	height: 56px;
	margin: 0 !important;
	padding: 0 32px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--dt-ink) !important;
	box-shadow: 0 14px 34px -14px rgba(10, 12, 16, 0.55);
	font-family: var(--dt-font);
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-decoration: none;
	transition: transform 0.5s var(--dt-spring), box-shadow 0.4s var(--dt-ease) !important;
}

html body.dt-shop.dt-shop .woocommerce-pagination .woocommerce-pagination-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 44px -12px rgba(26, 128, 48, 0.55);
}

/* =========================================================================
 * Filter drawer
 *
 * Sticky header, scrolling sections, sticky footer (dt-shop.js adds it).
 * Every section: heading with a +/− toggle and a selected-count badge.
 * ====================================================================== */

html body.dt-shop.dt-shop #filter-sidebar-panel {
	--dt-f-pad: 24px;
	font-family: var(--dt-font);
}

@media (min-width: 768px) {
	html body.dt-shop.dt-shop #filter-sidebar-panel .sidebar__container {
		width: min(420px, 100vw) !important;
		max-width: 100vw !important;
	}
}

html body.dt-shop.dt-shop #filter-sidebar-panel .sidebar__container {
	display: flex !important;
	flex-direction: column !important;
	background: #fff !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .sidebar__header {
	flex: none;
	display: flex !important;
	align-items: center;
	min-height: 72px;
	padding: 0 var(--dt-f-pad) !important;
	border-bottom: 1px solid var(--dt-line) !important;
	font-family: var(--dt-font) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em;
	color: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .sidebar__container > .sidebar__button-close {
	top: 16px !important;
	right: 18px !important;
	inset-inline-end: 18px !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .sidebar__content {
	flex: 1 1 auto;
	min-height: 0;
	padding: 0 var(--dt-f-pad) 12px !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
}

/* The widget's own title duplicates the drawer header. */
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter-widget > .widget-title,
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter-widget > .widgettitle,
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter-widget > h2 {
	display: none !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .widget {
	margin: 0 !important;
	padding: 0 !important;
}

/* Sections --------------------------------------------------------------- */

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter {
	margin: 0 !important;
	padding: 20px 0 !important;
	border-bottom: 1px solid var(--dt-line) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter:last-child {
	border-bottom: 0 !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter-name {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: flex-start !important;
	gap: 8px !important;
	min-height: 28px;
	margin: 0 !important;
	padding: 0 34px 0 0 !important;
	font-family: var(--dt-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: -0.01em;
	color: var(--dt-ink) !important;
	cursor: pointer;
	user-select: none;
}

/* +/− toggle: − while open, + while collapsed (`glozin-active`). */
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter-name::before,
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter-name::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: 8px !important;
	left: auto !important;
	width: 13px !important;
	height: 1.6px !important;
	margin-top: -0.8px;
	border: 0 !important;
	border-radius: 2px;
	background: var(--dt-ink) !important;
	opacity: 1;
	transform: none;
	transition: transform 0.3s var(--dt-ease), opacity 0.3s var(--dt-ease);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter-name::after {
	transform: rotate(90deg) scaleX(0);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.glozin-active .products-filter__filter-name::after {
	transform: rotate(90deg) scaleX(1);
}

html body.dt-shop.dt-shop .dt-filter-badge {
	display: inline-grid;
	place-items: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--dt-ice);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	color: #052e12;
}

html body.dt-shop.dt-shop .dt-filter-badge[hidden] {
	display: none;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter-control {
	padding-top: 16px;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__options {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

/* Checkbox lists (Brand, Availability) ------------------------------------ */

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item,
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	margin: 0 !important;
	padding: 8px 0 !important;
	cursor: pointer;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item > .name,
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item > .name {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 0 0 32px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	color: var(--dt-ink-2) !important;
	transition: color 0.2s;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item > .name::before,
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item > .name::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	border: 1.5px solid rgba(10, 12, 16, 0.22) !important;
	border-radius: 6px !important;
	background: #fff !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s, background-color 0.2s;
}

/* Category is a single choice: round marker. */
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item > .name::before {
	border-radius: 50% !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item > .name::after,
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item > .name::after {
	content: "" !important;
	position: absolute !important;
	top: 4px !important;
	left: 7px !important;
	width: 6px !important;
	height: 10px !important;
	border: solid #fff !important;
	border-width: 0 2px 2px 0 !important;
	background: none !important;
	opacity: 0;
	transform: rotate(45deg) scale(0.6);
	transition: opacity 0.2s, transform 0.3s var(--dt-spring);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item > .name::after {
	top: 6px !important;
	left: 6px !important;
	width: 8px !important;
	height: 8px !important;
	border: 0 !important;
	border-radius: 50%;
	background: #fff !important;
	transform: scale(0.4);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item:hover > .name::before,
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item:hover > .name::before {
	border-color: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item.selected > .name,
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item.selected > .name {
	font-weight: 600 !important;
	color: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item.selected > .name::before,
html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item.selected > .name::before {
	border-color: var(--dt-ink) !important;
	background: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-checkboxes-item.selected > .name::after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item.selected > .name::after {
	opacity: 1;
	transform: scale(1);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__count {
	flex: none;
	margin-left: 10px;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--dt-stone);
	font-size: 12px !important;
	font-weight: 500;
	line-height: 16px;
	color: var(--dt-muted) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__count::before,
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__count::after {
	content: none !important;
}

/* Category: "Brands" duplicates the Brand section; nested lists indent. */
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.product_cat .products-filter__option[data-value="brands"] {
	display: none !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item > ul.children {
	flex: 0 0 100%;
	margin: 4px 0 0 !important;
	padding: 0 0 0 32px !important;
	list-style: none;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__option-toggler {
	display: inline-grid !important;
	place-items: center;
	width: 28px !important;
	height: 28px !important;
	margin-left: 4px;
	border-radius: 50%;
	transition: background-color 0.2s, transform 0.3s var(--dt-ease);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__option-toggler:hover {
	background: var(--dt-stone);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .filter-list-item.active > .products-filter__option-toggler {
	transform: rotate(180deg);
}

/* "Out of stock" isn't something anyone filters for. */
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.product_status .products-filter__option[data-value="out_of_stock"] {
	display: none !important;
}

/* Size ------------------------------------------------------------------- */

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.us-shoe-size .products-filter__options {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.us-shoe-size .products-filter__option {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 0 !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 6px !important;
	border: 1px solid var(--dt-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	font-family: var(--dt-font);
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--dt-ink) !important;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s, color 0.2s;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.us-shoe-size .products-filter__option:hover {
	border-color: rgba(10, 12, 16, 0.45) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.us-shoe-size .products-filter__option.selected {
	border-color: var(--dt-ink) !important;
	background: var(--dt-ink) !important;
	color: #fff !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.us-shoe-size .products-filter__option.dt-size-hidden {
	display: none !important;
}

html body.dt-shop.dt-shop .dt-size-tabs {
	display: flex;
	gap: 4px;
	margin: 0 0 14px;
	padding: 4px;
	border-radius: 999px;
	background: var(--dt-stone);
}

html body.dt-shop.dt-shop .dt-size-tabs button {
	flex: 1;
	min-width: 0;
	height: 36px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	font-family: var(--dt-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--dt-muted);
	cursor: pointer;
	transition: background 0.25s, color 0.25s, box-shadow 0.25s;
}

html body.dt-shop.dt-shop .dt-size-tabs button[aria-selected="true"] {
	background: #fff;
	color: var(--dt-ink);
	box-shadow: 0 1px 2px rgba(10, 20, 40, 0.08), 0 6px 14px -8px rgba(10, 20, 40, 0.3);
}

/* Price ------------------------------------------------------------------ */

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.price .widgettitle,
html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.price .price_slider_label {
	display: none !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__filter.price .widget_price_filter {
	margin: 0 !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider_amount:not(.price_slider_label) {
	display: flex !important;
	align-items: center;
	gap: 10px !important;
	margin: 0 0 20px !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider_amount_input {
	flex: 1 1 0;
	display: flex !important;
	align-items: center;
	gap: 4px;
	min-width: 0;
	height: 46px;
	padding: 0 14px !important;
	border: 1px solid var(--dt-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	transition: border-color 0.2s, box-shadow 0.2s;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider_amount_input:focus-within {
	border-color: var(--dt-ink) !important;
	box-shadow: 0 0 0 4px rgba(76, 217, 100, 0.18);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider_amount_input_currency {
	font-size: 14px !important;
	color: var(--dt-muted) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider_amount_input input {
	display: block !important;
	flex: 1;
	width: 100% !important;
	min-width: 0;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: var(--dt-font);
	font-size: 15px !important;
	font-weight: 500;
	color: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider_amount_separator {
	flex: none;
	color: var(--dt-muted);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider.ui-slider {
	position: relative;
	height: 4px !important;
	margin: 0 11px 8px !important;
	border: 0 !important;
	border-radius: 4px !important;
	background: #e4e7ec !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider .ui-slider-range {
	height: 100% !important;
	border-radius: 4px !important;
	background: var(--dt-ink) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider .ui-slider-handle {
	top: 50% !important;
	width: 22px !important;
	height: 22px !important;
	margin: -11px 0 0 -11px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #fff !important;
	box-shadow: 0 0 0 1.5px var(--dt-ink), 0 4px 12px -2px rgba(10, 12, 16, 0.35) !important;
	cursor: grab;
	outline: 0;
	transition: box-shadow 0.2s;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider .ui-slider-handle:focus-visible,
html body.dt-shop.dt-shop #filter-sidebar-panel .price_slider .ui-slider-handle.ui-state-active {
	box-shadow: 0 0 0 1.5px var(--dt-ink), 0 0 0 6px rgba(76, 217, 100, 0.25) !important;
	cursor: grabbing;
}

/* Active filters ("Refine by") -------------------------------------------- */

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__activated:not(.hidden) {
	margin: 0 calc(var(--dt-f-pad) * -1) !important;
	padding: 18px var(--dt-f-pad) !important;
	border-bottom: 1px solid var(--dt-line);
	background: #fbfcfd;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__activated-heading {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__activated-heading h6 {
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--dt-muted) !important;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__activated-heading .reset-button {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--dt-ink) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__activated-items {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-filter__activated-items > * {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	height: 34px;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: 0 0 0 1px var(--dt-line);
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--dt-ink) !important;
	text-decoration: none !important;
}

/* Footer ----------------------------------------------------------------- */

/* Glozin's Apply / Clear row is hidden in instant mode; ours replaces it. */
html body.dt-shop.dt-shop #filter-sidebar-panel form.instant-filter .products-filter__button {
	display: none !important;
}

html body.dt-shop.dt-shop .dt-filter-footer {
	flex: none;
	display: flex;
	gap: 10px;
	padding: 14px var(--dt-f-pad) calc(14px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--dt-line);
	background: rgba(255, 255, 255, 0.94);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

html body.dt-shop.dt-shop .dt-filter-footer button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	min-width: 0;
	margin: 0;
	border: 0;
	border-radius: 999px;
	font-family: var(--dt-font);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
	transition: transform 0.5s var(--dt-spring), background-color 0.25s, box-shadow 0.3s;
}

html body.dt-shop.dt-shop .dt-filter-footer__clear {
	flex: none;
	padding: 0 20px;
	background: var(--dt-stone);
	color: var(--dt-ink);
}

html body.dt-shop.dt-shop .dt-filter-footer__clear:hover {
	background: #e7ebf1;
}

html body.dt-shop.dt-shop .dt-filter-footer__clear[hidden] {
	display: none !important;
}

html body.dt-shop.dt-shop .dt-filter-footer__show {
	flex: 1 1 auto;
	padding: 0 24px;
	background: var(--dt-ink);
	box-shadow: 0 14px 30px -14px rgba(10, 12, 16, 0.6);
	color: #fff;
}

html body.dt-shop.dt-shop .dt-filter-footer__show:hover {
	transform: translateY(-1px);
}

html body.dt-shop.dt-shop #filter-sidebar-panel .products-loader {
	z-index: 5;
}

/* =========================================================================
 * Empty state
 * ====================================================================== */

html body.dt-shop.dt-shop .woocommerce-info.woocommerce-no-products-found,
html body.dt-shop.dt-shop .woocommerce-no-products-found {
	padding: 40px 24px !important;
	border: 0 !important;
	border-radius: var(--dt-r-card);
	background: #fff !important;
	box-shadow: var(--dt-card-shadow);
	text-align: center;
	font-family: var(--dt-font);
}

/* =========================================================================
 * Tablet / mobile
 * ====================================================================== */

@media (max-width: 1199px) {
	html body.dt-shop.dt-shop .glozin-shop-content ul.products:not(.product-list-layout):not(.list) {
		--dt-cols: 3;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products.columns-2:not(.product-list-layout):not(.list) {
		--dt-cols: 2;
	}

}


@media (max-width: 767px) {
	/* custom-animations-v6.css sets `overflow-x: hidden !important` on html
	   and body here, which turns body into a scroll container and stops the
	   sticky toolbar. `clip` hides horizontal overflow the same way without
	   creating one. Drawers still lock scrolling: their inline
	   `overflow: hidden` keeps the y axis hidden. */
	html:has(body.dt-shop.dt-shop),
	html body.dt-shop.dt-shop {
		overflow-x: clip !important;
	}

	html body.dt-shop.dt-shop .catalog-toolbar .catalog-toolbar__center {
		display: none !important;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products:not(.product-list-layout):not(.list) {
		--dt-cols: 2;
		gap: 10px;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products.mobile-col-1:not(.product-list-layout):not(.list) {
		--dt-cols: 1;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products > li.dt-shop-tile,
	html body.dt-shop.dt-shop .glozin-shop-content ul.products > li.dt-shop-tile--wide {
		grid-column: 1 / -1;
	}

	html body.dt-shop.dt-shop .dt-shop-tile__inner {
		min-height: 230px;
		border-radius: 20px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero {
		padding: 16px 0 14px;
	}

	html body.dt-shop.dt-shop .dt-shop-crumbs {
		margin-bottom: 12px;
		font-size: 12px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero__title {
		margin-top: 8px;
		font-size: 36px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero--shop .dt-shop-hero__title {
		font-size: 34px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero__text {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.5;
	}

	html body.dt-shop.dt-shop .dt-shop-hero__logo {
		width: 36px;
		height: 36px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero__logo img {
		width: 24px;
		height: 24px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chips {
		margin-top: 16px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip {
		height: 42px;
		padding: 0 14px;
		font-size: 13px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip__logo {
		width: 32px;
		height: 32px;
	}

	html body.dt-shop.dt-shop .dt-shop-hero .dt-shop-chip__logo img {
		width: 20px;
		height: 20px;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product > .product-inner {
		padding: 6px !important;
		border-radius: 18px !important;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-thumbnail {
		border-radius: 14px !important;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-summary {
		padding: 10px 6px 6px !important;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product__category,
	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product--cat {
		font-size: 10px !important;
		letter-spacing: 0.1em !important;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .woocommerce-loop-product__title {
		font-size: 13px !important;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .dt-card-cw {
		font-size: 12px;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .product-summary > .dt-card-ship:not(#dt) {
		right: 6px;
		bottom: 8px;
		font-size: 11px;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .dt-card-ship .dt-shop-icon {
		display: none;
	}

	html body.dt-shop.dt-shop .glozin-shop-content ul.products li.product .price {
		font-size: 14px !important;
		padding-top: 6px;
	}

	html body.dt-shop.dt-shop .dt-card-badges {
		top: 8px;
		left: 8px;
		gap: 4px;
	}

	html body.dt-shop.dt-shop .dt-card-badge {
		height: 22px;
		padding: 0 8px;
		font-size: 10px;
	}

	html body.dt-shop.dt-shop .catalog-toolbar::before {
		border-radius: 22px;
	}

	html body.dt-shop.dt-shop .catalog-toolbar .catalog-toolbar__toolbar {
		min-height: 56px;
		padding: 6px;
	}

	html body.dt-shop.dt-shop .catalog-toolbar .catalog-toolbar__filter-button {
		height: 42px !important;
		padding: 0 16px !important;
		font-size: 13px !important;
	}

	html body.dt-shop.dt-shop .woocommerce-pagination .woocommerce-pagination-button {
		width: 100%;
		max-width: 340px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body.dt-shop.dt-shop .dt-shop-grad,
	html body.dt-shop.dt-shop .dt-shop-hero__orb,
	html body.dt-shop.dt-shop .dt-shop-tile__orb {
		animation: none !important;
	}
}