/*
Theme Name: Milano Child
Template: milano
Description: Child theme for Milano. Add your customizations here so they survive theme updates.
Version: 1.1.0
Text Domain: milano-child
*/

/* Dynamic product-category Mega Menus: the taxonomy is the single link source. */
@media (min-width: 1024px) {
	.main-navigation .nav-menu > .clickcam-dynamic-mega > .mega-menu {
		--menu-width: min(1180px, calc(100vw - 48px));
		width: var(--menu-width);
		max-width: var(--menu-width);
		padding: 0;
		border-radius: 0 0 var(--rounded-radius) var(--rounded-radius);
		overflow: hidden;
	}

	.main-navigation .nav-menu > .clickcam-dynamic-mega > .mega-menu > .mega-menu-container {
		width: 100%;
		max-width: none;
		padding: 0;
	}

	.main-navigation .clickcam-dynamic-mega .mega-menu-main {
		display: block;
		margin: 0;
		padding: 0;
	}

	.main-navigation .clickcam-dynamic-mega .mega-menu-main > .clickcam-mega-menu-content {
		display: block;
		width: 100%;
		padding: 0;
	}

	.main-navigation .clickcam-mega-menu-layout {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
		height: 460px;
		padding: 0;
	}

	.main-navigation .clickcam-mega-menu-layout.has-no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	.main-navigation .clickcam-mega-menu-links {
		display: flex;
		min-width: 0;
		flex-direction: column;
		justify-content: space-between;
		gap: 24px;
		padding: clamp(26px, 3vw, 42px);
	}

	.main-navigation .clickcam-mega-menu-groups {
		display: flex;
		flex-wrap: wrap;
		align-content: start;
		gap: 24px clamp(20px, 2.5vw, 36px);
	}

	.main-navigation .clickcam-mega-menu-column {
		display: flex;
		width: min(180px, 100%);
		min-width: 155px;
		flex: 0 1 180px;
		flex-direction: column;
		gap: 18px;
	}

	.main-navigation .clickcam-mega-menu-group {
		min-width: 0;
	}

	.main-navigation .clickcam-mega-menu-group__title {
		display: block;
		font-weight: 600;
		line-height: 1.35;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.main-navigation .clickcam-mega-menu-grandchildren {
		margin: 11px 0 0;
		padding: 0;
		list-style: none;
	}

	.main-navigation .clickcam-mega-menu-grandchildren li + li {
		margin-top: 7px;
	}

	.main-navigation .clickcam-mega-menu-grandchildren a,
	.main-navigation .clickcam-mega-menu-view-all {
		line-height: 1.45;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.main-navigation .clickcam-mega-menu-view-all {
		width: fit-content;
		font-weight: 600;
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	.main-navigation .clickcam-mega-menu-image-link {
		display: block;
		min-width: 0;
		min-height: 0;
		 height: calc(100% - 40px);
    margin: 20px 20px 20px 0;
		overflow: hidden;
		border-radius: 12px;
	}

	.main-navigation .clickcam-mega-menu-image-link:hover {
		transform: none;
	}

	.main-navigation .clickcam-mega-menu-image {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 0;
		object-fit: cover;
		object-position: center;
	}
}

@media (max-width: 1023px) {
	.clickcam-mega-menu-image-link {
		display: none !important;
	}
}

/* Request-a-quote controls reuse Milano's button system and add only state UI. */
.clickcam-quote-control {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(var(--spacing-unit) * 1.5);
}

.clickcam-quote-button,
.clickcam-quote-browse {
	position: relative;
}

.clickcam-quote-button[hidden],
.clickcam-quote-browse[hidden],
.clickcam-native-quote-browse[hidden],
.clickcam-quote-status[hidden] {
	display: none !important;
}

.clickcam-quote-button[disabled] {
	cursor: not-allowed;
	opacity: 0.58;
}

.clickcam-quote-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1rem;
	height: 1rem;
	margin: -0.5rem 0 0 -0.5rem;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
}

.clickcam-quote-button.is-loading .button__text {
	visibility: hidden;
}

.clickcam-quote-button.is-loading .clickcam-quote-spinner {
	opacity: 1;
	animation: clickcam-quote-spin 0.75s linear infinite;
}

.clickcam-quote-status {
	color: var(--color-muted);
	font-family: var(--body-font);
	font-size: calc(var(--body-font-size) - 1px);
	font-weight: var(--body-font-weight);
	line-height: 1.4;
}

.clickcam-quote-status.is-error {
	color: var(--color-error);
}

.clickcam-quote-control--quick-view,
.clickcam-quote-control--quick-view-variable {
	margin-top: 1rem;
}

/* The WooCommerce form is retained for quantity/variation behavior, not cart submission. */
#product-quick-view-modal .single_add_to_cart_button {
	display: none !important;
}

#product-quick-view-modal :is(.clickcam-quote-button, .clickcam-quote-browse) {
	min-width: 10rem;
}

/* Keep PSM's native single-product behavior while matching Milano's button system. */
.psmraq-add-to-quote-wrapper.single-product-page {
	align-items: flex-start;
	flex-direction: column;
	gap: calc(var(--spacing-unit) * 1.5);
}

.psmraq-add-to-quote-wrapper.single-product-page .psmraq_add_to_quote_button {
	color: var(--btn-primary-color) !important;
	font-family: var(--btn-font);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	line-height: var(--btn-line-height);
	letter-spacing: var(--btn-letter-spacing);
	text-transform: var(--btn-text-transform);
	height: var(--btn-height);
	padding: var(--btn-padding-y) var(--btn-padding-x);
	border-color: var(--btn-primary-bg-color) !important;
	border-radius: var(--btn-radius);
	background-color: var(--btn-primary-bg-color) !important;
	transition: var(--transition);
}

.psmraq-add-to-quote-wrapper.single-product-page .psmraq-already-in-list {
	display: none !important;
}

/* Main single-product summary only: heading metadata, SKU, feature box, and unified actions. */
.single-product div.product .summary .clickcam-product-heading-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px 16px;
	width: 100%;
}

.single-product div.product .summary .clickcam-product-heading-row > .product-badges {
	flex: 0 1 auto;
	margin: 0;
}

.single-product div.product .summary .clickcam-product-brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 6px 16px;
	margin-inline-start: auto;
	border: 1px solid var(--btn-primary-bg-color);
	border-radius: 999px;
	background-color: var(--btn-primary-bg-color);
	color: var(--btn-primary-color);
	font-family: var(--btn-font);
	font-size: calc(var(--body-font-size) - 1px);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: var(--transition);
}

.single-product div.product .summary a.clickcam-product-brand:hover,
.single-product div.product .summary a.clickcam-product-brand:focus-visible {
	filter: brightness(0.9);
	color: var(--btn-primary-color);
}

.single-product div.product .summary .clickcam-product-sku[hidden] {
	display: none !important;
}

.single-product div.product .summary .clickcam-product-sku {
	margin-block: 0.25rem;
}

.single-product div.product .summary .clickcam-product-sku > .sku_wrapper {
	display: inline-flex;
	grid-template-columns: none;
	gap: 0.35em;
}

.single-product div.product .summary .clickcam-product-features {
	width: 100%;
}

.single-product div.product .summary .clickcam-product-features__content > ul {
	margin: 0;
	padding-left: 1.25rem;
	list-style: disc outside;
}

.single-product div.product .summary .clickcam-product-features__content > ul > li {
	position: relative;
	margin: 0;
	padding-block: 0.75rem;
	overflow-wrap: anywhere;
}

.single-product div.product .summary .clickcam-product-features__content > ul > li:not(:last-child)::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: -1.25rem;
	border-bottom: 1px dashed var(--color-border);
	content: "";
}

.single-product div.product .summary .clickcam-product-features__content > p {
	margin: 0;
	padding-block: 0.75rem;
	overflow-wrap: anywhere;
}

.single-product div.product .summary .clickcam-product-features__content > p:not(:last-child) {
	border-bottom: 1px dashed var(--color-border);
}

.single-product div.product .summary form.cart:not(.variations_form),
.single-product div.product .summary .woocommerce-variation-add-to-cart {
	display: grid;
	grid-template-columns: minmax(100px, var(--quantity-width, 130px)) minmax(0, 1fr) var(--input-height);
	align-items: start;
	gap: 10px;
}

.single-product div.product .summary :is(
	form.cart:not(.variations_form),
	.woocommerce-variation-add-to-cart
) > .quantity {
	grid-column: 1;
	width: 100%;
	height: var(--input-height);
	margin: 0;
}

.single-product div.product .summary :is(
	form.cart:not(.variations_form),
	.woocommerce-variation-add-to-cart
) > .psmraq-add-to-quote-wrapper.single-product-page {
	display: flex;
	grid-column: 2;
	align-items: stretch;
	width: 100% !important;
	min-width: 0;
	height: var(--input-height);
	padding-top: 0 !important;
	margin: 0 !important;
	gap: 0;
}

.single-product div.product .summary :is(
	form.cart:not(.variations_form),
	.woocommerce-variation-add-to-cart
) > .psmraq-add-to-quote-wrapper.single-product-page .psmraq-atq-spin {
	display: none !important;
}

.single-product div.product .summary :is(
	form.cart:not(.variations_form),
	.woocommerce-variation-add-to-cart
) > .psmraq-add-to-quote-wrapper.single-product-page :is(
	.psmraq_add_to_quote_button,
	.psmraq_add_to_quote_link,
	.clickcam-native-quote-browse
) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: var(--input-height);
	margin: 0;
	white-space: nowrap;
}

.single-product div.product .summary :is(
	form.cart:not(.variations_form),
	.woocommerce-variation-add-to-cart
) > .wcboost-wishlist-single-button {
	position: relative;
	inset: auto;
	overflow: visible;
	grid-column: 3;
	align-self: stretch;
	width: var(--input-height);
	height: var(--input-height);
	padding: 0;
	margin: 0;
	aspect-ratio: 1;
}

.single-product div.product .summary :is(
	form.cart:not(.variations_form),
	.woocommerce-variation-add-to-cart
) > .psmraq-add-to-quote-wrapper.single-product-page :is(
	.psmraq_add_to_quote_button,
	.psmraq_add_to_quote_link
).is-loading {
	cursor: wait;
	opacity: 1;
}

@media (max-width: 374px) {
	.single-product div.product .summary form.cart:not(.variations_form),
	.single-product div.product .summary .woocommerce-variation-add-to-cart {
		grid-template-columns: minmax(100px, 1fr) var(--input-height);
	}

	.single-product div.product .summary :is(
		form.cart:not(.variations_form),
		.woocommerce-variation-add-to-cart
	) > .wcboost-wishlist-single-button {
		grid-column: 2;
		grid-row: 1;
	}

	.single-product div.product .summary :is(
		form.cart:not(.variations_form),
		.woocommerce-variation-add-to-cart
	) > .psmraq-add-to-quote-wrapper.single-product-page {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

.clickcam-sticky-quote-control {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: stretch;
	min-width: 0;
	gap: var(--spacing-unit);
}

.clickcam-sticky-quote-control [data-sticky-atc-btn] {
	width: 100%;
}

.clickcam-sticky-quote-status {
	text-align: center;
}

/* Preserve Milano's activation point but keep the fixed bar through page end. */
.sticky-atc.clickcam-sticky-active {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

@media (min-width: 768px) {
	.sticky-atc .sticky-atc__actions {
		align-items: flex-start;
	}

	.sticky-atc .sticky-atc__actions > .quantity {
		flex: 0 0 var(--quantity-width, 130px);
		align-self: flex-start;
		width: var(--quantity-width, 130px);
		height: var(--input-height);
		overflow: visible;
	}
}

/*
 * Standard Milano product cards.
 *
 * The grid and carousel variants share the same image/title/action geometry.
 * List view retains Milano's horizontal layout, while card-only commercial
 * metadata remains hidden in every loop presentation.
 */
:where(ul.products) > li.product.product-card .product-card__inner > .product-badges {
	right: 10px;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
}

:where(ul.products) > li.product.product-card .product-card__inner > .product-badges > .product-badge--new {
	order: -1;
	margin-inline-end: auto;
}

:where(ul.products) > li.product.product-card .product-card__inner > .product-badges > .product-badge--sale {
	order: 1;
	margin-inline-start: auto;
}

@media (min-width: 768px) {
	:where(ul.products) > li.product.product-card .product-card__inner > .product-badges {
		right: 15px;
	}
}

:where(ul.products) li.product-card :is(
	.price,
	.star-rating,
	.woocommerce-product-rating,
	.woocommerce-review-link,
	.review-count
) {
	display: none !important;
}

:where(ul.products) li.product-card .psmraq-add-to-quote-wrapper.loop-product-page {
	display: none !important;
}

:where(ul.products:not(.layout-list)) > li.product.product-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .product-card__inner {
	flex: 0 0 auto;
	width: auto;
	container-type: inline-size;
	margin-top: -10px;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .product-card__thumbnail.card-media {
	width: 100%;
	height: calc(100cqi + 20px);
	aspect-ratio: auto;
	
}

:where(ul.products:not(.layout-list)) > li.product.product-card .product-card__thumbnail.card-media > a {
	display: block;
	width: 100%;
	height: 100%;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .product-card__thumbnail.card-media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .product-card__summary {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	text-align: center;
}

:where(ul.products:not(.layout-list)) > li.product.product-card :is(
	.product-card__meta,
	.product-card__excerpt,
	.product-card__summary > uix-radio-variations
) {
	display: none !important;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	min-block-size: 2.6em;
	block-size: 2lh;
	max-block-size: 2lh;
	margin: 5px 0;
	line-height: 1.3;
	text-align: center;
	text-overflow: ellipsis;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .clickcam-quote-control--loop {
	display: grid;
	grid-template-rows: var(--input-height);
	align-items: center;
	gap: calc(var(--spacing-unit) * 1.5);
	width: 100%;
	margin-top: auto;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .clickcam-quote-control--loop :is(
	.clickcam-quote-button,
	.clickcam-quote-browse
) {
	--btn-height: var(--input-height);
	grid-row: 1;
	width: 100%;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .clickcam-quote-control--loop .clickcam-quote-status {
	grid-row: 2;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

:where(ul.products:not(.layout-list)) > li.product.product-card .clickcam-select-options {
	--btn-height: var(--input-height);
	width: 100%;
	margin-top: auto;
}

:where(ul.products.swiper-wrapper) {
	align-items: stretch;
}

:where(ul.products.swiper-wrapper) > li.product.product-card {
	height: auto;
}

/* Preserve a subtle same-image zoom after suppressing Milano's gallery swap. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	:where(ul.products:not(.layout-list)) > li.product.product-card
	.product-card__thumbnail.clickcam-primary-image-zoom:not(.thumbnail--video) img:first-child {
		transition: var(--transition);
	}

	:where(ul.products:not(.layout-list)) > li.product.product-card
	.product-card__thumbnail.clickcam-primary-image-zoom:not(.thumbnail--video):hover img:first-child {
		transform: var(--zoom-transform, scale(1.05));
	}
}

/* Replace Milano's red modern-card hover accent without changing normal card colors. */
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
	:where(ul.products:not(.layout-list)) > li.product.product-card.product-card--modern:hover {
		border-color: #F5A623;
	}

	:where(ul.products:not(.layout-list)) > li.product.product-card.product-card--modern:hover :is(
		.clickcam-quote-button,
		.clickcam-quote-browse,
		.clickcam-select-options,
		.product-card__actions > .wcboost-wishlist-button,
		.product-card__actions > .quick-view-button > .button
	) {
		--btn-action-bg-color: #F5A623;
		--btn-action-hover-bg-color: #F5A623;
		--btn-primary-hover-bg-color: #F5A623;
	}
}

@media (hover: hover) and (pointer: fine) {
	.psmraq-add-to-quote-wrapper.single-product-page .psmraq_add_to_quote_button:hover {
		color: var(--btn-primary-hover-color) !important;
		border-color: var(--btn-primary-hover-bg-color) !important;
		background-color: var(--btn-primary-hover-bg-color) !important;
	}
}

/* Match Milano's 24px Wishlist icon box while preserving the existing document icon. */
.clickcam-header-quote,
.clickcam-header-quote .clickcam-quote-list-link {
	display: flex;
	align-items: center;
	justify-content: center;
}

.clickcam-header-quote .clickcam-quote-list-link {
	transition: var(--transition);
}

.clickcam-header-quote .clickcam-quote-list-icon {
	position: relative;
	display: inline-flex;
	flex: 0 0 24px;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	line-height: 0;
}

.clickcam-header-quote .clickcam-quote-list-icon__svg {
	display: block;
	flex: none;
	width: 38px;
	height: 38px;
	color: currentColor;
}

.clickcam-header-quote .clickcam-quote-counter {
	top: -11px;
	right: -10px;
	box-sizing: border-box;
	min-width: 18px;
	height: 18px;
	padding-inline: 4px;
	white-space: nowrap;
	pointer-events: none;
}

.clickcam-header-quote .clickcam-quote-counter[hidden] {
	display: none !important;
}

.clickcam-mobile-quote-link .clickcam-quote-list-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	line-height: 0;
}

.clickcam-mobile-quote-link .clickcam-quote-list-icon__svg {
	display: block;
	flex: none;
	width: 26px;
	height: 26px;
	color: currentColor;
}

.clickcam-mobile-quote-link .clickcam-quote-counter {
	box-sizing: border-box;
	padding-inline: 4px;
	white-space: nowrap;
	pointer-events: none;
}

.clickcam-mobile-quote-link .clickcam-quote-counter[hidden] {
	display: none !important;
}

/* =====================================================
   CLICKCAM — QUOTE ADDED FEEDBACK
===================================================== */

/* Quote icon success pulse — desktop + mobile */
.clickcam-header-quote .clickcam-quote-list-icon.is-quote-success-pulse,
.clickcam-mobile-quote-link .clickcam-quote-list-icon.is-quote-success-pulse {
	animation: clickcam-quote-icon-pulse .7s cubic-bezier(.22, .8, .32, 1);
	transform-origin: center;
}

@keyframes clickcam-quote-icon-pulse {
	0% {
		transform: scale(1);
	}

	45% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1);
	}
}


/* =====================================================
   CLICKCAM — QUOTE ADDED TOAST
===================================================== */

.clickcam-quote-toast {
	position: fixed;
	top: auto;
	right: auto;
	bottom: 45px;
	left: 50%;
	z-index: 999999;

	display: flex;
	align-items: center;
	gap: 10px;

	box-sizing: border-box;
	min-width: 230px;
	padding: 13px 20px;

	background: #F3A422;
	color: #000000;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 30px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transform: translate(-50%, 12px) scale(0.96);

	transition:
		opacity .24s ease,
		transform .24s ease,
		visibility .24s ease;
}

.clickcam-quote-toast.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0) scale(1);
}

.clickcam-quote-toast__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;

	width: 28px;
	height: 28px;

	border-radius: 50%;
	background: #fff;
	color: #111;

	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

.clickcam-quote-toast__text {
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.clickcam-quote-toast {
		top: auto;
		right: auto;
		bottom: 80px;
		left: 50%;

		width: fit-content;
		min-width: 170px;
		max-width: calc(100vw - 40px);
		padding: 10px 14px;

		gap: 7px;
		justify-content: center;

		transform: translate(-50%, 12px) scale(0.96);
	}

	.clickcam-quote-toast__icon {
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		font-size: 11px;
	}

	.clickcam-quote-toast__text {
		font-size: 13px;
		white-space: nowrap;
	}

	.clickcam-quote-toast.is-visible {
		transform: translate(-50%, 0) scale(1);
	}
}

@keyframes clickcam-quote-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.clickcam-quote-button.is-loading .clickcam-quote-spinner {
		animation-duration: 1.5s;
	}
}

/* =====================================================
   PSM QUOTE REQUEST — CENTERED INTERFACE
===================================================== */

.clickcam-quote-interface {
	box-sizing: border-box;
	width: 100%;
	max-width: 1100px;
	margin-inline: auto;
}

.clickcam-quote-intro {
	max-width: 680px;
	margin: 0 auto 28px;
	text-align: center;
}

.clickcam-quote-intro__eyebrow {
	margin: 0 0 8px;
	color: var(--btn-action-bg-color, #263c97);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.clickcam-quote-intro__title {
	margin: 0;
	font-size: clamp(28px, 3vw, 34px);
	line-height: 1.2;
}

.clickcam-quote-intro__description {
	max-width: 620px;
	margin: 10px auto 0;
	color: var(--color-text, #555);
	line-height: 1.6;
}

.clickcam-quote-interface .psmraq-shortcode-quote-request .psmraq-page-layout {
	gap: 32px !important;
}

.clickcam-quote-interface .psmraq-shortcode-quote-request .quote-list {
	box-sizing: border-box;
	flex: 0 0 100% !important;
	width: 100%;
	min-width: 0 !important;
	padding: 24px;
	border: 1px solid #e3e5ea;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgb(20 31 60 / 5%);
}

.psmraq-shortcode-quote-request .quote-list > .quote-list-header {
	padding: 0 0 16px;
	border-bottom: 1px solid #e8e9ed;
}

.psmraq-shortcode-quote-request .quote-list > .quote-list-header .psmraq-page-layout-heading {
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.psmraq-shortcode-quote-request .quote-list .quote-list-item {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	padding: 14px 50px 14px 0 !important;
	border-bottom: 0 !important;
}

.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child {
	display: grid !important;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 20px !important;
	width: 100%;
	min-width: 0;
	align-items: center !important;
}

.psmraq-shortcode-quote-request .quote-list .quote-list-thumbnail {
	display: block;
	flex: 0 0 88px;
	box-sizing: border-box;
	width: 88px;
	height: 88px;
	max-height: 88px;
	padding: 6px;
	border: 1px solid var(--line-color, #e5e5e5);
	border-radius: min(8px, var(--rounded-radius, 8px));
	background: var(--background-color-gray, #f7f7f7);
	object-fit: contain;
	object-position: center;
}

.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child > div:last-child {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	min-width: 0;
	align-items: center !important;
	column-gap: 20px !important;
	row-gap: 4px !important;
}

.psmraq-shortcode-quote-request .quote-list .product-name {
	grid-column: 1;
	grid-row: 1;
	max-width: 100%;
	font-weight: 600;
	line-height: var(--heading-line-height, 1.35);
	overflow-wrap: anywhere;
}

.psmraq-shortcode-quote-request .quote-list .product-property,
.psmraq-shortcode-quote-request .quote-list .quantity-selector {
	min-width: 0;
}

.psmraq-shortcode-quote-request .quote-list .product-property {
	grid-column: 1;
	grid-row: 2;
	color: var(--color-text, #666);
	font-size: 13px;
}

.psmraq-shortcode-quote-request .quote-list .quantity-selector {
	grid-column: 2;
	grid-row: 1 / 3;
	align-self: center;
}

.psmraq-shortcode-quote-request .quote-list .quantity-selector > div {
	display: grid !important;
	grid-template-columns: 30px 32px 30px;
	align-items: center;
	box-sizing: border-box;
	width: 94px;
	height: 34px;
	gap: 0 !important;
	overflow: hidden;
	border: 0px solid #dfe2e8;
	border-radius: 8px;
	background: #fff;
}

.psmraq-shortcode-quote-request .quote-list .quantity-selector .psm-button.small {
	display: grid !important;
	place-items: center;
	box-sizing: border-box;
	width: 30px;
	height: 32px;
	min-height: 32px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	color: var(--color-text, #333) !important;
	line-height: 1;
	transition: color .2s ease, background-color .2s ease;
}

.psmraq-shortcode-quote-request .quote-list .quantity-selector > div > .property-value {
	box-sizing: border-box;
	width: 32px;
	min-width: 32px !important;
	font-size: 13px;
	line-height: 32px;
	text-align: center;
}

.psmraq-shortcode-quote-request .quote-list .quantity-selector .psm-button.small:disabled {
	cursor: not-allowed;
	opacity: .4;
}

.psmraq-shortcode-quote-request .quote-list .product-remove {
	position: absolute;
	top: 20px;
	right: 12px;
	display: grid !important;
	place-items: center;
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid var(--line-color, #e5e5e5);
	border-radius: 50%;
	background: var(--background-color-gray, #f7f7f7);
	color: var(--color-text, #333);
	font-size: 0;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.psmraq-shortcode-quote-request .quote-list .product-remove::before {
	content: "\00d7";
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
}

.psmraq-shortcode-quote-request .quote-list .product-remove:focus-visible {
	outline: 2px solid #F5A623;
	outline-offset: 2px;
}

.psmraq-shortcode-quote-request .quote-list .quote-list-footer .psm-button.small {
	box-sizing: border-box;
	min-height: 40px;
	padding: 9px 16px !important;
	border: 1px solid var(--btn-action-bg-color, #263c97) !important;
	border-radius: var(--btn-radius, 4px);
	background-color: var(--btn-action-bg-color, #263c97) !important;
	color: #fff !important;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.psmraq-shortcode-quote-request .quote-list .quote-list-footer {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px !important;
	padding: 18px 0 0 !important;
	border-top: 0;
}

@media (hover: hover) and (pointer: fine) {
	.psmraq-shortcode-quote-request .quote-list .product-remove:hover,
	.psmraq-shortcode-quote-request .quote-list .quote-list-footer .psm-button.small:hover {
		border-color: #F5A623 !important;
		background-color: #F5A623 !important;
		color: #fff !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector .psm-button.small:not(:disabled):hover {
		background-color: rgb(245 166 35 / 12%) !important;
		color: #F5A623 !important;
	}
}

.psmraq-shortcode-quote-request .quote-list .quote-list-footer .psm-button.small:focus-visible {
	border-color: #F5A623 !important;
	background-color: #F5A623 !important;
	outline: 2px solid #F5A623;
	outline-offset: 2px;
}

@media (min-width: 768px) {
	.psmraq-shortcode-quote-request .quote-list .quote-list-item {
		display: block !important;
		padding-right: 0 !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child {
		display: grid !important;
		grid-template-columns: 88px minmax(0, 1fr);
		gap: 20px !important;
		align-items: start !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child > div:last-child {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 94px 34px;
		grid-template-rows: auto auto;
		column-gap: 20px !important;
		row-gap: 4px !important;
		align-items: start !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-thumbnail {
		grid-column: 1;
		grid-row: 1;
	}

	.psmraq-shortcode-quote-request .quote-list .product-name {
		grid-column: 1;
		grid-row: 1;
	}

	.psmraq-shortcode-quote-request .quote-list .product-property {
		grid-column: 1;
		grid-row: 2;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector {
		grid-column: 2;
		grid-row: 1 / 3;
		align-self: start;
	}

	.psmraq-shortcode-quote-request .quote-list .product-remove {
		position: static;
		grid-column: 3;
		grid-row: 1 / 3;
		align-self: start;
	}
}

@media (min-width: 768px) and (max-width: 899px) {
	.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child {
		grid-template-columns: 80px minmax(0, 1fr);
		column-gap: 14px !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-thumbnail {
		width: 80px;
		height: 80px;
		max-height: 80px;
		flex-basis: 80px;
	}
}

@media (max-width: 767.98px) {
	.clickcam-quote-intro {
		margin-bottom: 22px;
	}

	.clickcam-quote-interface .psmraq-shortcode-quote-request .psmraq-page-layout {
		gap: 24px !important;
	}

	.clickcam-quote-interface .psmraq-shortcode-quote-request .quote-list {
		min-width: 0 !important;
		width: 100%;
		padding: 16px 12px;
	}

	.psmraq-shortcode-quote-request .quote-list > .quote-list-header {
		padding-bottom: 12px;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-item {
		padding: 6px 0 !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child {
		grid-template-columns: 64px minmax(0, 1fr);
		align-items: flex-start !important;
		gap: 10px !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-thumbnail {
		width: 64px;
		min-width: 64px;
		height: 64px;
		max-height: 64px;
		flex-basis: 64px;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child > div:last-child {
		grid-template-columns: minmax(0, 1fr) auto 32px;
		grid-template-rows: auto auto;
		column-gap: 6px !important;
		row-gap: 3px !important;
		align-items: start !important;
	}

	.psmraq-shortcode-quote-request .quote-list .product-name {
		display: -webkit-box;
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
		overflow: hidden;
		font-size: 13px;
		line-height: 1.25;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	.psmraq-shortcode-quote-request .quote-list .product-property {
		grid-column: 1;
		grid-row: 2;
		align-self: start;
		margin-top: 1px;
		font-size: 11px;
		line-height: 1.3;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		justify-self: end;
		width: 78px;
		height: 32px;
		margin-top: 0;
		overflow: hidden;
		border-radius: 8px;
		box-shadow: none;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector > div {
		grid-template-columns: 24px 28px 24px;
		width: 78px;
		height: 32px;
		border: 0;
		box-shadow: none;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector .psm-button.small {
		width: 24px;
		height: 30px;
		min-height: 30px;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector > div > .property-value {
		width: 28px;
		min-width: 28px !important;
		line-height: 30px;
	}

	.psmraq-shortcode-quote-request .quote-list .product-remove {
		position: static;
		grid-column: 3;
		grid-row: 1;
		align-self: start;
		justify-self: end;
		width: 32px;
		height: 32px;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-footer {
		flex-wrap: wrap;
		padding-top: 14px !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-footer .psm-button.small {
		min-height: 38px;
		padding: 8px 14px !important;
	}
}

@media (max-width: 340px) {
	.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 8px !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-thumbnail {
		width: 58px;
		min-width: 58px;
		height: 58px;
		max-height: 58px;
		flex-basis: 58px;
	}

	.psmraq-shortcode-quote-request .quote-list .quote-list-item > div:first-child > div:last-child {
		grid-template-columns: minmax(0, 1fr) auto 30px;
		column-gap: 4px !important;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector,
	.psmraq-shortcode-quote-request .quote-list .quantity-selector > div {
		width: 72px;
		height: 30px;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector > div {
		grid-template-columns: 22px 26px 22px;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector .psm-button.small {
		width: 22px;
		height: 28px;
		min-height: 28px;
	}

	.psmraq-shortcode-quote-request .quote-list .quantity-selector > div > .property-value {
		width: 26px;
		min-width: 26px !important;
		line-height: 28px;
	}

	.psmraq-shortcode-quote-request .quote-list .product-remove {
		width: 30px;
		height: 30px;
	}
}

/* =====================================================
   PSM QUOTE REQUEST — CONTACT FORM ONLY
===================================================== */

.psmraq-shortcode-quote-request .quote-form {
	flex: 0 0 100% !important;
	width: 100%;
	max-width: none;
	min-width: 0 !important;
	gap: 16px !important;
}

.psmraq-shortcode-quote-request .quote-form > .quote-list-header {
	padding: 0 0 14px !important;
	border-bottom: 1px solid #e8e9ed;
}

.psmraq-shortcode-quote-request .quote-form > .quote-list-header .psmraq-page-layout-heading {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
}

.psmraq-shortcode-quote-request .quote-form form > div {
	gap: 14px !important;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px !important;
	width: 100%;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress > .psm-form-field-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	order: 0;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress > div:has(> .psm-form-field.firstName) {
	order: 1;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px !important;
	grid-column: 1 / -1;
	width: 100%;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .firstName,
.psmraq-shortcode-quote-request .quote-form .billingAddress .lastName {
	min-width: 0 !important;
	width: 100%;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .phone {
	order: 2;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .email {
	order: 3;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .country {
	order: 4;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress > div:has(> .psm-form-field.city) {
	display: contents !important;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .city {
	order: 5;
	min-width: 0 !important;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress :is(
	.addressLine1,
	.addressLine2,
	.postcode,
	.state
) {
	display: none !important;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress :is(
	.phone,
	.email,
	.country,
	.city
) {
	min-width: 0 !important;
	width: auto;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress :is(
	input[name="billingAddress.firstName"],
	input[name="billingAddress.lastName"],
	input[name="billingAddress.phone"],
	input[name="billingAddress.email"]
),
.psmraq-shortcode-quote-request .quote-form .billingAddress .psm-select__control,
.psmraq-shortcode-quote-request .quote-form .clickcam-quote-emirate-select {
	box-sizing: border-box;
	width: 100%;
	height: 46px;
	min-height: 46px;
	border: 1px solid #d8d8d8 !important;
	border-radius: 11px !important;
	background-color: #fff !important;
	color: var(--color-text, #444) !important;
	font-family: var(--body-font);
	font-size: 15px;
	line-height: 1.3;
	box-shadow: none !important;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress :is(
	input[name="billingAddress.firstName"],
	input[name="billingAddress.lastName"],
	input[name="billingAddress.phone"],
	input[name="billingAddress.email"]
) {
	padding: 0 14px !important;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress :is(
	input[name="billingAddress.firstName"],
	input[name="billingAddress.lastName"],
	input[name="billingAddress.phone"],
	input[name="billingAddress.email"]
)::placeholder {
	color: rgb(68 68 68 / 62%);
	opacity: 1;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .country .psm-select__control {
	height: 46px;
	min-height: 46px;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .country .psm-select__value-container {
	padding: 0 14px !important;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .country .psm-select__indicator-separator {
	display: none;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress .country .psm-select__dropdown-indicator {
	padding: 8px 12px 8px 8px;
}

.psmraq-shortcode-quote-request .quote-form .billingAddress :is(
	input[name="billingAddress.firstName"],
	input[name="billingAddress.lastName"],
	input[name="billingAddress.phone"],
	input[name="billingAddress.email"]
):focus,
.psmraq-shortcode-quote-request .quote-form .billingAddress .country .psm-select__control--is-focused,
.psmraq-shortcode-quote-request .quote-form .clickcam-quote-emirate-select:focus {
	border-color: var(--btn-action-bg-color, #263c97) !important;
	outline: none;
	box-shadow: 0 0 0 2px rgb(38 60 151 / 14%) !important;
}

.psmraq-shortcode-quote-request .quote-form .clickcam-quote-emirate-value {
	display: none !important;
}

.psmraq-shortcode-quote-request .quote-form .clickcam-quote-emirate-label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.psmraq-shortcode-quote-request .quote-form .clickcam-quote-emirate-select {
	padding: 0 38px 0 14px;
}

.psmraq-shortcode-quote-request .quote-form .clickcam-quote-emirate-select:focus {
	border-color: var(--color-primary, #263c97);
	outline: 2px solid transparent;
}

.psmraq-shortcode-quote-request .quote-form form > div > .psm-button.primary[type="submit"] {
	box-sizing: border-box;
	align-self: flex-start;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 116px;
	height: 44px !important;
	min-height: 44px;
	padding: 0 22px;
	border: 1px solid var(--btn-action-bg-color, #263c97) !important;
	border-radius: var(--btn-radius, 4px);
	background-color: var(--btn-action-bg-color, #263c97) !important;
	color: #fff !important;
	font-family: var(--btn-font);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	line-height: var(--btn-line-height);
	letter-spacing: var(--btn-letter-spacing);
	text-transform: var(--btn-text-transform);
	transition: var(--transition);
}

@media (hover: hover) and (pointer: fine) {
	.psmraq-shortcode-quote-request .quote-form form > div > .psm-button.primary[type="submit"]:hover {
		border-color: #F5A623 !important;
		background-color: #F5A623 !important;
		color: #fff !important;
	}
}

.psmraq-shortcode-quote-request .quote-form form > div > .psm-button.primary[type="submit"]:focus-visible {
	border-color: #F5A623 !important;
	background-color: #F5A623 !important;
	outline: 2px solid #F5A623;
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.psmraq-shortcode-quote-request .quote-form .billingAddress {
		grid-template-columns: minmax(0, 1fr);
	}

	.psmraq-shortcode-quote-request .quote-form .billingAddress > div:has(> .psm-form-field.firstName) {
		grid-column: auto;
		grid-template-columns: minmax(0, 1fr);
	}
}

/* =====================================================
   PSM QUOTE REQUEST — CONFIRMED SUCCESS MODAL
===================================================== */

body.clickcam-quote-success-open {
	overflow: hidden;
}

.clickcam-quote-success-modal[hidden] {
	display: none !important;
}

.clickcam-quote-success-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 24px;
	background: rgb(10 18 43 / 58%);
}

.clickcam-quote-success-modal__dialog {
	position: relative;
	box-sizing: border-box;
	width: min(100%, 410px);
	padding: 38px 32px 30px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 22px 60px rgb(10 18 43 / 24%);
	color: var(--color-text, #333);
	font-family: var(--body-font);
	text-align: center;
}

.clickcam-quote-success-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #656b7a;
	font-size: 27px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	transition: var(--transition);
}

.clickcam-quote-success-modal__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: rgb(38 60 151 / 10%);
	color: var(--btn-action-bg-color, #263c97);
	font-size: 31px;
	font-weight: 700;
	line-height: 1;
}

.clickcam-quote-success-modal__message {
	margin: 0 0 24px;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.45;
}

.clickcam-quote-success-modal__okay {
	min-width: 104px;
	height: var(--btn-height, var(--input-height, 44px));
	padding: var(--btn-padding-y) var(--btn-padding-x);
	border: 1px solid var(--btn-action-bg-color, #263c97);
	border-radius: var(--btn-radius, 4px);
	background: var(--btn-action-bg-color, #263c97);
	color: #fff;
	font-family: var(--btn-font);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	line-height: var(--btn-line-height);
	letter-spacing: var(--btn-letter-spacing);
	text-transform: var(--btn-text-transform);
	cursor: pointer;
	transition: var(--transition);
}

@media (hover: hover) and (pointer: fine) {
	.clickcam-quote-success-modal__close:hover {
		background: rgb(245 166 35 / 12%);
		color: #F5A623;
	}

	.clickcam-quote-success-modal__okay:hover {
		border-color: #F5A623;
		background: #F5A623;
		color: #fff;
	}
}

.clickcam-quote-success-modal :is(.clickcam-quote-success-modal__close, .clickcam-quote-success-modal__okay):focus-visible {
	outline: 2px solid #F5A623;
	outline-offset: 3px;
}

@media (max-width: 575px) {
	.clickcam-quote-success-modal {
		padding: 18px;
	}

	.clickcam-quote-success-modal__dialog {
		padding: 36px 22px 26px;
	}

	.clickcam-quote-success-modal__message {
		font-size: 18px;
	}
}

/* =====================================================
   DISABLE / HIDE PRODUCT COMPARE
===================================================== */

.wcboost-products-compare-button {
    display: none !important;
}

/* =====================================================
   GLOBAL BUTTON COLOR
===================================================== */

    /* .button,
    button.button,
    input.button,
    .button-primary,
    .button-action,
    .woocommerce button.button,
    .woocommerce a.button,
    .woocommerce input.button {
        background-color: #F5A623 !important;
        border-color: #F5A623 !important;
    }

    .button:hover,
    button.button:hover,
    input.button:hover,
    .button-primary:hover,
    .button-action:hover,
    .woocommerce button.button:hover,
    .woocommerce a.button:hover,
    .woocommerce input.button:hover {
        background-color: #dc8d0b !important;
        border-color: #dc8d0b !important;
    }

    .button,
    button.button,
    input.button,
    .button-primary,
    .button-action,
    .woocommerce button.button,
    .woocommerce a.button,
    .woocommerce input.button {
        color: #fff !important;
    } */

/* Center the homepage Top Categories group when every slide fits. */
@media (min-width: 1024px) {
	.elementor-element-16afc45.elementor-widget-milano-category-carousel
		.swiper:has(.swiper-pagination-lock) .swiper-wrapper {
		justify-content: center;
		gap: 72px;
	}

	.elementor-element-16afc45.elementor-widget-milano-category-carousel
		.swiper:has(.swiper-pagination-lock) .swiper-slide:last-child {
		margin-inline-end: 0 !important;
	}
}

/* Compact glass ribbon for the Shop archive's top-category carousel. */
.shop-top-categories {
	margin-top: 16px;
}

	.shop-top-categories > .container-fluid {
	padding-block: 7px;
	border-radius: 20px;
	background:
		radial-gradient(
			circle at 12% 18%,
			rgba(255, 255, 255, 0.72),
			transparent 34%
		),
		linear-gradient(
			120deg,
			rgba(225, 241, 255, 0.88) 0%,
			rgba(220, 246, 250, 0.74) 46%,
			rgba(235, 241, 255, 0.9) 100%
		);
	box-shadow:
		inset 0 0 0 1px rgba(70, 120, 190, 0.15),
		0 8px 28px rgba(30, 70, 130, 0.07);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

@media (min-width: 768px) {
	 .shop-top-categories {
		margin-top: 20px;
	}

	
		.shop-top-categories > .container-fluid {
		padding-block: 15px;
	}
}

body.post-type-archive-product.woocommerce-shop #content.site-content {
	padding-top: 24px;
}

@media (min-width: 768px) {
	body.post-type-archive-product.woocommerce-shop #content.site-content {
		padding-top: 28px;
	}
}

@media (min-width: 1024px) {
	
		.shop-top-categories .swiper:has(.swiper-pagination-lock)
		.top-categories-list {
		justify-content: center;
	}

	
		.shop-top-categories .swiper:has(.swiper-pagination-lock)
		.top-categories-item:last-child {
		margin-inline-end: 0 !important;
	}
}

/* Homepage promotional grid: stable media frames and localized contrast. */
body.home .elementor-element-75ac8d7 > .e-con-inner {
	min-height: 0;
}

@media (min-width: 1025px) {
	body.home .elementor-element-75ac8d7 > .e-con-inner {
		height: 698px;
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	body.home .elementor-element-cb40800 > .elementor-widget-container,
	body.home .elementor-element-cb40800 .milano-slideshow {
		height: 100%;
	}
}

body.home .elementor-element-cb40800,
body.home .elementor-element-07848d9,
body.home .elementor-element-47e5c02,
body.home .elementor-element-1792814,
body.home .elementor-element-cb40800 > .elementor-widget-container,
body.home .elementor-element-07848d9 > .elementor-widget-container,
body.home .elementor-element-47e5c02 > .elementor-widget-container,
body.home .elementor-element-1792814 > .elementor-widget-container {
	min-height: 0;
}

body.home .elementor-element-cb40800 .milano-slideshow,
body.home .elementor-element-07848d9 .milano-banner-image,
body.home .elementor-element-47e5c02 .milano-banner-image,
body.home .elementor-element-1792814 .milano-banner-image {
	isolation: isolate;
	overflow: hidden;
	border-radius: 15px;
}

body.home .elementor-element-cb40800 uix-slider,
body.home .elementor-element-cb40800 .swiper,
body.home .elementor-element-cb40800 .swiper-wrapper,
body.home .elementor-element-cb40800 .milano-slideshow__slide,
body.home .elementor-element-cb40800 .milano-slideshow__media,
body.home .elementor-element-cb40800 .milano-slideshow__media picture,
body.home .elementor-element-07848d9 .milano-banner-image__image,
body.home .elementor-element-47e5c02 .milano-banner-image__image,
body.home .elementor-element-1792814 .milano-banner-image__image,
body.home .elementor-element-07848d9 .milano-banner-image__image picture,
body.home .elementor-element-47e5c02 .milano-banner-image__image picture,
body.home .elementor-element-1792814 .milano-banner-image__image picture {
	width: 100%;
	height: 100%;
}

body.home .elementor-element-cb40800 .milano-slideshow__media picture,
body.home .elementor-element-07848d9 .milano-banner-image__image picture,
body.home .elementor-element-47e5c02 .milano-banner-image__image picture,
body.home .elementor-element-1792814 .milano-banner-image__image picture {
	display: block;
}

body.home .elementor-element-cb40800 .milano-slideshow__media img,
body.home .elementor-element-07848d9 .milano-banner-image__image img,
body.home .elementor-element-47e5c02 .milano-banner-image__image img,
body.home .elementor-element-1792814 .milano-banner-image__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

body.home .elementor-element-cb40800 .milano-slideshow__overlay {
	background: transparent !important;
}

body.home .elementor-element-cb40800 .milano-slideshow__slide::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: radial-gradient(
		ellipse 125% 110% at 0% 100%,
		rgba(0, 0, 0, 0.95) 0%,
		rgba(0, 0, 0, 0.88) 24%,
		rgba(0, 0, 0, 0.65) 44%,
		rgba(0, 0, 0, 0.38) 60%,
		rgba(0, 0, 0, 0.15) 74%,
		transparent 88%
	);
}

body.home .elementor-element-cb40800 .milano-slideshow__content {
	align-items: flex-end !important;
	justify-content: flex-start !important;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 32px;
	z-index: 2;
}

body.home .elementor-element-cb40800 .milano-slideshow__inner {
	box-sizing: border-box;
	width: auto;
	max-width: min(75%, 360px);
	padding: 0 !important;
}

body.home .elementor-element-07848d9 .milano-banner-image__overlay,
body.home .elementor-element-47e5c02 .milano-banner-image__overlay,
body.home .elementor-element-1792814 .milano-banner-image__overlay {
	z-index: 1;
	background-color: transparent;
	background-image: radial-gradient(
		ellipse 130% 74% at 0% 100%,
		rgba(0, 0, 0, 0.80) 0%,
		rgba(0, 0, 0, 0.60) 24%,
		rgba(0, 0, 0, 0.30) 48%,
		rgba(0, 0, 0, 0.2) 64%,
		rgba(0, 0, 0, 0.1) 76%,
		transparent 88%
	);
	opacity: 1;
	pointer-events: none;
}

body.home .elementor-element-07848d9 .milano-banner-image__overlay {
	background-image: radial-gradient(
	ellipse 140% 80% at 0% 100%,
		rgba(0, 0, 0, 0.80) 0%,
		rgba(0, 0, 0, 0.80) 22%,
		rgba(0, 0, 0, 0.60) 42%,
		rgba(0, 0, 0, 0.30) 60%,
		rgba(0, 0, 0, 0.10) 74%,
		transparent 88%
	);
}

body.home .elementor-element-07848d9 .milano-banner-image__content,
body.home .elementor-element-47e5c02 .milano-banner-image__content,
body.home .elementor-element-1792814 .milano-banner-image__content {
	align-items: flex-start !important;
	justify-content: flex-end !important;
	box-sizing: border-box;
	text-align: left;
	z-index: 2;
}

body.home .elementor-element-07848d9 .milano-banner-image__inner,
body.home .elementor-element-47e5c02 .milano-banner-image__inner,
body.home .elementor-element-1792814 .milano-banner-image__inner {
	box-sizing: border-box;
	width: 100%;
	padding: 24px !important;
}

body.home .elementor-element-07848d9 .milano-banner-image__heading br,
body.home .elementor-element-47e5c02 .milano-banner-image__heading br,
body.home .elementor-element-1792814 .milano-banner-image__heading br {
	display: none;
}

body.home .elementor-element-cb40800 :is(
	.milano-slideshow__subheading,
	.milano-slideshow__heading,
	.milano-slideshow__description
),
body.home .elementor-element-07848d9 :is(
	.milano-banner-image__subheading,
	.milano-banner-image__heading,
	.milano-banner-image__description
),
body.home .elementor-element-47e5c02 :is(
	.milano-banner-image__subheading,
	.milano-banner-image__heading,
	.milano-banner-image__description
),
body.home .elementor-element-1792814 :is(
	.milano-banner-image__subheading,
	.milano-banner-image__heading,
	.milano-banner-image__description
) {
	color: #fff;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.home .elementor-element-75ac8d7 > .e-con-inner {
		aspect-ratio: 1 / 2;
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	body.home .elementor-element-47e5c02,
	body.home .elementor-element-1792814 {
		aspect-ratio: 1 / 1;
	}

	body.home .elementor-element-cb40800 .milano-slideshow__content,
	body.home .elementor-element-07848d9 .milano-banner-image__inner,
	body.home .elementor-element-47e5c02 .milano-banner-image__inner,
	body.home .elementor-element-1792814 .milano-banner-image__inner {
		padding: 20px !important;
	}
}

@media (max-width: 767px) {
	body.home .elementor-element-cb40800 .milano-slideshow {
		height: 400px !important;
	}

	body.home .elementor-element-07848d9,
	body.home .elementor-element-47e5c02,
	body.home .elementor-element-1792814 {
		aspect-ratio: 1 / 1;
	}

	body.home .elementor-element-cb40800 .milano-slideshow__content,
	body.home .elementor-element-07848d9 .milano-banner-image__inner,
	body.home .elementor-element-47e5c02 .milano-banner-image__inner,
	body.home .elementor-element-1792814 .milano-banner-image__inner {
		padding: 18px !important;
	}

	body.home .elementor-element-cb40800 .milano-slideshow__inner {
		max-width: min(82%, 320px);
	}
}

/* =====================================================
   HOMEPAGE SECOND PROMOTIONAL BANNERS
   Fixed Media + Text Gradients
===================================================== */
body.home .elementor-element-ec6ab57 > .e-con-inner,
body.home .elementor-element-ea186a7,
body.home .elementor-element-bd6f466,
body.home .elementor-element-122f4e2 {
	min-height: 0;
}

@media (min-width: 768px) {
	body.home .elementor-element-ec6ab57 > .e-con-inner {
		height: 596px;
		grid-template-rows: minmax(0, 1fr);
	}
}

body.home .elementor-element-ea186a7 > .elementor-widget-container,
body.home .elementor-element-bd6f466 > .elementor-widget-container,
body.home .elementor-element-122f4e2 > .elementor-widget-container,
body.home .elementor-element-ea186a7 .milano-banner-image,
body.home .elementor-element-bd6f466 .milano-banner-image,
body.home .elementor-element-122f4e2 .milano-banner-image,
body.home .elementor-element-ea186a7 .milano-banner-image__image,
body.home .elementor-element-bd6f466 .milano-banner-image__image,
body.home .elementor-element-122f4e2 .milano-banner-image__image {
	height: 100%;
}

body.home .elementor-element-ea186a7 .milano-banner-image,
body.home .elementor-element-bd6f466 .milano-banner-image,
body.home .elementor-element-122f4e2 .milano-banner-image {
	isolation: isolate;
	overflow: hidden;
	border-radius: 15px;
}

body.home .elementor-element-ea186a7 .milano-banner-image__image,
body.home .elementor-element-bd6f466 .milano-banner-image__image,
body.home .elementor-element-122f4e2 .milano-banner-image__image,
body.home .elementor-element-ea186a7 .milano-banner-image__image picture,
body.home .elementor-element-bd6f466 .milano-banner-image__image picture,
body.home .elementor-element-122f4e2 .milano-banner-image__image picture {
	width: 100%;
}

body.home .elementor-element-ea186a7 .milano-banner-image__image picture,
body.home .elementor-element-bd6f466 .milano-banner-image__image picture,
body.home .elementor-element-122f4e2 .milano-banner-image__image picture {
	display: block;
	height: 100%;
}

body.home .elementor-element-ea186a7 .milano-banner-image__image :is(img, video),
body.home .elementor-element-bd6f466 .milano-banner-image__image :is(img, video),
body.home .elementor-element-122f4e2 .milano-banner-image__image :is(img, video) {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

body.home .elementor-element-ea186a7 .milano-banner-image__overlay,
body.home .elementor-element-bd6f466 .milano-banner-image__overlay,
body.home .elementor-element-122f4e2 .milano-banner-image__overlay {
	z-index: 1;
	background-color: transparent;
	opacity: 1;
	pointer-events: none;
}

body.home .elementor-element-ea186a7 .milano-banner-image__content,
body.home .elementor-element-bd6f466 .milano-banner-image__content,
body.home .elementor-element-122f4e2 .milano-banner-image__content {
	z-index: 2;
}

body.home .elementor-element-ec6ab57 .elementor-element-ea186a7 .milano-banner-image .milano-banner-image__overlay {
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.92) 0%,
		rgba(0, 0, 0, 0.82) 12%,
		rgba(0, 0, 0, 0.6) 22%,
		rgba(0, 0, 0, 0.3) 32%,
		rgba(0, 0, 0, 0.1) 39%,
		transparent 45%
	) !important;
}

body.home .elementor-element-ec6ab57 .elementor-element-bd6f466 .milano-banner-image .milano-banner-image__overlay {
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.92) 0%,
		rgba(0, 0, 0, 0.82) 12%,
		rgba(0, 0, 0, 0.58) 22%,
		rgba(0, 0, 0, 0.28) 32%,
		rgba(0, 0, 0, 0.08) 38%,
		transparent 44%
	) !important;
}

body.home .elementor-element-ec6ab57 .elementor-element-122f4e2 .milano-banner-image .milano-banner-image__overlay {
	background-image: radial-gradient(
		ellipse 110% 72% at 50% 100%,
		rgba(0, 0, 0, 0.95) 0%,
		rgba(0, 0, 0, 0.86) 28%,
		rgba(0, 0, 0, 0.62) 48%,
		rgba(0, 0, 0, 0.32) 65%,
		rgba(0, 0, 0, 0.1) 78%,
		transparent 90%
	) !important;
}

@media (max-width: 767px) {
	body.home .elementor-element-ec6ab57 > .e-con-inner {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
	}

	body.home .elementor-element-ea186a7,
	body.home .elementor-element-bd6f466,
	body.home .elementor-element-122f4e2 {
		grid-column: auto !important;
		grid-row: auto !important;
		width: 100%;
	}

	body.home .elementor-element-ea186a7,
	body.home .elementor-element-bd6f466 {
		aspect-ratio: 3 / 5;
	}

	body.home .elementor-element-122f4e2 {
		aspect-ratio: 16 / 9;
	}
}

/* Homepage product-with-banner: compact quote action in the product bar. */
body.home .elementor-element-be55f74 .milano-product-with-banner__product {
	min-width: 0;
}

body.home .elementor-element-be55f74 .milano-product-with-banner__product .product-card-title {
	min-width: 0;
}

body.home .elementor-element-be55f74 :is(
	.clickcam-quote-control--promo-slider,
	.clickcam-promo-slider-select-options
) {
	flex: 0 0 auto;
	margin-left: auto;
}

body.home .elementor-element-be55f74 .clickcam-quote-control--promo-slider {
	align-items: stretch;
	gap: 0;
}

body.home .elementor-element-be55f74 :is(
	.clickcam-quote-control--promo-slider .clickcam-quote-button,
	.clickcam-quote-control--promo-slider .clickcam-quote-browse,
	.clickcam-promo-slider-select-options
) {
	--btn-height: 36px;
	--btn-padding-y: 0.5rem;
	--btn-padding-x: 1rem;
	--btn-font-size: 13px;
	--btn-action-color: #fff;
	--btn-action-bg-color: #263c97;
	--btn-action-hover-color: #fff;
	--btn-action-hover-bg-color: #F5A623;
	min-width: 0;
	border-radius: 22px;
	font-weight: 600;
	white-space: nowrap;
}

/* Homepage product-with-banner: consistent responsive product cards. */
@media (max-width: 1024px) {
	body.home .elementor-element-be55f74 .milano-product-with-banner__product {
		box-sizing: border-box;
	}

	body.home .elementor-element-be55f74 .milano-product-with-banner__product .product-card-thumbnail {
		flex: 0 0 auto;
		width: 100%;
		height: clamp(270px, 72vw, 360px);
		aspect-ratio: auto;
		overflow: hidden;
	}

	body.home .elementor-element-be55f74 .milano-product-with-banner__product .product-card-thumbnail > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}

	body.home .elementor-element-be55f74 .milano-product-with-banner__product .product-card-thumbnail img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}

	body.home .elementor-element-be55f74 .milano-product-with-banner__product .product-card-title {
		display: -webkit-box;
		width: 100%;
		min-height: 2lh;
		max-height: 2lh;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	body.home .elementor-element-be55f74 :is(
		.clickcam-quote-control--promo-slider,
		.clickcam-promo-slider-select-options
	) {
		width: 100%;
		margin-left: 0;
	}

	body.home .elementor-element-be55f74 :is(
		.clickcam-quote-control--promo-slider .clickcam-quote-button,
		.clickcam-quote-control--promo-slider .clickcam-quote-browse,
		.clickcam-promo-slider-select-options
	) {
		width: 100%;
	}
}

@media (max-width: 767px) {
	body.home .elementor-element-be55f74 .milano-product-with-banner__product .product-card-title {
		min-height: 2lh;
	}

	body.home .elementor-element-be55f74 .milano-product-with-banner__content {
		padding-bottom: 15px;
	}

	body.home .elementor-element-be55f74 .swiper-pagination--elementor {
		margin-top: 15px;
	}
}

/* Wishlist — hide Edit wishlist link */
.wcboost-wishlist-edit-link-wrapper {
    display: none !important;
}

/* Wishlist — show only WhatsApp share */
.wcboost-wishlist-share .wishlist-share__buttons > li {
    display: none !important;
}

.wcboost-wishlist-share .wishlist-share__buttons > li.wishlist-share__whatsapp {
    display: list-item !important;
}

/* Single product — tighten Related Products section */
.single-product .related.products {
    border-top: 0 !important;
    margin-top: 25px !important;
    padding-top: 0 !important;
}

/* After Hosting*/
/* Shop top categories — desktop vertical spacing */
@media (min-width: 1024px) {

    /* Space between category image and category title */
    
    .shop-top-categories .top-categories-item-title {
        margin-top: 8px !important;
    }

    /* Space between category title and bottom of blue ribbon */
    
    .shop-top-categories .top-categories-item {
        padding-bottom: 0 !important;
    }
}

/* Shop category ribbon — remove desktop pagination space */
@media (min-width: 1024px) {
    
    .shop-top-categories .swiper-pagination {
        display: none !important;
        margin: 0 !important;
        height: 0 !important;
    }
}
@media (min-width: 1024px) {
    
    .shop-top-categories .top-categories-list {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

 .shop-top-categories {
    margin-top: 16px;
}

.mt-3 {
    margin-top: calc(var(--spacing-unit) * 3);
    margin-bottom: calc(var(--spacing-unit) * -2);
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    margin-top: calc(var(--spacing-unit) * 0);
}

.top-categories-item .category-image {
    margin-top: 5px !important;
}

/* =====================================================
   CATEGORY ARCHIVES — HIDE SUBCATEGORY CARDS
   Shop page is unaffected
===================================================== */

body.tax-product_cat
ul.products
li.product-category {
    display: none !important;
}

/* =====================================================
   CATEGORY ARCHIVES — HIDE SUBCATEGORY CARDS
   Shop page is unaffected
===================================================== */

body.tax-product_cat
ul.products
li.product-category {
    display: none !important;
}
/* Hide top category/subcategory slider on category archives only */
/* body.tax-product_cat .shop-top-categories,
body.tax-product_cat .shop-top-categories-slider {
    display: none !important;
} */
/* =====================================================
   TOP CATEGORY CARDS
   Show ONLY on the main Shop page
===================================================== */

/* body:not(.woocommerce-shop) .shop-top-categories {
    display: none !important;
} */

/* =====================================================
   HOME FEATURED PRODUCTS
   Hide mobile tab horizontal scrollbar only
===================================================== */

@media (max-width: 767.98px) {

    .elementor-element-9e0abd4
    .milano-product-tabs__header-inner {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .elementor-element-9e0abd4
    .milano-product-tabs__header-inner::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

/* =====================================================
   WISHLIST — HIDE PRICE + STOCK STATUS
===================================================== */

.wishlist_table th.product-price,
.wishlist_table td.product-price,
.wishlist_table th.product-stock-status,
.wishlist_table td.product-stock-status {
    display: none !important;
}


/* =====================================================
   WISHLIST — REMOVE BUTTON BESIDE ADD TO QUOTE
===================================================== */

.wishlist_table tbody tr {
    position: relative;
}

/* Remove the original remove column from layout */
.wishlist_table .product-remove {
    width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Move X beside Add To Quote */
.wishlist_table .product-remove .remove {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid #e1e3e8;
    border-radius: 50%;

    background: #fff;
    color: #555 !important;

    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;

    transition: 0.2s ease;
}

.wishlist_table .product-remove .remove:hover {
    border-color: #F5A623;
    background: #F5A623;
    color: #fff !important;
}

/* Make room for X */
.wishlist_table .product-add-to-cart {
    width: 250px;
    padding-right: 76px !important;
}

@media (max-width: 767.98px) {

    .wishlist_table .product-add-to-cart {
        padding-right: 50px !important;
        position: relative;
    }

    .wishlist_table .product-remove .remove {
        top: auto;
        bottom: 14px;
        right: 14px;
        transform: none;

        width: 40px;
        height: 40px;
    }

    .wishlist_table .product-add-to-cart .clickcam-quote-button,
    .wishlist_table .product-add-to-cart .clickcam-quote-browse {
        width: 100%;
    }
}

/* =====================================================
   SINGLE PRODUCT — CONSISTENT MAIN IMAGE SIZE
   Keeps white space around product images
===================================================== */

.single-product
.woocommerce-product-gallery
.woocommerce-product-gallery__image > a {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    aspect-ratio: 1 / 1;

    padding: 55px !important;
    box-sizing: border-box;

    background: #fff;
}

/* Actual product image */
.single-product
.woocommerce-product-gallery
.woocommerce-product-gallery__image > a > img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center !important;
}

@media (max-width: 767.98px) {

    .single-product
    .woocommerce-product-gallery
    .woocommerce-product-gallery__image > a {
        padding: 28px !important;
    }
}

/* =====================================================
   SHOP TOP CATEGORY RIBBON — SQUARE IMAGES
===================================================== */

.shop-top-categories .category-image {
    width: 105px !important;
    height: 105px !important;
    aspect-ratio: 1 / 1 !important;
    margin-inline: auto;
    overflow: hidden;
    border-radius: 14px;
}


.shop-top-categories .category-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}


/* =====================================================
   SHOP CATEGORY RIBBON — EXACT EQUAL GAPS
   Edge gap = every card-to-card gap = edge gap
   Desktop only
===================================================== */

@media (min-width: 1024px) {

    
    .shop-top-categories .top-categories-list {
        display: flex !important;
        /* justify-content: space-evenly !important; */
		justify-content: space-between !important;
        align-items: flex-start !important;

        width: 100% !important;

        /* Do not alter existing vertical spacing */
        gap: 0 !important;
    }

    
    .shop-top-categories .top-categories-item {
        /*
         * Override Swiper's inline:
         * width: 104.571px;
         * margin-right: 75px;
         */

        width: 104.571px !important;
        flex: 0 0 104.571px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (min-width: 1024px) {

    
    .shop-top-categories .top-categories-list {
        padding-left: 5px !important; /*change2*/
        padding-right: 5px !important;
        box-sizing: border-box !important;
    }
}
/* Keep Shop ribbon category names on one line */
@media (min-width: 1024px) {

    
    .shop-top-categories .top-categories-item-title {
        white-space: nowrap !important;
        width: max-content !important;
        max-width: none !important;

        /* Keep title centered below image */
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}
@media (min-width: 1024px) {

    
    .shop-top-categories .top-categories-list {
        padding-left: 5px !important;  /*changed8*/
        padding-right: 5px !important;
        box-sizing: border-box !important;
    }
}

/* =====================================================
   SHOP CATEGORY RIBBON — MOBILE EQUAL HORIZONTAL SPACING
===================================================== */

@media (max-width: 767.98px) {

    
    .shop-top-categories .top-categories-list {
        display: flex !important;
        /* justify-content: space-evenly !important; */
		justify-content: space-between !important;

        /* Horizontal adjustment only */
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    
    .shop-top-categories .top-categories-item {
        /* Override Swiper's inline spacing */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

	.top-categories-item-title {
		--text-size: 12px !important;
	}

	 .shop-top-categories > .container-fluid {
        padding-block: 6px;
	}
	
	    .top-categories-list {
        --top-categories-gap: 17px !important;
    }

	:where(.swiper-initialized) .top-categories-list {
     gap: 1 !important;
	}
}

/* Shop results count */
.woocommerce .woocommerce-result-count {
    font-size: 17px !important;
    font-weight: 800 !important;
	color: black;
}

/* Remove separator line between shop sidebar filters */
.products-filter__filter {
    border-bottom: 0 !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
    .swiper-pagination-bullet {
        margin-top: 20px;
    }
}

/* =====================================================
   CLICKCAM FOOTER — BLUE BACKGROUND
===================================================== */

/* Entire footer */
#colophon.site-footer,
#colophon .footer-section,
#colophon .footer-middle,
#colophon .footer-bottom,
#colophon .footer-inner {
    background-color: #263c97 !important;
}


/* =====================================================
   FOOTER TEXT
===================================================== */

#colophon,
#colophon p,
#colophon li,
#colophon .copyright,
#colophon .widget-title {
    color: #ffffff !important;
}


/* Footer links */
#colophon a {
    color: #ffffff !important;
}

#colophon a:hover {
    color: #F5A623 !important;
}


/* =====================================================
   PHONE + EMAIL ICONS
===================================================== */

#colophon .store-info,
#colophon .store-info a,
#colophon .store-info svg {
    color: #ffffff !important;
}


/* =====================================================
   NEWSLETTER INPUT
===================================================== */

#colophon input[type="email"] {
    background: #ffffff !important;
    color: #222222 !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

#colophon input[type="email"]::placeholder {
    color: #777777 !important;
}


/* Newsletter Sign Up button */
#colophon input[type="submit"] {
    background: #ffffff !important;
    color: #263c97 !important;
    border-color: #ffffff !important;
}

#colophon input[type="submit"]:hover {
    background: #F5A623 !important;
    color: #ffffff !important;
    border-color: #F5A623 !important;
}


/* =====================================================
   INSTAGRAM
===================================================== */

#colophon .wp-block-social-link {
    color: #ffffff !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

#colophon .wp-block-social-link svg {
    fill: #ffffff !important;
}


/* =====================================================
   SEPARATOR / BORDERS
===================================================== */

#colophon,
#colophon .footer-bottom,
#colophon .border-top {
    border-color: rgba(255, 255, 255, 0.20) !important;
}

footer#colophon {
    margin-top: 50px;
}

/* =====================================================
   FOOTER — FORM + INSTAGRAM REFINEMENT
===================================================== */

/* Email field — subtle border */
#colophon input[type="email"] {
    border: 1px solid rgba(38, 60, 151, 0.35) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}


/* Sign Up button — subtle border */
#colophon input[type="submit"] {
    border: 1px solid rgba(38, 60, 151, 0.35) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}


/* Instagram circle — white inside */
#colophon .wp-social-link-instagram {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid rgba(255, 255, 255, 0.65) !important;
}


/* Instagram icon — black */
#colophon .wp-social-link-instagram svg,
#colophon .wp-social-link-instagram svg path {
    fill: #111111 !important;
    color: #111111 !important;
}


/* Instagram hover */
#colophon .wp-social-link-instagram:hover {
    background: #F5A623 !important;
    border-color: #F5A623 !important;
}

/* =====================================================
   SEARCH — VIEW ALL RESULTS AS TEXT LINK
===================================================== */

.search-results__view-all a.button {
    display: inline-block !important;

    /* Remove button appearance */
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 0 !important;

    /* Text link styling */
    color: #263c97 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}

/* Hover */
.search-results__view-all a.button:hover {
    background: transparent !important;
    color: #F5A623 !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}

/* Remove any button movement/animation */
.search-results__view-all a.button:active,
.search-results__view-all a.button:focus {
    transform: none !important;
}

/* =====================================================
   PRODUCT PAGE + STICKY BAR
   ADD TO QUOTE / BROWSE QUOTE — HOVER
===================================================== */

/* Smooth transition */
body.single-product .clickcam-single-product-action,
body.single-product .sticky-atc__btn[data-quote-action] {
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease !important;
}


/* Product page button — both Add & Browse states */
body.single-product
.psmraq-add-to-quote-wrapper
.clickcam-single-product-action:hover,
body.single-product
.psmraq-add-to-quote-wrapper
.clickcam-single-product-action:focus-visible {
    background: #F5A623 !important;
    background-color: #F5A623 !important;
    border-color: #F5A623 !important;
    color: #ffffff !important;
}


/* Sticky bar button — both Add & Browse states */
body.single-product
.sticky-atc__btn[data-quote-action]:hover,
body.single-product
.sticky-atc__btn[data-quote-action]:focus-visible {
    background: #F5A623 !important;
    background-color: #F5A623 !important;
    border-color: #F5A623 !important;
    color: #ffffff !important;
}


/* Make inner sticky button text inherit hover color */
body.single-product
.sticky-atc__btn[data-quote-action]:hover .button__text,
body.single-product
.sticky-atc__btn[data-quote-action]:focus-visible .button__text {
    color: #ffffff !important;
}

/* =====================================================
   SINGLE PRODUCT — WISHLIST ICON HOVER
===================================================== */

body.single-product
a.wcboost-wishlist-single-button {
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease !important;
}

/* Orange hover */
body.single-product
a.wcboost-wishlist-single-button:hover,
body.single-product
a.wcboost-wishlist-single-button:focus-visible {
    background: #F5A623 !important;
    background-color: #F5A623 !important;
    border-color: #F5A623 !important;
    color: #ffffff !important;
}

/* Make heart icon white on hover */
body.single-product
a.wcboost-wishlist-single-button:hover svg,
body.single-product
a.wcboost-wishlist-single-button:focus-visible svg {
    color: #ffffff !important;
    fill: currentColor !important;
}

/* SVG <use> inherits the white color */
body.single-product
a.wcboost-wishlist-single-button:hover .icon-wishlist,
body.single-product
a.wcboost-wishlist-single-button:focus-visible .icon-wishlist {
    color: #ffffff !important;
}

/* =====================================================
   QUOTE PAGE — SEND REQUEST CARD
   Match "Items in Your Quote" box
===================================================== */

/* Turn the complete form section into a card */
.psmraq-shortcode-quote-request .quote-form {
    background: #ffffff !important;

    border: 1px solid #e1e4e8 !important;
    border-radius: 14px !important;

    padding: 22px !important;

    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.035) !important;

    box-sizing: border-box !important;
    width: 100% !important;

    gap: 14px !important;
}


/* =====================================================
   SEND THE REQUEST HEADER
===================================================== */

.psmraq-shortcode-quote-request
.quote-form .quote-list-header {
    width: 100% !important;

    padding: 0 0 16px 0 !important;
    margin: 0 0 0 0 !important;

    border-bottom: 1px solid #e1e4e8 !important;

    box-sizing: border-box !important;
}


/* Heading */
.psmraq-shortcode-quote-request
.quote-form .psmraq-page-layout-heading {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222222 !important;
}


/* =====================================================
   FORM
===================================================== */

.psmraq-shortcode-quote-request
.quote-form form {
    width: 100% !important;
    margin: 0 !important;
}


/* Keep Submit button comfortably away from fields */
.psmraq-shortcode-quote-request
.quote-form .psm-button[type="submit"] {
    margin-top: 12px !important;
}

.psm-button.small {
	    margin-right: 22px;
}

.psmraq-shortcode-quote-request .quote-list .quote-list-footer .psm-button.small {
    padding: 12px 22px !important;
 
}

/* =====================================================
   QUOTE LIST — RED CROSS REMOVE ICON
===================================================== */

.psmraq-shortcode-quote-request
.quote-list a.product-remove {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;

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

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    /* Hide "Remove Item" text */
    font-size: 0 !important;
    color: transparent !important;

    cursor: pointer !important;
}


/* Create red X */
.psmraq-shortcode-quote-request
.quote-list a.product-remove::before,
.psmraq-shortcode-quote-request
.quote-list a.product-remove::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 16px !important;
    height: 2px !important;

    background: #dc2626 !important;
    border-radius: 2px !important;

    transform-origin: center !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease !important;
}

.psmraq-shortcode-quote-request
.quote-list a.product-remove::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.psmraq-shortcode-quote-request
.quote-list a.product-remove::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}


/* Hover — darker red */
.psmraq-shortcode-quote-request
.quote-list a.product-remove:hover::before {
    background: #b91c1c !important;
    transform: translate(-50%, -50%) rotate(45deg) scale(1.12) !important;
}

.psmraq-shortcode-quote-request
.quote-list a.product-remove:hover::after {
    background: #b91c1c !important;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1.12) !important;
}

/* =====================================================
   QUOTE LIST — QUANTITY + REMOVE ALIGNMENT
===================================================== */

/* Desktop */
@media (min-width: 768px) {

    .psmraq-shortcode-quote-request
    .quote-list a.product-remove {
        align-self: center !important;
        vertical-align: middle !important;

        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;

        margin-left: 8px !important;
        flex: 0 0 32px !important;
    }

    /* Keep quantity selector vertically centered too */
    .psmraq-shortcode-quote-request
    .quote-list .quantity-selector {
        align-self: center !important;
        flex-shrink: 0 !important;
    }
}


/* =====================================================
   MOBILE — COMPACT AND NO BREAKING
===================================================== */

@media (max-width: 767.98px) {

    /* Product row must have enough room */
    .psmraq-shortcode-quote-request
    .quote-list .quote-item {
        min-width: 0 !important;
    }

    /* Quantity stays compact */
    .psmraq-shortcode-quote-request
    .quote-list .quantity-selector {
        width: 78px !important;
        min-width: 78px !important;
        flex: 0 0 78px !important;
        align-self: center !important;
    }

    /* Remove X */
    .psmraq-shortcode-quote-request
    .quote-list a.product-remove {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        flex: 0 0 30px !important;

        margin-left: 4px !important;
        align-self: center !important;
    }

    /* Slightly smaller X on mobile */
    .psmraq-shortcode-quote-request
    .quote-list a.product-remove::before,
    .psmraq-shortcode-quote-request
    .quote-list a.product-remove::after {
        width: 14px !important;
    }
}

/* Desktop */
@media (min-width: 768px) {

    .psmraq-shortcode-quote-request
    .quote-list a.product-remove {
        position: relative !important;
        top: -3px !important;
    }
}

/* Mobile */
@media (max-width: 767.98px) {

    .psmraq-shortcode-quote-request
    .quote-list a.product-remove {
        top: 0 !important;
		
    }

	
}

/* Mobile — move red remove X slightly to the right */
@media (max-width: 767.98px) {

    .psmraq-shortcode-quote-request
    .quote-list a.product-remove {
        transform: translateX(7px) !important;
    }
}

/*After Live*/

:where(a):hover, :where(a):focus, :where(a):active {
    color: #F5A623;
}


/* Hide List View switcher */
.shop-columns-switcher__btn[data-cols="list"] {
    display: none !important;
}

/* .main-navigation .clickcam-mega-menu {
    border: 5px solid #8d8d8d !important;
    border-radius: 14px !important;
    overflow: hidden;
} */

/* Mega menu dropdown — subtle border + shadow, no top border */
.main-navigation .mega-menu-container {
    border: none !important;
    border-left: 1px solid #e8e8e8 !important;
    border-right: 1px solid #e8e8e8 !important;
    border-bottom: 1px solid #e8e8e8 !important;

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

    /* Soft shadow behind dropdown */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.50) !important;
}

/* =====================================================
   CLICKCAM — TRENDING SEARCH BUTTONS
===================================================== */

.search-trending__list .search-trending__item {
	background-color: #f2f2f2;
	color: #555;
	border-color: #e5e5e5;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease;
}

.search-trending__list .search-trending__item:hover {
	background-color: #ffffff;
	color: #111;
	border-color: #d9d9d9;
}


/* =====================================================
   CLICKCAM — WISHLIST PAGE
   Quote-list inspired layout
===================================================== */

/* Remove excessive space around the wishlist content */
.wcboost-wishlist {
	max-width: 1100px;
	margin: 0 auto;
}

/* Main wishlist card */
.wcboost-wishlist .wcboost-wishlist-form {
	background: #fff;
	border: 1px solid #e1e4e8;
	border-radius: 14px;
	padding: 28px 24px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.035);
}

/* Wishlist table */
.wcboost-wishlist .wishlist_table {
	width: 100%;
	margin: 0;
	border: 0;
}

/* Header */
.wcboost-wishlist .wishlist_table thead th {
	padding: 0 0 20px;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #222;
}

/* Hide columns we don't need */
.wcboost-wishlist .wishlist_table .product-price,
.wcboost-wishlist .wishlist_table .product-stock-status {
	display: none;
}

/* Product rows */
.wcboost-wishlist .wishlist_table tbody tr {
	border: 0;
	border-bottom: 1px solid #eeeeee;
}

.wcboost-wishlist .wishlist_table tbody tr:last-child {
	border-bottom: 0;
}

/* All product cells */
.wcboost-wishlist .wishlist_table tbody td {
	padding-top: 20px;
	padding-bottom: 20px;
	border: 0;
	vertical-align: middle;
}

/* Product image */
.wcboost-wishlist .wishlist_table .product-thumbnail {
	width: 105px;
	padding-right: 20px;
}

.wcboost-wishlist .wishlist_table .product-thumbnail img {
	display: block;
	width: 88px;
	height: 88px;
	object-fit: contain;
	background: #f8f8f8;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	padding: 8px;
}

/* Product title */
.wcboost-wishlist .wishlist_table .product-name {
	padding-left: 0;
}

.wcboost-wishlist .wishlist_table .product-name a {
	color: #171717;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

.wcboost-wishlist .wishlist_table .product-name a:hover {
	color: #2943a5;
}

/* Add To Quote area */
.wcboost-wishlist .wishlist_table .product-add-to-cart {
	width: 180px;
	text-align: right;
	white-space: nowrap;
}

.wcboost-wishlist .wishlist_table .clickcam-quote-control {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* Remove button — place it at the right */
.wcboost-wishlist .wishlist_table .product-remove {
	width: 45px;
	text-align: right;
}

.wcboost-wishlist .wishlist_table .product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;
	padding: 0;

	font-size: 0;
	line-height: 0;

	background: transparent;
	border: 0;
	border-radius: 0;

	text-decoration: none;
	position: relative;
}

/* Red remove X */
.wcboost-wishlist .wishlist_table .product-remove .remove::before,
.wcboost-wishlist .wishlist_table .product-remove .remove::after {
	content: "";
	position: absolute;

	width: 16px;
	height: 2px;

	background: #ef3340;
	border-radius: 2px;

	transition: transform .2s ease, opacity .2s ease;
}

.wcboost-wishlist .wishlist_table .product-remove .remove::before {
	transform: rotate(45deg);
}

.wcboost-wishlist .wishlist_table .product-remove .remove::after {
	transform: rotate(-45deg);
}

.wcboost-wishlist .wishlist_table .product-remove .remove:hover::before {
	transform: rotate(45deg) scale(1.12);
}

.wcboost-wishlist .wishlist_table .product-remove .remove:hover::after {
	transform: rotate(-45deg) scale(1.12);
}

/* Share section */
.wcboost-wishlist-footer {
	max-width: 1100px;
	margin: 28px auto 0;
}



/* =====================================================
   CLICKCAM WISHLIST — REMOVE BUTTON ON RIGHT
===================================================== */

/* Each wishlist product row becomes the positioning reference */
.wcboost-wishlist .wishlist_table tbody tr.wcboost-wishlist__item {
	position: relative;
}

/* Hide the original first remove column from the table layout */
.wcboost-wishlist .wishlist_table tbody td.product-remove {
	position: absolute !important;
	top: 50%;
	right: 10px;
	z-index: 5;

	width: 36px !important;
	height: 36px;
	padding: 0 !important;
	margin: 0;

	transform: translateY(-50%);

	display: flex !important;
	align-items: center;
	justify-content: center;
}

/* Give the Add To Quote area room for the X */
.wcboost-wishlist .wishlist_table tbody td.product-add-to-cart {
	padding-right: 60px !important;
}

/* Remove link */
.wcboost-wishlist .wishlist_table .product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;
	padding: 0;

	font-size: 0;
	line-height: 0;

	background: transparent;
	border: 0;
	text-decoration: none;

	position: relative;
}

/* Red X */
.wcboost-wishlist .wishlist_table .product-remove .remove::before,
.wcboost-wishlist .wishlist_table .product-remove .remove::after {
	content: "";
	position: absolute;

	width: 16px;
	height: 2px;

	background: #ef3340;
	border-radius: 2px;
}

.wcboost-wishlist .wishlist_table .product-remove .remove::before {
	transform: rotate(45deg);
}

.wcboost-wishlist .wishlist_table .product-remove .remove::after {
	transform: rotate(-45deg);
}

/* =====================================================
   CLICKCAM — WISHLIST MOBILE ALIGNMENT
===================================================== */

@media (max-width: 767px) {

	/* Wishlist card */
	.wcboost-wishlist .wcboost-wishlist-form {
		padding: 18px;
		border-radius: 12px;
	}


	/* Hide desktop table heading on mobile */
	.wcboost-wishlist .wishlist_table thead {
		display: none;
	}

	/* Product row */
	.wcboost-wishlist .wishlist_table tbody tr.wcboost-wishlist__item {
		position: relative;
		display: grid !important;
		grid-template-columns: 58px minmax(0, 1fr) 30px;
		grid-template-rows: auto auto;
		column-gap: 16px;
		row-gap: 12px;

		align-items: center;

		padding: 18px 0 !important;
		border-bottom: 1px solid #eeeeee;
	}

	.wcboost-wishlist .wishlist_table tbody tr.wcboost-wishlist__item:last-child {
		border-bottom: 0;
	}

	/* Reset table cells on mobile */
	.wcboost-wishlist .wishlist_table tbody tr.wcboost-wishlist__item > td {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
	}

	/* Product image */
	.wcboost-wishlist .wishlist_table tbody td.product-thumbnail {
		grid-column: 1;
		grid-row: 1 / 3;
		align-self: center;
	}

	.wcboost-wishlist .wishlist_table .product-thumbnail img {
		width: 56px;
		height: 66px;
		padding: 6px;
		object-fit: contain;
		border-radius: 7px;
	}

	/* Product title */
	.wcboost-wishlist .wishlist_table tbody td.product-name {
		grid-column: 2;
		grid-row: 1;

		align-self: end;
	}

	.wcboost-wishlist .wishlist_table .product-name a {
		display: block;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.45;
	}

	/* Add To Quote */
	.wcboost-wishlist .wishlist_table tbody td.product-add-to-cart {
		grid-column: 2;
		grid-row: 2;

		text-align: left !important;
		align-self: start;
	}

	.wcboost-wishlist .wishlist_table .product-add-to-cart .clickcam-quote-control {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.wcboost-wishlist .wishlist_table .product-add-to-cart .clickcam-quote-button,
	.wcboost-wishlist .wishlist_table .product-add-to-cart .clickcam-quote-browse {
		font-size: 10px;
		min-height: 30px;
		padding: 7px 14px;
		white-space: nowrap;
	}

	/* Remove X */
	.wcboost-wishlist .wishlist_table tbody td.product-remove {
		position: static !important;
		grid-column: 3;
		grid-row: 1 / 3;

		display: flex !important;
		align-items: center;
		justify-content: center;

		width: 30px !important;
		height: 30px;

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

	.wcboost-wishlist .wishlist_table .product-remove .remove {
		width: 30px;
		height: 30px;
	}

	.wcboost-wishlist .wishlist_table .product-remove .remove::before,
	.wcboost-wishlist .wishlist_table .product-remove .remove::after {
		width: 14px;
		height: 2px;
	}

	/* Keep unwanted columns hidden */
	.wcboost-wishlist .wishlist_table tbody td.product-price,
	.wcboost-wishlist .wishlist_table tbody td.product-stock-status {
		display: none !important;
	}

	/* Share section spacing */
	.wcboost-wishlist-footer {
		margin-top: 24px;
	}
}

@media (max-width: 767px) {

	/* Hide unused Wishlist columns on mobile */
	.wcboost-wishlist table.wishlist_table tbody tr.wcboost-wishlist__item > td.product-price,
	.wcboost-wishlist table.wishlist_table tbody tr.wcboost-wishlist__item > td.product-stock-status {
		display: none !important;
	}
}

/* Hide Milano product-filter scrollbar everywhere */
.products-filter__filter.products-filter--scrollable,
.products-filter__filter.products-filter--scrollable .filter-control,
.products-filter__filter.products-filter--scrollable .filter-options {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.products-filter__filter.products-filter--scrollable::-webkit-scrollbar,
.products-filter__filter.products-filter--scrollable .filter-control::-webkit-scrollbar,
.products-filter__filter.products-filter--scrollable .filter-options::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Browse Quote List — keep text white on hover */
/* Browse Quote List — white text on product-card hover */
:where(ul.products:not(.layout-list)) > li.product.product-card
.clickcam-quote-control--loop
a.clickcam-quote-browse:hover,
:where(ul.products:not(.layout-list)) > li.product.product-card
.clickcam-quote-control--loop
a.clickcam-quote-browse:focus,
:where(ul.products:not(.layout-list)) > li.product.product-card
.clickcam-quote-control--loop
a.clickcam-quote-browse:active {
    color: #fff !important;
}