/*
 * Vestella Child 2.11.0
 * Native mobile shop for WoodMart 8.5.7.
 * Safe cascade cleanup; mobile behavior and final declarations preserved.
 */

.vst-mobile-archive-head {
	display: none;
}

@media (max-width: 767px) {

	/* -----------------------------------------------------
	   Native archive structure
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop .vst-mobile-archive-head {

		width: 100% !important;
		margin: 0 0 20px !important;
		padding: 18px 14px 0 !important;
		background: var(--vst-white) !important;
	}

	/*
	 * WoodMart 8.5.7 native desktop toolbar remains in the DOM so its
	 * functionality/assets are intact, but our mobile toolbar replaces it.
	 */
	body.vst-native-mobile-shop > * .shop-loop-head {
		display: none !important;
	}

	/* WoodMart/page title is replaced only on mobile by our archive title. */
	body.vst-native-mobile-shop .page-title {
		display: none !important;
	}

	/* -----------------------------------------------------
	   Breadcrumb + title
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb {
		margin: 0 0 12px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb .wd-breadcrumbs,
	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb .woocommerce-breadcrumb,
	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb .breadcrumbs {
		margin: 0 !important;
		padding: 0 !important;

		text-align: left !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb a {
		color: var(--vst-text) !important;
		text-decoration: none !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-title {

		color: var(--vst-text, var(--vst-title)) !important;
		font-family: var(--vst-font-serif, Georgia, "Times New Roman", serif) !important;

		font-weight: 400 !important;

		text-align: center !important;
		text-transform: none !important;
	}

	/* -----------------------------------------------------
	   Full-width category rail
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop .vst-mobile-archive-cats {
		display: flex !important;
		width: calc(100vw - 28px) !important;
		max-width: none !important;

		margin: 0 0 16px !important;
		padding: 0 0 3px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none !important;
		-webkit-overflow-scrolling: touch !important;
		white-space: nowrap !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-cats::-webkit-scrollbar {
		display: none !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-cat {
		display: inline-flex !important;
		flex: 0 0 auto !important;
		align-items: center !important;
		justify-content: center !important;

		text-decoration: none !important;
	}

	/* -----------------------------------------------------
	   Native WoodMart filter + native Woo ordering
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop .vst-mobile-archive-controls {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;

		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap,
	body.vst-native-mobile-shop .vst-mobile-sort-wrap {
		position: relative !important;
		display: flex !important;
		align-items: stretch !important;
		justify-content: stretch !important;
		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
	}

	/* Actual WoodMart 8.5.7 filter markup. */
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn {
		display: flex !important;
		width: 100% !important;

		margin: 0 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons > a,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		min-width: 0 !important;
		height: 52px !important;
		padding: 0 14px !important;
		border: 1px solid var(--wd-primary-color) !important;
		border-radius: 14px !important;
		background: color-mix(in srgb, var(--wd-primary-color) 12%, var(--bgcolor-white, var(--vst-white))) !important;
		color: color-mix(in srgb, var(--wd-primary-color) 82%, #000) !important;

		line-height: 1 !important;
		text-transform: none !important;
		box-shadow: none !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-action-text {
		display: inline !important;
	}

	/* Sorting face + native select laid over it. */
	body.vst-native-mobile-shop .vst-mobile-sort-wrap {
		border: 1px solid var(--wd-primary-color) !important;
		border-radius: 14px !important;
		background: color-mix(in srgb, var(--wd-primary-color) 12%, var(--bgcolor-white, var(--vst-white))) !important;
		color: color-mix(in srgb, var(--wd-primary-color) 82%, #000) !important;
		overflow: hidden !important;
	}

	body.vst-native-mobile-shop .vst-mobile-sort-face {
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		pointer-events: none !important;
	}

	body.vst-native-mobile-shop .vst-mobile-sort-face svg {
		display: block !important;
		flex: 0 0 20px !important;

	}

	body.vst-native-mobile-shop .vst-mobile-sort-wrap .woocommerce-ordering {
		position: absolute !important;
		inset: 0 !important;
		z-index: 2 !important;

		margin: 0 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-sort-wrap .woocommerce-ordering select {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		opacity: 0 !important;
		cursor: pointer !important;
		appearance: none !important;
		-webkit-appearance: none !important;
	}

	/* -----------------------------------------------------
	   Product grid / luxury cards
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop .products {
		--wd-col: 2 !important;

	}

	body.vst-native-mobile-shop .product-grid-item {
		min-width: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-product-wrapper,
	body.vst-native-mobile-shop .product-grid-item .product-wrapper {
		overflow: hidden !important;

	}

	body.vst-native-mobile-shop .product-grid-item .product-element-top {
		position: relative !important;
		overflow: hidden !important;
		margin: 0 !important;
		border-radius: 0 !important;

	}

	body.vst-native-mobile-shop .product-grid-item .product-element-bottom {

		text-align: left !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-swatches-grid {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: flex-start !important;

		margin: 0 0 9px !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-swatch {
		width: auto !important;
		min-width: 0 !important;

		margin: 0 !important;

		border: 1px solid var(--vst-line-strong) !important;

		background: var(--vst-white) !important;
		color: var(--vst-text) !important;

		white-space: nowrap !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-entities-title {
		margin: 0 0 6px !important;
		font-family: inherit !important;

		letter-spacing: 0 !important;
		text-align: left !important;
		text-transform: none !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-entities-title a {
		color: var(--vst-text, var(--vst-title)) !important;
	}

	body.vst-native-mobile-shop .product-grid-item .price {
		margin: 0 !important;
		color: var(--vst-text, var(--vst-title)) !important;
		font-family: inherit !important;

		text-align: left !important;
	}

	/* -----------------------------------------------------
	   Native WoodMart 8.5.7 wishlist — visual only
	   ----------------------------------------------------- */

	/*
	 * WoodMart standard card renders:
	 * .product-element-top > .wd-buttons > .wd-wishlist-btn > a
	 * We do not move it and do not alter its "added" class.
	 */
	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wd-buttons {
		position: absolute !important;
		top: 10px !important;
		right: 10px !important;
		left: auto !important;
		bottom: auto !important;
		z-index: 10 !important;
		display: flex !important;

		margin: 0 !important;

		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}

	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wd-buttons > .wd-action-btn:not(.wd-wishlist-btn) {
		display: none !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-wishlist-btn {
		display: block !important;
		width: 40px !important;
		height: 40px !important;
		margin: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-wishlist-btn > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		margin: 0 !important;
		padding: 0 !important;

	}

	body.vst-native-mobile-shop .product-grid-item .wd-wishlist-btn .wd-action-text {
		display: none !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-wishlist-btn .wd-tooltip-label {
		display: none !important;
	}

	/*
	 * Native WoodMart "added" state remains untouched:
	 * a.added + .wd-check-icon are controlled by wishlist.js.
	 */

	/* -----------------------------------------------------
	   Labels
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop .product-labels {
		top: 10px !important;
		left: 0 !important;
		max-width: calc(100% - 58px) !important;
	}

	body.vst-native-mobile-shop .product-label {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		max-width: 100% !important;

		background: rgba(255, 247, 248, .96) !important;
		color: color-mix(in srgb, var(--wd-primary-color) 82%, #000) !important;

		font-weight: 500 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		text-transform: none !important;
	}

	body.vst-native-mobile-shop .woocommerce-pagination {
		margin: 24px 14px 8px !important;
	}
}

@media (max-width: 390px) {
	body.vst-native-mobile-shop .vst-mobile-archive-head {
		padding-inline: 12px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-cats {
		width: calc(100vw - 24px) !important;
	}

}

/* =========================================================
   VESTELLA CHILD 2.9.1 — MOBILE CATEGORY VISUAL REFINEMENT
   ========================================================= */
@media (max-width: 767px) {

	/* Category title closer to reference. */
	body.vst-native-mobile-shop .vst-mobile-archive-title {
		margin: 0 0 8px !important;

	}

	/* Native WooCommerce category description as subtle subtitle. */
	body.vst-native-mobile-shop .vst-mobile-archive-description {
		display: -webkit-box !important;
		margin: 0 auto 22px !important;
		max-width: 92% !important;

		font-weight: 400 !important;

		text-align: center !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-description p {
		margin: 0 !important;
	}

	/* Reference order: Filter / Sort before categories. */
	body.vst-native-mobile-shop .vst-mobile-archive-head {
		display: flex !important;
		flex-direction: column !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb {
		order: 1 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-title {
		order: 2 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-description {
		order: 3 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-controls {
		order: 4 !important;

	}

	body.vst-native-mobile-shop .vst-mobile-archive-cats {
		order: 5 !important;

	}

	/* Softer, more luxury controls. */

	/* Softer category pills, active one filled rather than outlined. */

	/* Cards: lighter frame, tighter spacing. */

	/* Native action panel: leave only wishlist visible, remove cart. */
	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wd-buttons {
		width: 40px !important;
		height: 40px !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wd-buttons > .wd-action-btn {
		display: none !important;
	}

	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wd-buttons > .wd-wishlist-btn {
		display: block !important;
		width: 40px !important;
		height: 40px !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-wishlist-btn > a {
		border-radius: 50% !important;
		background: rgba(255,255,255,.97) !important;
		color: var(--vst-text) !important;
		box-shadow: 0 3px 12px rgba(48,38,34,.08) !important;
	}

	/* Make labels compact like the reference. */
	body.vst-native-mobile-shop .product-label {

		border-radius: 0 8px 8px 0 !important;

	}
}

/* =========================================================
   VESTELLA CHILD 2.9.2 — EXACT WOODMART ICONS CARD FIX
   Based on WoodMart 8.5.7 content-product-icons.php.
   ========================================================= */
@media (max-width: 767px) {

	/* -----------------------------------------------------
	   SORT — remove WoodMart's mobile pseudo icon.
	   The visible icon is already rendered by Vestella.
	   ----------------------------------------------------- */
	body.vst-native-mobile-shop
	.vst-mobile-sort-wrap
	.woocommerce-ordering.wd-ordering-mb-icon:after {
		display: none !important;
		content: none !important;
	}

	body.vst-native-mobile-shop
	.vst-mobile-sort-wrap
	.woocommerce-ordering:before,
	body.vst-native-mobile-shop
	.vst-mobile-sort-wrap
	.woocommerce-ordering:after {
		display: none !important;
		content: none !important;
	}

	body.vst-native-mobile-shop
	.vst-mobile-sort-wrap
	.woocommerce-ordering {
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
	}

	/* -----------------------------------------------------
	   PRODUCT ICONS STYLE
	   Exact markup:
	   .product-element-top
	     > .wrapp-buttons
	       > .wd-buttons
	         > .wd-add-btn
	         > quick view
	         > compare
	         > .wd-wishlist-btn

	   Leave WoodMart wishlist itself untouched; only reposition it.
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons {
		position: absolute !important;

		left: auto !important;
		bottom: auto !important;
		z-index: 12 !important;
		display: block !important;

		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons {
		position: static !important;

		margin: 0 !important;

		background: transparent !important;
		box-shadow: none !important;
		transform: none !important;
	}

	/* Hide cart / compare / quick view — wishlist remains native. */
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-action-btn:not(.wd-wishlist-btn) {
		display: none !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn {
		position: static !important;
		display: block !important;

		margin: 0 !important;
		padding: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	> a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin: 0 !important;
		padding: 0 !important;

	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	.wd-action-text,
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	.wd-tooltip-label {
		display: none !important;
	}

	/* Prevent WoodMart hover animation from moving the native button. */
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons,
	body.vst-native-mobile-shop
	.product-grid-item:hover
	.product-element-top
	> .wrapp-buttons {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		pointer-events: auto !important;
	}
}

/* =========================================================
   VESTELLA CHILD 2.9.3 — FINAL MOBILE POLISH
   Exact fix for WoodMart .wd-buttons max-width clipping.
   ========================================================= */
@media (max-width: 767px) {

	/* -----------------------------------------------------
	   Filter / Sort — subtler, closer to reference.
	   ----------------------------------------------------- */

	body.vst-native-mobile-shop .vst-mobile-filter-wrap,
	body.vst-native-mobile-shop .vst-mobile-sort-wrap {
		height: 50px !important;
		min-height: 50px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn {
		height: 50px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons > a,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn > a,
	body.vst-native-mobile-shop .vst-mobile-sort-wrap {

		box-shadow: none !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons > a,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn > a {
		gap: 9px !important;
		padding-inline: 14px !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-sort-face {
		gap: 9px !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-action-icon,
	body.vst-native-mobile-shop .vst-mobile-sort-face svg {

		color: var(--vst-text) !important;
	}

	/* Tiny dropdown cue like the reference, without changing native select. */
	body.vst-native-mobile-shop .vst-mobile-sort-wrap:after {
		content: "⌄" !important;
		position: absolute !important;
		top: 50% !important;

		z-index: 1 !important;
		display: block !important;

		font-family: Arial, sans-serif !important;

		font-weight: 400 !important;
		line-height: 1 !important;
		transform: translateY(-56%) !important;
		pointer-events: none !important;
	}

	/* -----------------------------------------------------
	   Wishlist — exact WoodMart clipping fix.
	   Parent WoodMart rule:
	   .wd-buttons { max-width: calc(100% - 20px); }
	   inside our 40px wrapper => ~20px visible.
	   ----------------------------------------------------- */
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons {
		width: 40px !important;
		min-width: 40px !important;
		max-width: none !important;
		height: 40px !important;
		display: block !important;
		overflow: visible !important;
		padding: 0 !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons {

		overflow: visible !important;

	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		overflow: visible !important;

	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	> a {

		overflow: visible !important;

	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	.wd-action-icon {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		margin: 0 !important;
	}

	/* Keep WoodMart's native added check, just scale it to fit the 40px circle. */
	body.vst-native-mobile-shop
	.product-grid-item
	.wd-wishlist-btn
	.wd-check-icon {
		width: 13px !important;
		height: 13px !important;
		font-size: 15px !important;
	}
}

/* =========================================================
   VESTELLA CHILD 2.9.4 — CLOSER TO REFERENCE
   Pure visual refinement. No functional changes.
   ========================================================= */
@media (max-width: 767px) {

	/* Overall archive rhythm */
	body.vst-native-mobile-shop .vst-mobile-archive-head {
		padding-top: 14px !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
		margin-bottom: 16px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb {
		margin-bottom: 10px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb .wd-breadcrumbs,
	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb .woocommerce-breadcrumb,
	body.vst-native-mobile-shop .vst-mobile-archive-breadcrumb .breadcrumbs {
		font-size: 11.5px !important;
		line-height: 1.35 !important;
		color: var(--vst-muted) !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-title {
		margin-bottom: 14px !important;
		font-size: 32px !important;
		line-height: 1.08 !important;
		letter-spacing: -.012em !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-description {
		margin-bottom: 16px !important;
		font-size: 12.5px !important;
		line-height: 1.4 !important;
		color: var(--vst-muted) !important;
	}

	/* Controls closer to the mockup */

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons > a,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn > a,
	body.vst-native-mobile-shop .vst-mobile-sort-wrap {

		border-color: var(--vst-line) !important;

	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-action-icon,
	body.vst-native-mobile-shop .vst-mobile-sort-face svg {
		width: 18px !important;
		height: 18px !important;
		flex-basis: 18px !important;
	}

	/* Category chips */

	body.vst-native-mobile-shop .vst-mobile-archive-cat {

		border-color: var(--vst-line) !important;

	}

	/* Grid spacing */
	body.vst-native-mobile-shop .products {
		gap: 10px !important;
		margin-inline: 14px !important;
	}

	/* Card shell */
	body.vst-native-mobile-shop .product-grid-item .wd-product-wrapper,
	body.vst-native-mobile-shop .product-grid-item .product-wrapper {
		border: 1px solid var(--vst-line) !important;

		background: var(--vst-white) !important;

	}

	/* Slightly taller image for fashion look */

	/* Tighter card content */

	body.vst-native-mobile-shop .product-grid-item .wd-swatches-grid {
		gap: 4px !important;
		margin-bottom: 8px !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-swatch {
		height: 27px !important;
		min-height: 27px !important;
		padding: 0 8px !important;
		border-radius: 6px !important;
		border-color: var(--vst-line) !important;
		font-size: 10px !important;
		line-height: 25px !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-entities-title {

		font-weight: 400 !important;

	}

	body.vst-native-mobile-shop .product-grid-item .price {

		font-weight: 400 !important;

	}

	/* Wishlist closer to reference */

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	> a {

		border-color: rgba(232, 224, 219, .7) !important;

	}

	/* Product labels */
	body.vst-native-mobile-shop .product-label {
		min-height: 25px !important;
		padding: 5px 8px !important;
		font-size: 8.8px !important;
	}
}

@media (max-width: 390px) {
	body.vst-native-mobile-shop .vst-mobile-archive-head {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	body.vst-native-mobile-shop .products {
		margin-inline: 12px !important;
		gap: 9px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-title {
		font-size: 30px !important;
	}
}

/* =========================================================
   VESTELLA CHILD 2.9.5 — 1:1 MOBILE PROPORTIONS
   Pure visual polish based on the approved reference.
   ========================================================= */
@media (max-width: 767px) {

	/* -----------------------------------------------------
	   FILTER / SORT — reference proportions
	   ----------------------------------------------------- */
	body.vst-native-mobile-shop .vst-mobile-archive-controls {
		gap: 10px !important;
		margin-bottom: 14px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap,
	body.vst-native-mobile-shop .vst-mobile-sort-wrap,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn {
		height: 52px !important;
		min-height: 52px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons > a,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn > a,
	body.vst-native-mobile-shop .vst-mobile-sort-wrap {
		height: 52px !important;
		min-height: 52px !important;
		border: 1px solid var(--vst-line) !important;
		border-radius: 12px !important;
		background: var(--vst-white) !important;
		color: var(--vst-title) !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-filter-buttons > a,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-show-sidebar-btn > a,
	body.vst-native-mobile-shop .vst-mobile-sort-face {
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1 !important;
	}

	/* Replace WoodMart filter symbol with a clean funnel icon. */
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-action-icon {
		position: relative !important;
		display: block !important;
		flex: 0 0 22px !important;
		width: 22px !important;
		height: 22px !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16l-6.3 7.2v5.1l-3.4 1.7v-6.8L4 5Z' fill='none' stroke='%23453f3b' stroke-width='1.55' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 21px 21px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-action-icon:before,
	body.vst-native-mobile-shop .vst-mobile-filter-wrap .wd-action-icon:after {
		display: none !important;
		content: none !important;
	}

	body.vst-native-mobile-shop .vst-mobile-sort-face svg {
		width: 21px !important;
		height: 21px !important;
		flex-basis: 21px !important;
		stroke-width: 1.55 !important;
	}

	body.vst-native-mobile-shop .vst-mobile-sort-wrap:after {
		right: 14px !important;
		font-size: 14px !important;
		color: var(--vst-muted) !important;
	}

	/* -----------------------------------------------------
	   CATEGORY PILLS — closer to reference
	   ----------------------------------------------------- */
	body.vst-native-mobile-shop .vst-mobile-archive-cats {
		gap: 9px !important;
		margin-bottom: 15px !important;
		padding-bottom: 2px !important;
	}

	body.vst-native-mobile-shop .vst-mobile-archive-cat {
		min-height: 42px !important;
		height: 42px !important;
		padding: 0 18px !important;
		border: 1px solid var(--vst-line) !important;
		border-radius: 999px !important;
		background: var(--vst-white) !important;
		color: var(--vst-text) !important;
		font-size: 12.5px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
	}

	/* -----------------------------------------------------
	   PRODUCT IMAGE PROPORTIONS — shorter, reference-like
	   ----------------------------------------------------- */
	body.vst-native-mobile-shop .product-grid-item .product-element-top {
		aspect-ratio: 1.03 / 1 !important;
		min-height: 0 !important;
		background: var(--vst-soft) !important;
	}

	body.vst-native-mobile-shop .product-grid-item .product-element-top img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center top !important;
	}

	/* Slightly more space below image, like reference cards. */
	body.vst-native-mobile-shop .product-grid-item .product-element-bottom {
		padding: 11px 10px 13px !important;
	}

	body.vst-native-mobile-shop .product-grid-item .wd-entities-title {
		font-size: 12.5px !important;
		line-height: 1.35 !important;
		margin-bottom: 6px !important;
	}

	body.vst-native-mobile-shop .product-grid-item .price {
		font-size: 14px !important;
		line-height: 1.2 !important;
	}

	/* -----------------------------------------------------
	   WISHLIST HEART — reference size and inset
	   ----------------------------------------------------- */
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons {
		top: 11px !important;
		right: 11px !important;
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		height: 42px !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons,
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		height: 42px !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	> a {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		height: 42px !important;

		color: var(--vst-title) !important;

	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn {
		--wd-action-icon-size: 20px !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	.wd-action-icon {
		width: 21px !important;
		height: 21px !important;
	}

	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	.wd-action-icon:before {
		font-size: 20px !important;
		line-height: 1 !important;
		color: var(--vst-title) !important;
	}

	/* Keep card frame subtle. */
	body.vst-native-mobile-shop .product-grid-item .wd-product-wrapper,
	body.vst-native-mobile-shop .product-grid-item .product-wrapper {
		border-color: var(--vst-line) !important;
		border-radius: 13px !important;
		box-shadow: none !important;
	}
}

@media (max-width: 390px) {
	body.vst-native-mobile-shop .vst-mobile-archive-cat {
		min-height: 40px !important;
		height: 40px !important;
		padding-inline: 16px !important;
		font-size: 12px !important;
	}

	body.vst-native-mobile-shop .product-grid-item .product-element-top {
		aspect-ratio: 1 / 1 !important;
	}
}

/* =========================================================
   VESTELLA CHILD 2.10.23 — MOBILE ARCHIVE CLEANUP
   Keep WoodMart wishlist behavior; remove only duplicate outer frame.
   ========================================================= */
@media (max-width: 767px) {
	/* Active category follows the current Vestella rose/champagne palette. */
	body.vst-native-mobile-shop .vst-mobile-archive-cat.is-active {
		background: var(--vst-pink-soft) !important;
		border-color: var(--vst-pink-soft) !important;
		color: var(--vst-text) !important;
	}

	/* Outer action wrappers must stay visually transparent. */
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons,
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons,
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn {

		border-radius: 0 !important;

		overflow: visible !important;
	}

	/* Only the native clickable heart itself keeps the round Vestella surface. */
	body.vst-native-mobile-shop
	.product-grid-item
	.product-element-top
	> .wrapp-buttons
	> .wd-buttons
	> .wd-wishlist-btn
	> a {
		border: 1px solid var(--vst-line) !important;
		border-radius: 50% !important;
		background: rgba(255,255,255,.98) !important;
		box-shadow: 0 2px 8px rgba(48,38,34,.045) !important;
	}
}

/* =========================================================
   VESTELLA CHILD 2.10.24 — MOBILE ARCHIVE FINAL POLISH
   ========================================================= */
@media (max-width: 767px){
	/* Native wishlist remains clickable; only the redundant outer frame is removed. */
	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wrapp-buttons,
	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wrapp-buttons > .wd-buttons,
	body.vst-native-mobile-shop .product-grid-item .product-element-top > .wrapp-buttons > .wd-buttons > .wd-wishlist-btn{
		border:0 !important;
		outline:0 !important;
		box-shadow:none !important;
		background:transparent !important;
	}

	/* Safety fallback only: WoodMart's native "Rounded small" label shape is preferred. */
	body.vst-native-mobile-shop .product-label.out-of-stock{
		word-break:normal !important;
		overflow-wrap:normal !important;
		white-space:nowrap !important;
		max-width:none !important;
	}
}