/* Final mobile reconciliation pass.
 * Loaded after the previous client-review styles so WoodMart's generated
 * breakpoint rules cannot reintroduce the reported drawer/card geometry.
 */

@media (max-width: 1024px) {
	body.gotto-client-redesign .whb-general-header .whb-flex-row > .whb-mobile-left.whb-column_mobile2 {
		flex: 0 0 44px !important;
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
	}

	body.gotto-client-redesign .whb-general-header .whb-flex-row > .whb-mobile-right.whb-column_mobile4 {
		display: flex !important;
		flex: 0 0 92px !important;
		width: 92px !important;
		min-width: 92px !important;
		max-width: 92px !important;
		align-items: stretch !important;
		justify-content: flex-end !important;
	}

	body.gotto-client-redesign .whb-general-header .whb-mobile-right .gotto-mobile-account-link,
	body.gotto-client-redesign .whb-general-header .whb-mobile-right .whb-gotto-mobile-cart {
		box-sizing: border-box !important;
		flex: 0 0 46px !important;
		width: 46px !important;
		min-width: 46px !important;
		height: 64px !important;
		min-height: 64px !important;
		align-self: center !important;
		background: transparent !important;
		color: #082f53 !important;
	}

	body.gotto-client-redesign .whb-general-header .whb-mobile-right .whb-gotto-mobile-cart > a {
		display: flex !important;
		width: 46px !important;
		height: 64px !important;
		min-height: 64px !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		color: inherit !important;
	}

	body.gotto-client-redesign .whb-general-header .whb-mobile-right .whb-gotto-mobile-cart .wd-tools-icon {
		margin: 0 !important;
	}

	body.gotto-client-redesign .gotto-mobile-cart-count {
		top: 7px !important;
		right: 0 !important;
	}

	/* Side panels must own the viewport while open, including the sticky header. */
	body.gotto-client-redesign .mobile-nav,
	body.gotto-client-redesign .cart-widget-side,
	body.gotto-client-redesign-archive .gotto-archive-sidebar {
		top: 0 !important;
		bottom: 0 !important;
		height: 100vh !important;
		height: 100dvh !important;
		max-height: none !important;
		z-index: 1302 !important;
	}

	body.gotto-client-redesign .mobile-nav,
	body.gotto-client-redesign .cart-widget-side {
		box-sizing: border-box !important;
		width: min(360px, calc(100vw - 24px)) !important;
	}

	body.gotto-client-redesign .wd-close-side {
		inset: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		z-index: 1300 !important;
	}

	body.gotto-client-redesign.gotto-mobile-drawer-open {
		overflow: hidden !important;
	}

	body.gotto-client-redesign .mobile-nav .wd-search-form,
	body.gotto-client-redesign .cart-widget-side > .wd-heading,
	body.gotto-client-redesign-archive .gotto-archive-sidebar > .wd-heading {
		position: sticky !important;
		top: 0 !important;
		z-index: 4 !important;
		background: #fff !important;
	}

	body.gotto-client-redesign .mobile-nav .wd-nav-mob-tab {
		display: none !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-nav-heading {
		display: flex !important;
		box-sizing: border-box !important;
		min-height: 58px !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 0 18px !important;
		border-bottom: 1px solid #e7ddca !important;
		background: #fff !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-nav-heading strong {
		color: #082f53 !important;
		font: 700 13px/1.2 "Manrope", Arial, sans-serif !important;
		letter-spacing: .12em !important;
		text-transform: uppercase !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-nav-heading button {
		display: inline-flex !important;
		align-items: center !important;
		gap: 7px !important;
		padding: 8px 0 !important;
		border: 0 !important;
		color: #687483 !important;
		background: transparent !important;
		font: 600 11px/1 "Manrope", Arial, sans-serif !important;
		text-transform: none !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-nav-heading button span {
		color: #082f53 !important;
		font-size: 20px !important;
		font-weight: 400 !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-primary-links {
		padding: 18px 18px 12px !important;
		border-bottom: 1px solid #e7ddca !important;
		background: #fbf8f1 !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-primary-links > strong {
		display: block !important;
		margin-bottom: 11px !important;
		color: #ae7d24 !important;
		font: 700 10px/1.2 "Manrope", Arial, sans-serif !important;
		letter-spacing: .16em !important;
		text-transform: uppercase !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-primary-links ul {
		display: grid !important;
		margin: 0 0 18px !important;
		padding: 0 !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0 14px !important;
		list-style: none !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-primary-links li {
		margin: 0 !important;
		border-bottom: 1px solid rgba(8, 47, 83, .1) !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-primary-links a {
		display: flex !important;
		min-height: 39px !important;
		align-items: center !important;
		padding: 6px 0 !important;
		color: #082f53 !important;
		font: 650 11px/1.35 "Manrope", Arial, sans-serif !important;
	}

	body.gotto-client-redesign .mobile-nav .gotto-mobile-primary-links .gotto-mobile-category-label {
		margin-bottom: 0 !important;
	}

	body.gotto-client-redesign .mobile-nav .mobile-pages-menu,
	body.gotto-client-redesign .mobile-nav .mobile-categories-menu {
		padding-top: 4px !important;
	}

	body.gotto-client-redesign .cart-widget-side > .wd-heading,
	body.gotto-client-redesign-archive .gotto-archive-sidebar > .wd-heading {
		box-sizing: border-box !important;
		min-height: 64px !important;
		margin: 0 !important;
		padding: 0 18px !important;
		border-bottom: 1px solid #e7ddca !important;
	}

	/* WoodMart emits the toolbar search without its normal item class. */
	body.gotto-client-redesign .wd-toolbar > .wd-header-search-mobile {
		position: relative !important;
		display: block !important;
		flex: 1 0 20% !important;
		width: auto !important;
		height: 45px !important;
		min-height: 45px !important;
	}

	body.gotto-client-redesign .wd-toolbar > .wd-header-search-mobile > a {
		position: relative !important;
		display: flex !important;
		width: 100% !important;
		height: 45px !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
		gap: 3px !important;
	}

	body.gotto-client-redesign .wd-toolbar > .wd-header-search-mobile .wd-tools-icon {
		position: relative !important;
		display: block !important;
		width: 22px !important;
		height: 22px !important;
		font-size: 0 !important;
	}

	body.gotto-client-redesign .wd-toolbar > .wd-header-search-mobile .wd-tools-icon::before {
		position: absolute !important;
		top: 3px !important;
		left: 3px !important;
		box-sizing: border-box !important;
		width: 12px !important;
		height: 12px !important;
		border: 1.6px solid currentColor !important;
		border-radius: 50% !important;
		content: "" !important;
	}

	body.gotto-client-redesign .wd-toolbar > .wd-header-search-mobile .wd-tools-icon::after {
		position: absolute !important;
		top: 14px !important;
		left: 14px !important;
		width: 7px !important;
		height: 1.6px !important;
		border: 0 !important;
		border-radius: 2px !important;
		background: currentColor !important;
		content: "" !important;
		transform: rotate(45deg) !important;
		transform-origin: left center !important;
	}

	/* Cart is a full-width commerce page, not a blog page. */
	.woocommerce-cart .sidebar-container,
	.woocommerce-cart .wd-sidebar-opener {
		display: none !important;
	}

	.woocommerce-cart .content-layout-wrapper > .site-content,
	.woocommerce-cart .site-content > .container > .row > .site-content {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	body.gotto-client-redesign-home .gotto-client-native-hero {
		height: 630px !important;
		min-height: 630px !important;
		max-height: 630px !important;
	}

	body.gotto-client-redesign-home .gotto-client-native-hero > .gotto-reference-hero {
		height: 630px !important;
		min-height: 630px !important;
		max-height: 630px !important;
	}

	/* The auction badge used a desktop-only 390px minimum inside a padded card. */
	body.gotto-client-redesign-home .gotto-client-auction__badge {
		box-sizing: border-box !important;
		padding: 20px !important;
	}

	body.gotto-client-redesign-home .gotto-client-vatera {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		padding: 28px 20px !important;
	}

	/* Remove desktop card floors that create large blank areas on two-column grids. */
	body.gotto-client-redesign .site-content .gotto-loop-card,
	body.gotto-client-redesign-home .gotto-client-products--new .gotto-loop-card,
	body.gotto-client-redesign-home .gotto-client-new-products .gotto-loop-card,
	body.gotto-client-redesign-home .gotto-client-accessory-products .gotto-loop-card {
		min-height: 0 !important;
	}

	body.gotto-client-redesign .site-content .gotto-loop-body,
	body.gotto-client-redesign-home .gotto-client-products--new .gotto-loop-body,
	body.gotto-client-redesign-home .gotto-client-new-products .gotto-loop-body,
	body.gotto-client-redesign-home .gotto-client-accessory-products .gotto-loop-body {
		min-height: 0 !important;
	}

	body.gotto-client-redesign-home .gotto-client-products--new .gotto-loop-body,
	body.gotto-client-redesign-home .gotto-client-new-products .gotto-loop-body,
	body.gotto-client-redesign-home .gotto-client-accessory-products .gotto-loop-body {
		padding: 12px 9px 10px !important;
	}

	/* Archive control row: primary action and a true, centred icon button. */
	body.gotto-client-redesign-archive .gotto-archive-toolbar {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 46px !important;
		align-items: start !important;
		gap: 10px !important;
		min-height: 0 !important;
		padding: 10px !important;
	}

	body.gotto-client-redesign-archive .gotto-toolbar-left {
		display: flex !important;
		width: 100% !important;
		min-width: 0 !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		flex-direction: column !important;
		gap: 8px !important;
	}

	body.gotto-client-redesign-archive .gotto-toolbar-right {
		display: flex !important;
		width: 46px !important;
		min-width: 46px !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
	}

	body.gotto-client-redesign-archive .gotto-toolbar-right .wd-shop-prod-per-page,
	body.gotto-client-redesign-archive .gotto-toolbar-right .wd-shop-view,
	body.gotto-client-redesign-archive .gotto-toolbar-right .wd-products-per-page,
	body.gotto-client-redesign-archive .gotto-toolbar-right .wd-products-shop-view {
		display: none !important;
	}

	body.gotto-client-redesign-archive .gotto-toolbar-right .wd-shop-ordering,
	body.gotto-client-redesign-archive .gotto-toolbar-right .wd-shop-ordering > .elementor-widget-container {
		display: block !important;
		width: 46px !important;
		height: 42px !important;
		margin: 0 !important;
	}

	body.gotto-client-redesign-archive .woocommerce-ordering.wd-ordering-mb-icon {
		position: relative !important;
		display: grid !important;
		box-sizing: border-box !important;
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		height: 42px !important;
		place-items: center !important;
		padding: 0 !important;
		border: 1px solid #e4d9c5 !important;
		border-radius: 6px !important;
		background: #fff !important;
	}

	body.gotto-client-redesign-archive .woocommerce-ordering.wd-ordering-mb-icon::after {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		line-height: 1 !important;
		transform: translate(-50%, -50%) !important;
		pointer-events: none !important;
	}

	body.gotto-client-redesign-archive .woocommerce-ordering.wd-ordering-mb-icon select {
		position: absolute !important;
		inset: 0 !important;
		z-index: 2 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		color: transparent !important;
		opacity: 0 !important;
		cursor: pointer !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-sidebar {
		box-sizing: border-box !important;
		width: min(380px, calc(100vw - 24px)) !important;
		padding: 0 18px 28px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #fff !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-sidebar > .wd-heading {
		margin-inline: -18px !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-sidebar .gotto-sidebar-title {
		padding-top: 20px !important;
	}

	/* Consistent cart recommendations if WooCommerce renders cross-sells. */
	.woocommerce-cart .cross-sells .products,
	.woocommerce-cart .related-products .products,
	.woocommerce-cart .upsells .products {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	.woocommerce-cart .cross-sells .product-grid-item,
	.woocommerce-cart .related-products .product-grid-item,
	.woocommerce-cart .upsells .product-grid-item {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}

	.woocommerce-cart .cross-sells .product-wrapper,
	.woocommerce-cart .related-products .product-wrapper,
	.woocommerce-cart .upsells .product-wrapper {
		overflow: hidden !important;
		height: 100% !important;
		border: 1px solid #e4d9c5 !important;
		border-radius: 8px !important;
		background: #fff !important;
		box-shadow: 0 5px 16px rgba(4, 19, 38, .045) !important;
	}

	.woocommerce-cart .cross-sells .product-element-top,
	.woocommerce-cart .related-products .product-element-top,
	.woocommerce-cart .upsells .product-element-top {
		padding: 8px !important;
		background: #fbf8f1 !important;
	}

	.woocommerce-cart .cross-sells .product-element-top img,
	.woocommerce-cart .related-products .product-element-top img,
	.woocommerce-cart .upsells .product-element-top img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1 / .9 !important;
		object-fit: contain !important;
	}

	.woocommerce-cart .cross-sells .product-information,
	.woocommerce-cart .related-products .product-information,
	.woocommerce-cart .upsells .product-information {
		padding: 11px 9px 12px !important;
	}

	.woocommerce-cart .cross-sells .wd-entities-title,
	.woocommerce-cart .related-products .wd-entities-title,
	.woocommerce-cart .upsells .wd-entities-title {
		font-family: "Manrope", Arial, sans-serif !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1.32 !important;
	}

	.woocommerce-cart .cross-sells .price,
	.woocommerce-cart .related-products .price,
	.woocommerce-cart .upsells .price {
		color: #073761 !important;
		font-family: "Manrope", Arial, sans-serif !important;
		font-size: 15px !important;
		font-weight: 800 !important;
	}

	/* Equal-height archive cards with one shared action baseline per row. */
	body.gotto-client-redesign-archive .gotto-archive-products .wd-products {
		align-items: stretch !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-products .wd-product,
	body.gotto-client-redesign-archive .gotto-archive-products .product-wrapper,
	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-card {
		display: flex !important;
		height: 100% !important;
		min-height: 0 !important;
		align-self: stretch !important;
		flex-direction: column !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-body {
		display: flex !important;
		height: 100% !important;
		min-height: 0 !important;
		flex: 1 1 auto !important;
		flex-direction: column !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-commerce {
		display: grid !important;
		grid-template-columns: 34px minmax(0, 1fr) !important;
		align-items: stretch !important;
		gap: 6px !important;
		margin-top: auto !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-commerce .wd-wishlist-btn,
	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-commerce .wd-wishlist-btn > a {
		box-sizing: border-box !important;
		width: 34px !important;
		height: 100% !important;
		min-height: 38px !important;
		margin: 0 !important;
		align-self: stretch !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-commerce .wd-wishlist-btn > a {
		display: grid !important;
		place-items: center !important;
	}

	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-commerce .wd-add-btn-wrapp,
	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-commerce .wd-add-btn,
	body.gotto-client-redesign-archive .gotto-archive-products .gotto-loop-commerce .wd-add-btn > a {
		height: 100% !important;
		min-height: 38px !important;
		margin: 0 !important;
	}
}

/* Cart recommendations use the same managed product-loop cards as archives. */
body.woocommerce-cart .gotto-cart-recommendations {
	margin-top: 56px !important;
	padding-top: 42px !important;
	border-top: 1px solid #e7ddca !important;
}

body.woocommerce-cart .gotto-cart-recommendations .title,
body.woocommerce-cart .gotto-cart-recommendations .title-wrapper .title {
	margin-bottom: 24px !important;
	color: #082f53 !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: clamp(30px, 4vw, 44px) !important;
	font-weight: 600 !important;
}

body.woocommerce-cart .gotto-cart-recommendations .wd-product,
body.woocommerce-cart .gotto-cart-recommendations .product-wrapper,
body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-card {
	display: flex !important;
	height: 100% !important;
	min-height: 0 !important;
	flex-direction: column !important;
}

body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-body {
	display: flex !important;
	min-height: 208px !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	padding: 14px !important;
}

body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce {
	display: grid !important;
	grid-template-columns: 38px minmax(0, 1fr) !important;
	align-items: stretch !important;
	gap: 8px !important;
	margin-top: auto !important;
}

body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn,
body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn > a {
	box-sizing: border-box !important;
	width: 38px !important;
	height: 42px !important;
	min-width: 38px !important;
	margin: 0 !important;
}

body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn > a {
	display: grid !important;
	place-items: center !important;
	border: 1px solid #e4d9c5 !important;
	border-radius: 6px !important;
}

body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn .wd-action-text {
	position: absolute !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(0 0 0 0) !important;
}

body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-add-btn-wrapp,
body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-add-btn,
body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-add-btn > a {
	width: 100% !important;
	height: 42px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-add-btn > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 9px !important;
	border-radius: 6px !important;
	font: 700 10px/1.25 "Manrope", Arial, sans-serif !important;
	text-align: center !important;
}

@media (max-width: 767px) {
	body.woocommerce-cart .gotto-cart-recommendations {
		margin-top: 34px !important;
		padding-top: 28px !important;
	}

	body.woocommerce-cart .gotto-cart-recommendations .title,
	body.woocommerce-cart .gotto-cart-recommendations .title-wrapper .title {
		margin-bottom: 17px !important;
		font-size: 30px !important;
	}

	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-body {
		min-height: 0 !important;
		padding: 11px 9px 10px !important;
	}

	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce {
		grid-template-columns: 34px minmax(0, 1fr) !important;
		gap: 6px !important;
	}

	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn,
	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn > a,
	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-add-btn-wrapp,
	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-add-btn,
	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-add-btn > a {
		height: 38px !important;
		min-height: 38px !important;
	}

	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn,
	body.woocommerce-cart .gotto-cart-recommendations .gotto-loop-commerce .wd-wishlist-btn > a {
		width: 34px !important;
		min-width: 34px !important;
	}
}

@media (max-width: 479px) {
	body.gotto-client-redesign .whb-general-header .whb-flex-row {
		padding-inline: 8px !important;
	}

	body.gotto-client-redesign .whb-gotto-logo-mobile img {
		max-width: 170px !important;
	}

	body.gotto-client-redesign-home .gotto-client-auction__grid {
		gap: 24px !important;
	}
}
