/**
 * SampMarket modern visual system.
 * Loaded after Flatsome and the legacy Customizer CSS.
 */

:root {
	--sm-bg: #141618;
	--sm-bg-deep: #0c0e10;
	--sm-surface: #1c1f22;
	--sm-surface-2: #24282c;
	--sm-surface-3: #2b3035;
	--sm-border: rgba(255, 255, 255, 0.09);
	--sm-border-strong: rgba(255, 255, 255, 0.16);
	--sm-text: #f4f6f8;
	--sm-muted: #a7afb8;
	--sm-accent: #f5b51b;
	--sm-accent-hover: #ffc83d;
	--sm-accent-soft: rgba(245, 181, 27, 0.13);
	--sm-success: #35c48d;
	--sm-danger: #ff6474;
	--sm-info: #55b8ff;
	--sm-radius-sm: 9px;
	--sm-radius: 14px;
	--sm-radius-lg: 20px;
	--sm-shadow: 0 16px 44px rgba(0, 0, 0, 0.28);
	--sm-shadow-hover: 0 22px 54px rgba(0, 0, 0, 0.4);
	--sm-header-height: 72px;
}


/* ==========================================================
   MI CUENTA — sistema visual compacto, consistente y responsive
   ========================================================== */
body.woocommerce-account {
	--sm-account-panel: #171b1f;
	--sm-account-panel-2: #1d2227;
	--sm-account-border: #343b42;
	--sm-account-muted: #aeb7c0;
}

body.woocommerce-account .page-wrapper.my-account {
	margin: 0 !important;
	padding: 0 0 56px !important;
}

body.woocommerce-account .page-wrapper.my-account > .container {
	width: min(100% - 32px, 1120px) !important;
	max-width: 1120px !important;
	padding: 0 !important;
}

body.woocommerce-account .row.vertical-tabs {
	display: grid !important;
	grid-template-columns: 238px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 24px !important;
	margin: 0 !important;
}

body.woocommerce-account .row.vertical-tabs > .col {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	flex-basis: auto !important;
}

body.woocommerce-account .row.vertical-tabs > .col-border {
	border: 0 !important;
}

body.woocommerce-account .account-user {
	display: grid !important;
	grid-template-columns: 46px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 72px !important;
	margin: 0 0 10px !important;
	padding: 12px 14px !important;
	background: linear-gradient(135deg, rgba(245,181,27,.1), var(--sm-account-panel)) !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 14px !important;
}

body.woocommerce-account .account-user .image {
	width: 46px !important;
	height: 46px !important;
	margin: 0 !important;
}

body.woocommerce-account .account-user .image img {
	width: 46px !important;
	height: 46px !important;
	object-fit: cover !important;
	border: 2px solid rgba(245,181,27,.55) !important;
}

body.woocommerce-account .account-user .user-name {
	min-width: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	font-size: .9rem !important;
	line-height: 1.3 !important;
	overflow-wrap: anywhere;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
	padding: 8px !important;
	background: #0d0f11 !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 14px !important;
	box-shadow: 0 16px 40px rgba(0,0,0,.2) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: grid !important;
	gap: 3px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex !important;
	align-items: center !important;
	min-height: 42px !important;
	padding: 9px 11px !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	border-radius: 9px !important;
	color: #dbe1e6 !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: .015em !important;
	text-transform: none !important;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible {
	background: rgba(245,181,27,.12) !important;
	border-color: rgba(245,181,27,.34) !important;
	color: var(--sm-accent) !important;
	box-shadow: inset 3px 0 0 var(--sm-accent) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
	min-width: 0 !important;
	margin: 0 !important;
	padding: clamp(20px, 3vw, 30px) !important;
	background: linear-gradient(155deg, #1b2024, #15191c) !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 48px rgba(0,0,0,.2) !important;
	color: #eef2f5 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > :first-child:not(.woocommerce-notices-wrapper),
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper + * {
	margin-top: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content h1,
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content h4,
body.woocommerce-account .woocommerce-MyAccount-content legend,
body.woocommerce-account .woocommerce-MyAccount-content label,
body.woocommerce-account .woocommerce-MyAccount-content th,
body.woocommerce-account .woocommerce-MyAccount-content strong {
	color: #f5f7f8 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content td,
body.woocommerce-account .woocommerce-MyAccount-content address,
body.woocommerce-account .woocommerce-MyAccount-content small {
	color: #c7cfd6 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
	color: var(--sm-accent) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea {
	width: 100% !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 10px 13px !important;
	background: #121619 !important;
	border: 1px solid #404850 !important;
	border-radius: 9px !important;
	box-shadow: none !important;
	color: #f3f5f7 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content textarea {
	min-height: 112px !important;
	resize: vertical;
}

body.woocommerce-account .woocommerce-MyAccount-content input:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	border-color: var(--sm-accent) !important;
	box-shadow: 0 0 0 3px rgba(245,181,27,.14) !important;
	outline: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .form-row {
	margin: 0 0 16px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .form-row label {
	display: block !important;
	margin: 0 0 7px !important;
	font-size: .84rem !important;
	line-height: 1.35 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content fieldset {
	margin: 22px 0 18px !important;
	padding: 20px !important;
	background: #15191d !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
	width: auto !important;
	margin: 0 !important;
	padding: 0 8px !important;
	font-size: .95rem !important;
	font-weight: 800 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"] {
	min-height: 42px !important;
	padding: 10px 17px !important;
	background: linear-gradient(135deg, #f5b51b, #ffc94b) !important;
	border: 1px solid #f5b51b !important;
	border-radius: 9px !important;
	box-shadow: none !important;
	color: #111417 !important;
	font-size: .78rem !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	text-shadow: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button:hover,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover {
	filter: brightness(1.07) !important;
	transform: translateY(-1px);
}

body.woocommerce-account .woocommerce-MyAccount-content table,
body.woocommerce-account .woocommerce-MyAccount-content .touch-scroll-table {
	width: 100% !important;
	margin: 0 !important;
	background: #15191c !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table {
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content th {
	padding: 12px 13px !important;
	background: #20262b !important;
	border-color: var(--sm-account-border) !important;
	font-size: .72rem !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
}

body.woocommerce-account .woocommerce-MyAccount-content td {
	padding: 13px !important;
	background: #171b1f !important;
	border-color: #30373d !important;
	font-size: .82rem !important;
	vertical-align: middle !important;
}

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .dokan-alert {
	margin: 0 0 18px !important;
	padding: 15px 17px !important;
	background: #1c2226 !important;
	border: 1px solid var(--sm-account-border) !important;
	border-left: 3px solid var(--sm-accent) !important;
	border-radius: 10px !important;
	color: #e8edf0 !important;
}

body.woocommerce-account .woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px !important;
	margin: 20px 0 0 !important;
}

body.woocommerce-account .woocommerce-Addresses > .col-1,
body.woocommerce-account .woocommerce-Addresses > .col-2 {
	width: 100% !important;
	max-width: none !important;
	padding: 18px !important;
	background: #15191d !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 12px !important;
}

body.woocommerce-account .woocommerce-Addresses header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 0 12px !important;
	padding: 0 0 11px !important;
	border-bottom: 1px solid var(--sm-account-border) !important;
}

body.woocommerce-account .woocommerce-Addresses header h3 {
	margin: 0 !important;
	font-size: 1rem !important;
}

body.woocommerce-account #dokan-seller-listing-wrap ul.dokan-seller-wrap {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px !important;
}

body.woocommerce-account #dokan-seller-listing-wrap ul.dokan-seller-wrap > li,
body.woocommerce-account .sampmarket-support-chat,
body.woocommerce-account .sm-mediation-app {
	background: #151a1e !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 14px !important;
}

body.woocommerce-account .sampmarket-support-chat,
body.woocommerce-account .sm-mediation-app {
	overflow: hidden !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .dokan-support-topic-wrapper table,
body.woocommerce-account .woocommerce-MyAccount-content .sm-mediation-app table {
	border-radius: 10px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	margin-top: 16px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button {
	margin: 0 !important;
}

body.woocommerce-account .payment-icons,
body.woocommerce-account .absolute-footer .payment-icons {
	display: none !important;
}

@media (max-width: 849px) {
	body.woocommerce-account .page-wrapper.my-account > .container {
		width: min(100% - 24px, 720px) !important;
	}

	body.woocommerce-account .row.vertical-tabs {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 16px !important;
	}

	body.woocommerce-account .account-user {
		margin-bottom: 8px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 5px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation li a {
		min-height: 40px !important;
		padding: 8px 10px !important;
		font-size: .75rem !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		padding: 20px !important;
	}

	body.woocommerce-account .woocommerce-Addresses,
	body.woocommerce-account #dokan-seller-listing-wrap ul.dokan-seller-wrap {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content .touch-scroll-table {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 479px) {
	body.woocommerce-account .page-wrapper.my-account > .container {
		width: min(100% - 18px, 440px) !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		padding: 16px !important;
		border-radius: 13px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content fieldset,
	body.woocommerce-account .woocommerce-Addresses > .col-1,
	body.woocommerce-account .woocommerce-Addresses > .col-2 {
		padding: 15px !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content table.responsive thead {
		display: none !important;
	}
}

/* ================================================================
   MINICARRITO + ESTABILIDAD DEL CHECKOUT (2026-08-29)
   ================================================================ */
.off-canvas-cart,
.off-canvas-cart #cart-popup,
.off-canvas-cart .cart-popup-inner,
.off-canvas-cart .widget_shopping_cart,
.off-canvas-cart .widget_shopping_cart_content {
	background: #15191d !important;
	color: #f4f6f8 !important;
}

.off-canvas-cart {
	width: min(400px, 100vw) !important;
	border-left: 1px solid #303941 !important;
	box-shadow: -22px 0 58px rgba(0, 0, 0, .45) !important;
}

.off-canvas-cart .cart-popup-inner {
	padding: 26px 26px 0 !important;
	background: linear-gradient(155deg, #20262b 0%, #171b1f 62%, #12161a 100%) !important;
}

.off-canvas-cart .cart-popup-title {
	padding: 0 4px 18px !important;
	border-bottom: 1px solid #343d45 !important;
	text-align: left !important;
}

.off-canvas-cart .cart-popup-title .heading-font {
	color: #f7f8fa !important;
	font-size: 1.18rem !important;
	font-weight: 850 !important;
	letter-spacing: .04em !important;
}

.off-canvas-cart .cart-popup-title .is-divider {
	width: 42px !important;
	height: 3px !important;
	margin: 10px 0 0 !important;
	background: var(--sm-accent) !important;
}

.off-canvas-cart .woocommerce-mini-cart {
	gap: 12px !important;
	padding: 18px 0 !important;
}

.off-canvas-cart .woocommerce-mini-cart-item {
	min-height: 94px !important;
	margin: 0 !important;
	padding: 14px 42px 14px 92px !important;
	border: 1px solid #333d45 !important;
	border-radius: 14px !important;
	background: linear-gradient(145deg, #1e2429, #191e22) !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
}

.off-canvas-cart .woocommerce-mini-cart-item > a:not(.remove) {
	color: #f4f6f8 !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.off-canvas-cart .woocommerce-mini-cart-item img {
	position: absolute !important;
	top: 14px !important;
	left: 14px !important;
	width: 64px !important;
	height: 64px !important;
	margin: 0 !important;
	border: 1px solid #3b454e !important;
	border-radius: 10px !important;
	object-fit: cover !important;
}

.off-canvas-cart .woocommerce-mini-cart-item a.remove {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	top: 14px !important;
	right: 12px !important;
	width: 28px !important;
	height: 28px !important;
	border: 1px solid #4c5862 !important;
	border-radius: 50% !important;
	background: #171c20 !important;
	color: #cbd2d8 !important;
	line-height: 1 !important;
}

.off-canvas-cart .woocommerce-mini-cart-item a.remove:hover {
	border-color: #ef6674 !important;
	background: rgba(239, 102, 116, .12) !important;
	color: #ff929c !important;
}

.off-canvas-cart .woocommerce-mini-cart-item .variation {
	display: flex !important;
	gap: 5px !important;
	margin: 5px 0 0 !important;
	color: #aeb7bf !important;
	font-size: .78rem !important;
}

.off-canvas-cart .woocommerce-mini-cart-item .variation dt,
.off-canvas-cart .woocommerce-mini-cart-item .variation dd,
.off-canvas-cart .woocommerce-mini-cart-item .variation p {
	margin: 0 !important;
	color: #aeb7bf !important;
}

.off-canvas-cart .ux-mini-cart-qty,
.off-canvas-cart .ux-mini-cart-qty .quantity,
.off-canvas-cart .woocommerce-mini-cart-item .amount {
	color: var(--sm-accent) !important;
	font-weight: 800 !important;
}

.off-canvas-cart .ux-mini-cart-footer {
	position: sticky !important;
	bottom: 0 !important;
	margin: auto -26px 0 !important;
	padding: 18px 26px 26px !important;
	border-top: 1px solid #343e46 !important;
	background: linear-gradient(180deg, #191e22, #13171a) !important;
	box-shadow: 0 -18px 38px rgba(0, 0, 0, .28) !important;
	color: #f4f6f8 !important;
}

.off-canvas-cart .woocommerce-mini-cart__total {
	margin: 0 0 14px !important;
	padding: 0 2px 14px !important;
	border-bottom: 1px solid #343e46 !important;
	color: #e8edf1 !important;
}

.off-canvas-cart .woocommerce-mini-cart__total strong {
	color: #e8edf1 !important;
}

.off-canvas-cart .woocommerce-mini-cart__total .amount {
	color: var(--sm-accent) !important;
	font-size: 1.05rem !important;
	font-weight: 900 !important;
}

.off-canvas-cart .woocommerce-mini-cart__buttons {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 10px !important;
}

.off-canvas-cart .woocommerce-mini-cart__buttons .button {
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	border: 1px solid #46515a !important;
	border-radius: 11px !important;
	background: #242a2f !important;
	color: #f4f6f8 !important;
	font-weight: 850 !important;
	box-shadow: none !important;
}

.off-canvas-cart .woocommerce-mini-cart__buttons .checkout {
	border-color: var(--sm-accent) !important;
	background: linear-gradient(135deg, var(--sm-accent), #ffd05a) !important;
	color: #111417 !important;
	box-shadow: 0 10px 22px rgba(245, 181, 27, .18) !important;
}

.off-canvas-cart .blockUI.blockOverlay,
.off-canvas-cart .blockOverlay,
.off-canvas-cart .woocommerce-mini-cart.loading {
	background: #15191d !important;
	background-color: #15191d !important;
	opacity: .9 !important;
}

.off-canvas-cart .blockUI.blockMsg {
	border: 1px solid #3a454e !important;
	border-radius: 12px !important;
	background: #20262b !important;
	color: #f4f6f8 !important;
}

/* Controles de cantidad: dimensiones estables y sin flechas nativas. */
body.woocommerce-cart td.product-quantity .quantity {
	display: inline-grid !important;
	grid-template-columns: 42px 48px 42px !important;
	width: 132px !important;
	min-width: 132px !important;
	max-width: 132px !important;
	align-items: stretch !important;
	justify-content: center !important;
	vertical-align: middle !important;
}

body.woocommerce-cart td.product-quantity .quantity .minus,
body.woocommerce-cart td.product-quantity .quantity .plus {
	display: grid !important;
	place-items: center !important;
	width: 42px !important;
	min-width: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

body.woocommerce-cart td.product-quantity .quantity .qty {
	width: 48px !important;
	min-width: 48px !important;
	max-width: 48px !important;
	margin: 0 !important;
	appearance: textfield !important;
	-moz-appearance: textfield !important;
}

body.woocommerce-cart td.product-quantity .quantity .qty::-webkit-inner-spin-button,
body.woocommerce-cart td.product-quantity .quantity .qty::-webkit-outer-spin-button {
	margin: 0 !important;
	-webkit-appearance: none !important;
}

/* El resumen no sigue el scroll ni salta durante los refrescos AJAX. */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
	position: static !important;
	top: auto !important;
	transform: none !important;
}

body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment li.wc_payment_method,
body.woocommerce-checkout #payment div.payment_box {
	position: relative !important;
	transform: none !important;
	transition: none !important;
}

body.woocommerce-checkout #payment li.payment_method_sampmarket_nowpayments div.payment_box {
	display: block !important;
	height: auto !important;
	opacity: 1 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order.processing,
body.woocommerce-checkout #payment.processing {
	min-height: 260px;
}

body.woocommerce-checkout .woocommerce-checkout-review-order .blockUI.blockOverlay,
body.woocommerce-checkout #payment .blockUI.blockOverlay {
	position: absolute !important;
	inset: 0 !important;
	background: #171b1f !important;
	background-color: #171b1f !important;
	opacity: .82 !important;
}

@media (max-width: 560px) {
	.off-canvas-cart .cart-popup-inner {
		padding: 22px 20px 0 !important;
	}

	.off-canvas-cart .ux-mini-cart-footer {
		margin-right: -20px !important;
		margin-left: -20px !important;
		padding: 16px 20px 22px !important;
	}

	body.woocommerce-cart td.product-quantity .quantity {
		grid-template-columns: 36px 42px 36px !important;
		width: 114px !important;
		min-width: 114px !important;
		max-width: 114px !important;
	}

	body.woocommerce-cart td.product-quantity .quantity .minus,
	body.woocommerce-cart td.product-quantity .quantity .plus {
		width: 36px !important;
		min-width: 36px !important;
	}

	body.woocommerce-cart td.product-quantity .quantity .qty {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
	}
}

html {
	background: var(--sm-bg-deep);
	scroll-padding-top: calc(var(--sm-header-height) + 20px);
}

body,
body.theme-flatsome,
body.dokan-theme-flatsome {
	padding-top: var(--sm-header-height) !important;
	background:
		radial-gradient(circle at 12% 8%, rgba(245, 181, 27, 0.045), transparent 28rem),
		linear-gradient(180deg, #17191b 0%, var(--sm-bg) 42%, #111315 100%) fixed !important;
	color: var(--sm-text) !important;
	font-family: Lato, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.admin-bar {
	padding-top: calc(var(--sm-header-height) + var(--sm-adminbar-offset, 32px)) !important;
}

body.admin-bar #header.header-full-width {
	top: var(--sm-adminbar-offset, 32px) !important;
}

#main,
#wrapper,
.page-wrapper,
.shop-container,
.dokan-dashboard-wrap {
	background: transparent !important;
}

body p,
body li,
body td,
body label,
body legend {
	color: inherit;
}

body a {
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

body a:hover {
	color: var(--sm-accent-hover);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: var(--sm-text) !important;
	letter-spacing: -0.018em;
}

/* Header */
#header.header-full-width {
	top: 0 !important;
	height: var(--sm-header-height) !important;
	min-height: var(--sm-header-height) !important;
	background: rgba(12, 14, 16, 0.985) !important;
	border-bottom: 1px solid var(--sm-border) !important;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.24) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	transition: background-color 180ms ease, box-shadow 180ms ease !important;
}

#header.header-full-width.is-top {
	background: rgba(10, 12, 14, 0.97) !important;
	border-bottom-color: rgba(255, 255, 255, 0.06) !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18) !important;
}

#header .header-wrapper,
#header .header-main,
#header .header-inner {
	height: var(--sm-header-height) !important;
	min-height: var(--sm-header-height) !important;
}

#header .header-inner {
	padding-inline: clamp(18px, 3vw, 54px) !important;
}

#header #logo,
#header .logo {
	width: clamp(178px, 14vw, 210px) !important;
	margin-right: clamp(18px, 2.5vw, 38px) !important;
}

#header .header-logo,
#header .header-logo-dark {
	max-height: 68px !important;
	width: auto !important;
}

#header .nav > li {
	margin: 0 8px !important;
}

#header .nav > li > a {
	min-height: var(--sm-header-height) !important;
	padding: 0 3px !important;
	color: #eef1f3 !important;
	font-size: 0.79rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.035em;
}

#header .nav > li.active > a,
#header .nav > li > a:hover {
	color: var(--sm-accent) !important;
}

/* Flatsome's box/pill navigation paints the complete link on hover. */
#header .header-nav-main.nav-box > li > a:hover,
#header .header-nav-main.nav-box > li.active > a,
#header .header-nav-main.nav-pills > li > a:hover,
#header .header-nav-main.nav-pills > li.active > a,
#header .header-nav-main > li.current-menu-item > a,
#header .header-nav-main > li.current_page_item > a {
	background: transparent !important;
	box-shadow: none !important;
	color: var(--sm-accent) !important;
}

#header .header-nav-main > li > a::before {
	display: none !important;
	background: transparent !important;
}

#header .nav > li > a::after {
	bottom: 15px !important;
	height: 2px !important;
	border-radius: 999px;
}

#header .cart-icon strong {
	border-color: var(--sm-accent) !important;
	color: var(--sm-accent) !important;
}

#header .cart-icon strong::after {
	border-color: var(--sm-accent) !important;
}

.nav-dropdown,
.mfp-content .account-container,
#login-form-popup .account-container,
.white-popup {
	background: rgba(25, 28, 31, 0.98) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius) !important;
	box-shadow: var(--sm-shadow) !important;
}

/* Page headings and layout */
.sampmarket-hero {
	border-bottom: 1px solid var(--sm-border);
	background-color: var(--sm-bg-deep) !important;
}

.sampmarket-hero .banner-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(8, 10, 12, 0.14), rgba(8, 10, 12, 0.44) 50%, rgba(8, 10, 12, 0.14));
	pointer-events: none;
}

.sampmarket-hero .text-box-content {
	background: transparent !important;
	text-shadow: 0 3px 18px rgba(0, 0, 0, 0.65);
}

.sampmarket-hero .sm-hero-kicker {
	margin-bottom: 12px;
	color: var(--sm-accent) !important;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.sampmarket-hero h1 {
	max-width: 860px;
	margin: 0 auto 16px !important;
	font-size: clamp(2.25rem, 5.1vw, 4.65rem) !important;
	line-height: 0.98 !important;
	letter-spacing: -0.045em !important;
}

.sampmarket-hero .sm-hero-copy {
	max-width: 650px;
	margin: 0 auto 26px;
	color: #cbd1d7 !important;
	font-size: clamp(1rem, 1.45vw, 1.18rem);
	line-height: 1.6;
}

.sampmarket-hero .button {
	margin: 5px 6px !important;
	text-shadow: none;
}

.sampmarket-page-hero {
	margin: 0 !important;
	border-bottom: 1px solid var(--sm-border);
	background: var(--sm-bg-deep) !important;
}

.sampmarket-page-hero .banner-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(7, 9, 11, 0.3), rgba(7, 9, 11, 0.55) 50%, rgba(7, 9, 11, 0.3));
	pointer-events: none;
}

.sampmarket-page-hero .text-box-content {
	background: transparent !important;
	text-shadow: 0 3px 18px rgba(0, 0, 0, 0.7);
}

.sampmarket-page-hero .sm-page-kicker {
	margin-bottom: 10px;
	color: var(--sm-accent) !important;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.17em;
	text-transform: uppercase;
}

.sampmarket-page-hero h1 {
	margin: 0 0 12px !important;
	font-size: clamp(2.35rem, 4.8vw, 4.15rem) !important;
	line-height: 1 !important;
	letter-spacing: -0.04em !important;
}

.sampmarket-page-hero .sm-page-copy {
	max-width: 620px;
	margin: 0 auto;
	color: #c9d0d6 !important;
	font-size: clamp(0.98rem, 1.3vw, 1.12rem);
	line-height: 1.55;
}

.home .featured-box {
	height: 100%;
	padding: 20px 22px;
	background: linear-gradient(145deg, rgba(36, 40, 44, 0.82), rgba(25, 28, 31, 0.9));
	border: 1px solid var(--sm-border);
	border-radius: var(--sm-radius);
}

.home .featured-box h4 {
	margin: 0 !important;
	color: #e9edf1 !important;
	font-size: 0.96rem !important;
	line-height: 1.45;
}

.home .featured-box .icon-inner {
	color: var(--sm-accent) !important;
	opacity: 1 !important;
}

.page-title,
.shop-page-title,
.category-page-title {
	background: linear-gradient(110deg, rgba(11, 13, 15, 0.98), rgba(26, 29, 32, 0.96)) !important;
	border-bottom: 1px solid var(--sm-border) !important;
}

.page-title .page-title-inner,
.shop-page-title .page-title-inner {
	min-height: 0 !important;
	padding-block: 24px !important;
}

.breadcrumbs,
.breadcrumbs a,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
	color: var(--sm-muted) !important;
	font-size: 0.78rem !important;
	letter-spacing: 0.055em;
}

.breadcrumbs .current,
.breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
	color: var(--sm-accent) !important;
}

.shop-container,
.container-width,
.dokan-dashboard-wrap {
	padding-top: clamp(28px, 4vw, 52px) !important;
	padding-bottom: clamp(38px, 5vw, 72px) !important;
}

.page-wrapper {
	padding-top: 0 !important;
}

/* Reusable surfaces */
.sm-surface,
.widget,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword,
.dokan-panel,
.dokan-dashboard-content article,
.dokan-dashboard-content .dokan-form-container,
.dokan-dashboard-content .dokan-settings-content,
.dokan-dashboard-content .dokan-settings-area {
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius) !important;
	background: linear-gradient(145deg, rgba(31, 35, 39, 0.97), rgba(24, 27, 30, 0.98)) !important;
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18) !important;
}

/* Shop sidebar */
#shop-sidebar,
.shop-sidebar .sidebar-inner {
	padding: 22px !important;
	background: linear-gradient(155deg, #1f2326, #191c1f) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius-lg) !important;
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
}

#shop-sidebar .widget,
.shop-sidebar .widget {
	padding: 0 0 24px !important;
	margin-bottom: 24px !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--sm-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#shop-sidebar .widget:last-child,
.shop-sidebar .widget:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}

.widget-title,
.shop-sidebar .widget-title {
	color: var(--sm-text) !important;
	font-size: 0.77rem !important;
	letter-spacing: 0.11em !important;
}

.is-divider {
	height: 3px !important;
	width: 34px !important;
	background: var(--sm-accent) !important;
	border-radius: 999px;
}

.product-categories.widget a,
.product-categories li a,
.widget a {
	color: #d9dde1 !important;
}

.product-categories.widget a:hover,
.product-categories li a:hover,
.widget a:hover {
	color: var(--sm-accent) !important;
}

.widget li {
	border-color: var(--sm-border) !important;
}

/* Product cards */
.products.row {
	row-gap: 24px;
}

.products .product-small .col-inner {
	height: 100%;
	overflow: hidden;
	background: linear-gradient(155deg, var(--sm-surface-2), var(--sm-surface)) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius-lg) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.17);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.products .product-small .col-inner:hover {
	transform: translateY(-5px);
	border-color: rgba(245, 181, 27, 0.34) !important;
	box-shadow: var(--sm-shadow-hover);
}

.products .box-image,
.products .box-image img {
	border-radius: 0 !important;
}

.products .box-image {
	background: #101214;
	aspect-ratio: 1 / 0.86;
}

.products .box-image img {
	height: 100% !important;
	object-fit: cover;
	transition: transform 320ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.products .col-inner:hover .box-image img {
	transform: scale(1.035);
}

.products .box-text {
	padding: 18px 18px 20px !important;
}

.products .category {
	color: var(--sm-muted) !important;
	font-size: 0.68rem !important;
	letter-spacing: 0.08em;
}

.products .name a,
.products .woocommerce-LoopProduct-link {
	color: var(--sm-text) !important;
	font-weight: 700;
}

.products .name a:hover,
.products .woocommerce-LoopProduct-link:hover {
	color: var(--sm-accent) !important;
}

.price,
.price .amount,
span.woocommerce-Price-amount.amount {
	color: var(--sm-accent) !important;
	font-weight: 800 !important;
}

.price del .amount,
del .woocommerce-Price-amount.amount {
	color: #7f8790 !important;
	font-weight: 500 !important;
}

.badge-container {
	margin: 12px 0 0 12px !important;
}

.badge-inner,
.badge-inner.on-sale {
	min-width: 52px;
	padding: 8px 10px !important;
	background: var(--sm-accent) !important;
	border-radius: 999px !important;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.3);
	color: #17191b !important;
	font-weight: 800;
}

.products .product-small .quick-view,
.products .product-small .quick-view.quick-view-added {
	background: var(--sm-accent) !important;
	color: #17191b !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.22);
}

.products .product-small .quick-view:hover {
	background: var(--sm-accent-hover) !important;
	color: #111315 !important;
}

/* Inputs, selectors and buttons */
body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body textarea,
body select,
body .form-control,
body .input-text,
body .ff-el-form-control,
body .wc-block-components-text-input input,
body .wc-block-components-combobox-control input,
body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple,
body .dokan-form-control,
body .components-text-control__input,
body .components-select-control__input {
	min-height: 44px !important;
	background: #171a1d !important;
	border: 1px solid var(--sm-border-strong) !important;
	border-radius: var(--sm-radius-sm) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
	color: var(--sm-text) !important;
}

body input::placeholder,
body textarea::placeholder {
	color: #7f8790 !important;
	opacity: 1;
}

body input:focus,
body textarea:focus,
body select:hover,
body select:focus,
body select:focus-visible,
body .dokan-form-control:focus,
body .select2-container--focus .select2-selection {
	border-color: var(--sm-accent) !important;
	box-shadow: 0 0 0 3px var(--sm-accent-soft) !important;
	outline: none !important;
}

body select option,
.select2-dropdown,
.select2-results__option {
	background: var(--sm-surface-2) !important;
	color: var(--sm-text) !important;
}

body select option:hover,
body select option:focus,
body select option:checked,
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--selected,
body .select2-results__option--highlighted,
body .select2-results__option[aria-selected="true"],
body .chosen-container .chosen-results li.highlighted,
body .chosen-container .chosen-results li.active-result:hover,
body .selectize-dropdown .active,
body .ts-dropdown .active,
body [role="listbox"] [role="option"]:hover,
body [role="listbox"] [role="option"]:focus,
body [role="listbox"] [role="option"][aria-selected="true"],
body .wc-block-components-combobox-control__suggestions-list-item:hover,
body .wc-block-components-combobox-control__suggestions-list-item.is-selected {
	background: var(--sm-accent) !important;
	color: #17191b !important;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected] *,
body .select2-container--default .select2-results__option--selected *,
body [role="listbox"] [role="option"]:hover *,
body [role="listbox"] [role="option"][aria-selected="true"] * {
	color: #17191b !important;
}

body .select2-dropdown,
body .chosen-container .chosen-drop,
body .selectize-dropdown,
body .ts-dropdown,
body [role="listbox"],
body .wc-block-components-combobox-control__suggestions-list {
	background: #171a1d !important;
	border-color: var(--sm-border-strong) !important;
	color: var(--sm-text) !important;
}

/* Los selectores se reconocen por su contenedor y estado; se elimina la
 * flecha/triángulo decorativo que algunos motores colocan fuera del campo. */
body select {
	background-image: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
}

body select::picker-icon,
body .select2-container .select2-selection__arrow,
body .chosen-container-single .chosen-single div,
body .selectize-control.single .selectize-input::after,
body .ts-wrapper.single .ts-control::after {
	display: none !important;
	content: none !important;
}

body select::-ms-expand {
	display: none !important;
}

/* Menú de opciones plenamente personalizable en Chromium moderno. Los demás
 * navegadores conservan el selector nativo y reciben los estados anteriores. */
@supports (appearance: base-select) {
	body select:not([multiple]),
	body select:not([multiple])::picker(select) {
		appearance: base-select;
	}

	body select:not([multiple])::picker(select) {
		margin-top: 7px;
		padding: 5px;
		background: #171a1d;
		border: 1px solid var(--sm-border-strong);
		border-radius: var(--sm-radius-sm);
		color: var(--sm-text);
		box-shadow: 0 16px 34px rgba(0, 0, 0, .38);
	}

	body select:not([multiple]) option {
		padding: 10px 13px;
		border-radius: 8px;
	}

	body select:not([multiple]) option:hover,
	body select:not([multiple]) option:focus,
	body select:not([multiple]) option:checked {
		background: var(--sm-accent) !important;
		color: #17191b !important;
	}

	body select:not([multiple]) option::checkmark {
		color: #17191b;
	}
}

body label,
.form-row label,
.form-group label,
.dokan-form-group label,
.woocommerce form label {
	color: #dfe3e7 !important;
	font-weight: 600;
}


/* Global form rhythm: quiet borders and enough room around every field. */
html body {
	--sm-form-border: #2b3036;
	--sm-form-border-hover: #3a424a;
}

html body form .form-row,
html body form .form-group,
html body form .dokan-form-group,
html body form .woocommerce-form-row,
html body form .ff-el-group,
html body form .wc-block-components-text-input,
html body form .wc-block-components-combobox {
	margin-bottom: 20px !important;
}

html body form .form-row > label,
html body form .form-group > label,
html body form .dokan-form-group > label,
html body form .dokan-form-label,
html body form .ff-el-input--label label,
html body form .wc-block-components-input-row label {
	display: block;
	margin: 0 0 8px !important;
	padding: 0 2px !important;
	line-height: 1.35 !important;
}

html body form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]),
html body form textarea,
html body form select,
html body form .form-control,
html body form .input-text,
html body form .ff-el-form-control,
html body form .dokan-form-control,
html body form .select2-container--default .select2-selection--single,
html body form .select2-container--default .select2-selection--multiple {
	border-color: var(--sm-form-border) !important;
	box-shadow: none !important;
	padding: 11px 14px !important;
	line-height: 1.4 !important;
}

html body form textarea {
	min-height: 110px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

html body form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):hover,
html body form textarea:hover,
html body form select:hover,
html body form .form-control:hover,
html body form .input-text:hover,
html body form .dokan-form-control:hover,
html body form .select2-container--default .select2-selection--single:hover,
html body form .select2-container--default .select2-selection--multiple:hover {
	border-color: var(--sm-form-border-hover) !important;
}

html body form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
html body form textarea:focus,
html body form select:focus,
html body form .form-control:focus,
html body form .input-text:focus,
html body form .dokan-form-control:focus,
html body form .select2-container--focus .select2-selection {
	border-color: var(--sm-accent) !important;
	box-shadow: 0 0 0 3px var(--sm-accent-soft) !important;
	outline: 0 !important;
}

html body form fieldset {
	margin: 0 0 24px !important;
	padding: 20px clamp(16px, 2.4vw, 24px) 4px !important;
	background: rgba(255, 255, 255, 0.012) !important;
	border: 1px solid var(--sm-form-border) !important;
	border-radius: var(--sm-radius-sm) !important;
}

html body form legend {
	width: auto !important;
	margin: 0 0 14px !important;
	padding: 0 8px !important;
	color: var(--sm-text) !important;
	font-weight: 700 !important;
}

.fluentform,
.fluentform_wrapper {
	padding: clamp(20px, 3vw, 30px) !important;
	background: linear-gradient(145deg, var(--sm-surface-2), var(--sm-surface)) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius) !important;
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2);
}

.fluentform .ff-el-form-control,
.fluentform_wrapper .ff-el-form-control,
.ff-default .ff-el-form-control {
	background: #171a1d !important;
	border: 1px solid var(--sm-border-strong) !important;
	border-radius: var(--sm-radius-sm) !important;
	color: var(--sm-text) !important;
}

.fluentform .ff-el-input--label label,
.fluentform_wrapper .ff-el-input--label label {
	color: #dfe3e7 !important;
}

.accordion .accordion-item {
	margin-bottom: 10px;
	overflow: hidden;
	background: var(--sm-surface) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: 10px;
}

.accordion .accordion-title {
	padding: 15px 18px !important;
	background: transparent !important;
	border: 0 !important;
	color: var(--sm-text) !important;
	font-weight: 700;
}

.accordion .accordion-title.active,
.accordion .accordion-title:hover {
	background: var(--sm-accent-soft) !important;
	color: var(--sm-accent) !important;
}

.accordion .accordion-inner {
	padding: 4px 18px 18px !important;
	border: 0 !important;
	color: #cbd1d7 !important;
}

body .button,
body input[type="submit"],
body input[type="button"],
body a.dokan-btn,
body .dokan-btn {
	min-height: 42px;
	padding: 0.72em 1.25em !important;
	border: 1px solid transparent !important;
	border-radius: var(--sm-radius-sm) !important;
	background: var(--sm-accent) !important;
	box-shadow: 0 8px 20px rgba(245, 181, 27, 0.14);
	color: #17191b !important;
	font-weight: 800 !important;
	letter-spacing: 0.025em;
	text-shadow: none !important;
}

body .button:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,
body a.dokan-btn:hover,
body .dokan-btn:hover {
	background: var(--sm-accent-hover) !important;
	box-shadow: 0 11px 26px rgba(245, 181, 27, 0.22);
	color: #101214 !important;
	transform: translateY(-1px);
}

body .button.is-outline,
body .dokan-btn-default,
body .dokan-btn-secondary,
body button.components-button:not(.is-primary) {
	background: var(--sm-surface-3) !important;
	border-color: var(--sm-border-strong) !important;
	box-shadow: none !important;
	color: var(--sm-text) !important;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--sm-accent) !important;
}

/* Tables and notices */
body table,
body .shop_table,
body table.dokan-table,
.dokan-layout table {
	overflow: hidden;
	background: var(--sm-surface) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius) !important;
	color: var(--sm-text) !important;
	border-collapse: separate !important;
	border-spacing: 0;
}

body table th,
body table td,
body .shop_table th,
body .shop_table td,
body table.dokan-table th,
body table.dokan-table td,
.dokan-layout table th,
.dokan-layout table td {
	background: transparent !important;
	border-color: var(--sm-border) !important;
	color: var(--sm-text) !important;
}

body table thead th,
body .shop_table thead th,
.dokan-layout table thead th {
	background: rgba(255, 255, 255, 0.025) !important;
	color: var(--sm-muted) !important;
	font-size: 0.71rem !important;
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

body table tbody tr:hover td,
.dokan-layout table tbody tr:hover td {
	background: rgba(255, 255, 255, 0.025) !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.dokan-message,
.dokan-info,
.dokan-error,
.dokan-alert,
.dokan-alert-info,
.dokan-alert-success,
.dokan-alert-danger {
	padding: 16px 18px !important;
	background: var(--sm-surface-2) !important;
	border: 1px solid var(--sm-border) !important;
	border-left: 3px solid var(--sm-accent) !important;
	border-radius: var(--sm-radius-sm) !important;
	color: var(--sm-text) !important;
}

.woocommerce-error,
.dokan-error,
.dokan-alert-danger {
	border-left-color: var(--sm-danger) !important;
}

/* WooCommerce account and checkout */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword {
	padding: clamp(20px, 3vw, 32px) !important;
}

.woocommerce-MyAccount-navigation ul {
	margin: 0;
}

.woocommerce-MyAccount-navigation li {
	border-color: var(--sm-border) !important;
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 14px;
	border-radius: 8px;
	color: #dce0e4 !important;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
	background: var(--sm-accent-soft) !important;
	color: var(--sm-accent) !important;
}

#login-form-popup .account-container,
.dokan-support-login-wrapper,
.dokan-login-form-popup-wrapper,
.dokan-popup-content.white-popup {
	background: var(--sm-surface) !important;
	color: var(--sm-text) !important;
}

/* Dokan dashboard */
.dokan-dashboard-wrap {
	display: grid !important;
	grid-template-columns: 218px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 24px !important;
	width: 100% !important;
}

.dokan-dashboard .dokan-dash-sidebar,
.dokan-dashboard-wrap .dokan-dash-sidebar {
	float: none !important;
	position: sticky;
	top: calc(var(--sm-header-height) + 20px);
	width: 218px !important;
	min-width: 218px !important;
	max-width: 218px !important;
	overflow: hidden;
	background: linear-gradient(180deg, #101214, #171a1d) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: var(--sm-radius-lg) !important;
	box-shadow: var(--sm-shadow) !important;
}

.dokan-dashboard-wrap .dokan-dashboard-content,
.dokan-dashboard .dokan-dashboard-content {
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {
	background: transparent !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {
	border-color: rgba(255, 255, 255, 0.055) !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
	padding: 13px 16px !important;
	color: #d7dce1 !important;
	font-size: 0.86rem !important;
	font-weight: 600;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i {
	color: #8f98a2 !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover {
	background: linear-gradient(90deg, rgba(245, 181, 27, 0.18), rgba(245, 181, 27, 0.07)) !important;
	box-shadow: inset 3px 0 0 var(--sm-accent);
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a i {
	color: var(--sm-accent) !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active::after {
	display: none !important;
}

.dokan-dashboard-content,
.dokan-layout {
	color: var(--sm-text) !important;
}

.dokan-dashboard-content .dokan-layout {
	--color-gray-50: #202428;
	--color-gray-100: #252a2f;
	--color-gray-200: #30363c;
	--color-gray-300: #444b53;
	--color-gray-400: #a7afb8;
	--color-gray-500: #b5bdc6;
	--color-gray-600: #c9d0d7;
	--color-gray-700: #dce1e6;
	--color-gray-800: #edf0f3;
	--color-gray-900: #f7f8f9;
	--color-black: #f4f6f8;
	--color-border: rgba(255, 255, 255, 0.11);
}

.dokan-dashboard-content > h1,
.dokan-dashboard-content > h2,
.dokan-dashboard-content > header h1,
.dokan-dashboard-content > header h2 {
	margin-bottom: 22px !important;
}

.dokan-layout [class*="bg-white"],
.dokan-layout [class~="bg-white"],
.dokan-layout .bg-white,
.dokan-layout [class*="bg-gray-50"],
.dokan-layout [class*="bg-gray-100"],
.dokan-dashboard-content [class*="bg-white"],
.dokan-dashboard-content [class~="bg-white"],
.dokan-dashboard-content [role="table"],
.dokan-dashboard-content [role="rowgroup"],
.dokan-dashboard-content .dashboard-widget,
.dokan-dashboard-content .dokan-dashboard-widget,
.dokan-dashboard-content .dokan-orders-area,
.dokan-dashboard-content .dokan-product-listing-area,
.dokan-dashboard-content .dokan-coupon-content,
.dokan-dashboard-content .dokan-reviews-content,
.dokan-dashboard-content .dokan-withdraw-content {
	background: linear-gradient(145deg, var(--sm-surface-2), var(--sm-surface)) !important;
	border-color: var(--sm-border) !important;
	border-radius: var(--sm-radius) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18) !important;
}

.dokan-layout .bg-white,
.dokan-layout .bg-gray-50,
.dokan-layout .bg-gray-100,
.dokan-layout [class*="bg-[#fff"],
.dokan-layout [class*="bg-[#FFF"] {
	background: var(--sm-surface) !important;
}

.dokan-layout .text-black,
.dokan-layout .\!text-black,
.dokan-layout [class*="text-[#000"],
.dokan-layout [class*="text-[#111"] {
	color: var(--sm-text) !important;
}

.dokan-dashboard-content [role="table"],
.dokan-dashboard-content table,
.dokan-dashboard-content .dokan-table,
.dokan-dashboard-content .wp-list-table {
	width: 100% !important;
	min-width: 720px;
	background: var(--sm-surface) !important;
	color: var(--sm-text) !important;
}

.dokan-dashboard-content [role="row"],
.dokan-dashboard-content [role="cell"],
.dokan-dashboard-content [role="columnheader"] {
	background: transparent !important;
	border-color: var(--sm-border) !important;
	color: var(--sm-text) !important;
}

.dokan-dashboard-content [role="columnheader"] {
	color: var(--sm-muted) !important;
}

/* Classic Dokan product table and filters. */
.dokan-product-listing .product-listing-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	margin-bottom: 16px !important;
	padding-bottom: 14px !important;
	border-bottom: 1px solid var(--sm-border) !important;
}

.dokan-product-listing .product-listing-top ul,
.dokan-product-listing .product-listing-top .dokan-add-product-link {
	float: none !important;
	margin: 0 !important;
}

.dokan-product-listing .dokan-w12 > form {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 10px !important;
}

.dokan-product-listing #product-filter {
	display: block !important;
	width: 100% !important;
}

.dokan-product-listing #product-filter > .dokan-form-group {
	display: inline-block !important;
	margin: 0 10px 14px 0 !important;
	vertical-align: middle !important;
}

.dokan-product-listing #dokan-product-list-table {
	display: table !important;
	clear: both !important;
	width: 100% !important;
	margin-top: 6px !important;
}

.dokan-product-listing .dokan-form-group {
	float: none !important;
	margin: 0 !important;
}

.dokan-product-listing .product-listing-table td,
.dokan-product-listing .product-listing-table th,
.dokan-product-listing .product-listing-table .column-primary strong,
.dokan-product-listing .product-listing-table .column-primary strong a {
	color: var(--sm-text) !important;
}

.dokan-product-listing .product-listing-table .row-actions,
.dokan-product-listing .product-listing-table .row-actions a,
.dokan-product-listing .product-listing-table .na {
	color: var(--sm-muted) !important;
}

.dokan-product-listing .product-listing-table .row-actions a:hover {
	color: var(--sm-accent) !important;
}

.dokan-product-listing .product-listing-table tbody tr {
	background: var(--sm-surface) !important;
}

.dokan-product-listing .product-listing-table tbody tr:nth-child(even) {
	background: #191c1f !important;
}

.dokan-product-listing .product-listing-table tbody tr:hover {
	background: var(--sm-surface-2) !important;
}

/* React dashboard cards, counters and charts. */
.dokan-dashboard-content .dokan-layout [class*="border-gray"],
.dokan-dashboard-content .dokan-layout [class*="divide-gray"] > * {
	border-color: var(--sm-border) !important;
}

.dokan-dashboard-content .dokan-layout canvas,
.dokan-dashboard-content .dokan-layout svg {
	background-color: transparent !important;
}

.dokan-dashboard-content .dokan-layout h1,
.dokan-dashboard-content .dokan-layout h2,
.dokan-dashboard-content .dokan-layout h3,
.dokan-dashboard-content .dokan-layout h4,
.dokan-dashboard-content .dokan-layout p,
.dokan-dashboard-content .dokan-layout label {
	color: var(--sm-text) !important;
}

.dokan-dashboard-content .overflow-x-auto,
.dokan-dashboard-content [class*="overflow-x"],
.dokan-dashboard-content .table-responsive,
.dokan-dashboard-content .dokan-table-wrap {
	max-width: 100% !important;
	overflow-x: auto !important;
	border-radius: var(--sm-radius) !important;
}

.dokan-layout .text-gray-900,
.dokan-layout .text-gray-800,
.dokan-layout .text-gray-700,
.dokan-layout [class*="text-gray-9"],
.dokan-layout [class*="text-gray-8"],
.dokan-layout [class*="text-gray-7"] {
	color: var(--sm-text) !important;
}

.dokan-layout .text-gray-600,
.dokan-layout .text-gray-500,
.dokan-layout .text-gray-400,
.dokan-layout [class*="text-gray-6"],
.dokan-layout [class*="text-gray-5"],
.dokan-layout [class*="text-gray-4"] {
	color: var(--sm-muted) !important;
}

.dokan-layout [class*="border-gray"],
.dokan-layout [class*="divide-gray"] > * {
	border-color: var(--sm-border) !important;
}

.dokan-layout [role="tablist"],
.dokan-dashboard-content ul.dokan_tabs,
.dokan-orders-content ul.order-statuses-filter,
.dokan-dashboard-content ul.subsubsub {
	background: transparent !important;
	border-color: var(--sm-border) !important;
}

.dokan-layout [role="tablist"],
.dokan-dashboard-content ul.dokan_tabs,
.dokan-orders-content ul.order-statuses-filter,
.dokan-dashboard-content ul.subsubsub {
	display: flex !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	white-space: nowrap;
	scrollbar-width: thin;
}

.dokan-layout [role="tablist"] > *,
.dokan-dashboard-content ul.dokan_tabs > li,
.dokan-orders-content ul.order-statuses-filter > li,
.dokan-dashboard-content ul.subsubsub > li {
	flex: 0 0 auto !important;
}

.dokan-dashboard-content button:not(.dokan-btn):not(.button):not([type="submit"]),
.dokan-layout button:not(.dokan-btn):not(.button):not([type="submit"]) {
	min-height: 40px !important;
	padding: 8px 12px !important;
	background: var(--sm-surface-2) !important;
	border: 1px solid var(--sm-border-strong) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: var(--sm-text) !important;
	font-weight: 600 !important;
	text-transform: none !important;
	transform: none !important;
}

.dokan-dashboard-content button:not(.dokan-btn):not(.button):not([type="submit"]):hover,
.dokan-layout button:not(.dokan-btn):not(.button):not([type="submit"]):hover {
	background: var(--sm-surface-3) !important;
	border-color: rgba(245, 181, 27, 0.35) !important;
	color: var(--sm-accent) !important;
}

.dokan-dashboard-content button[aria-selected="true"],
.dokan-layout button[aria-selected="true"] {
	background: var(--sm-accent-soft) !important;
	border-color: transparent !important;
	color: var(--sm-accent) !important;
}

.dokan-dashboard-content .dokan-btn-theme,
.dokan-dashboard-content .dokan-btn-primary,
.dokan-dashboard-content .dokan-btn-success,
.dokan-dashboard-content button[type="submit"],
.dokan-dashboard-content input[type="submit"] {
	background: var(--sm-accent) !important;
	border-color: var(--sm-accent) !important;
	color: #17191b !important;
}

.dokan-dashboard-content ul.dokan_tabs li a,
.dokan-orders-content .dokan-orders-area ul.order-statuses-filter li a,
.dokan-dashboard-content ul.subsubsub li a {
	color: var(--sm-muted) !important;
}

.dokan-dashboard-content ul.dokan_tabs li.active a,
.dokan-dashboard-content ul.dokan_tabs li a:hover,
.dokan-orders-content .dokan-orders-area ul.order-statuses-filter li.active a,
.dokan-orders-content .dokan-orders-area ul.order-statuses-filter li a:hover,
.dokan-dashboard-content ul.subsubsub li.active a,
.dokan-dashboard-content ul.subsubsub li a:hover {
	background: transparent !important;
	color: var(--sm-accent) !important;
	box-shadow: inset 0 -2px 0 var(--sm-accent);
}

/* Dokan 5 React DataView: keep its loading state dark and make the
 * order controls respond to the dashboard column, not the full viewport. */
.dokan-dashboard-content .pui-root,
.dokan-dashboard-content .pui-root-dataviews {
	--background: #1b1f22 !important;
	--foreground: #f4f6f8 !important;
	--card: #202428 !important;
	--card-foreground: #f4f6f8 !important;
	--popover: #252a2f !important;
	--popover-foreground: #f4f6f8 !important;
	--primary: #f5b51b !important;
	--primary-foreground: #151719 !important;
	--secondary: #292e33 !important;
	--secondary-foreground: #f4f6f8 !important;
	--muted: #3b4147 !important;
	--muted-foreground: #aeb6bf !important;
	--accent: #343a40 !important;
	--accent-foreground: #ffffff !important;
	--border: rgba(255, 255, 255, 0.12) !important;
	--input: rgba(255, 255, 255, 0.16) !important;
	--ring: rgba(245, 181, 27, 0.62) !important;
	color-scheme: dark;
}

.dokan-dashboard-content .pui-root-dataviews,
.dokan-dashboard-content .pui-root-dataviews > .w-full,
.dokan-dashboard-content .pui-root-dataviews [class~="bg-background"],
.dokan-dashboard-content .pui-root-dataviews table,
.dokan-dashboard-content .pui-root-dataviews thead,
.dokan-dashboard-content .pui-root-dataviews tbody,
.dokan-dashboard-content .pui-root-dataviews tr,
.dokan-dashboard-content .pui-root-dataviews th,
.dokan-dashboard-content .pui-root-dataviews td {
	background-color: var(--background) !important;
	border-color: var(--border) !important;
	color: var(--foreground) !important;
}

.dokan-dashboard-content .pui-root-dataviews thead,
.dokan-dashboard-content .pui-root-dataviews thead tr,
.dokan-dashboard-content .pui-root-dataviews thead th {
	background-color: #202428 !important;
}

.dokan-dashboard-content .pui-root-dataviews [data-slot="skeleton"] {
	background-color: #4b5259 !important;
	box-shadow: none !important;
}

.dokan-dashboard-content .pui-root-dataviews > div.w-full > div.flex.gap-2.justify-between.w-full {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	align-items: stretch !important;
	gap: 12px !important;
	min-height: 0 !important;
	padding: 14px 16px !important;
	background: #1b1f22 !important;
}

.dokan-dashboard-content .pui-root-dataviews > div.w-full > div.flex.gap-2.justify-between.w-full > div:first-child {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
}

.dokan-dashboard-content .pui-root-dataviews > div.w-full > div.flex.gap-2.justify-between.w-full > div:last-child {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 0 !important;
}

.dokan-dashboard-content .pui-root-dataviews div.overflow-x-auto.no-scrollbar.scroll-smooth,
.dokan-dashboard-content .pui-root-dataviews div:has(> [role="tablist"]) {
	width: 100% !important;
	max-width: none !important;
	overflow: visible !important;
}

.dokan-dashboard-content .pui-root-dataviews [role="tablist"] {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)) !important;
	gap: 7px !important;
	width: 100% !important;
	max-width: none !important;
	overflow: visible !important;
	white-space: normal !important;
}

.dokan-dashboard-content .pui-root-dataviews [role="tab"] {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	min-height: 40px !important;
	padding: 9px 10px !important;
	background: #24292d !important;
	border: 1px solid var(--border) !important;
	border-radius: 9px !important;
	color: var(--sm-muted) !important;
	font-size: 0.78rem !important;
	line-height: 1.2 !important;
	text-align: center !important;
	white-space: normal !important;
}

.dokan-dashboard-content .pui-root-dataviews [role="tab"][aria-selected="true"] {
	background: rgba(245, 181, 27, 0.14) !important;
	border-color: rgba(245, 181, 27, 0.65) !important;
	color: var(--sm-accent) !important;
	box-shadow: none !important;
}

.dokan-dashboard-content .pui-root-dataviews button[aria-label*="Scroll tabs"],
.dokan-dashboard-content .pui-root-dataviews button[aria-label*="pestañas"] {
	display: none !important;
}

.dokan-dashboard-content .pui-root-dataviews [data-slot="input-group"] {
	display: flex !important;
	align-items: center !important;
	width: min(100%, 360px) !important;
	min-width: 240px !important;
	max-width: 360px !important;
	height: 42px !important;
	margin-left: auto !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #171a1d !important;
	border: 1px solid var(--border) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

.dokan-dashboard-content .pui-root-dataviews [data-slot="input-group-addon"] {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 36px !important;
	width: 36px !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #8f98a2 !important;
}

.dokan-dashboard-content .pui-root-dataviews [data-slot="input-group-addon"]::before,
.dokan-dashboard-content .pui-root-dataviews [data-slot="input-group-addon"]::after {
	display: none !important;
}

.dokan-dashboard-content .pui-root-dataviews [data-slot="input-group-control"] {
	display: block !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 12px 0 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--foreground) !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.dokan-dashboard-content .pui-root-dataviews [data-slot="input-group-control"]::placeholder {
	color: #8f98a2 !important;
	opacity: 1;
}

.dokan-progress,
.dokan-profile-completeness .progress,
.dokan-layout [role="progressbar"] {
	background: rgba(255, 255, 255, 0.07) !important;
	border-radius: 999px !important;
}

.dokan-progress-bar,
.dokan-progress-bar-info,
.dokan-profile-completeness .progress-bar {
	background: linear-gradient(90deg, #e8a70d, var(--sm-accent-hover)) !important;
	border-radius: 999px !important;
	color: #17191b !important;
}

.dokan-label,
.dokan-status,
.dokan-layout [class*="rounded-full"] {
	border-radius: 999px !important;
}

.dokan-label-success {
	background: rgba(53, 196, 141, 0.15) !important;
	color: #78dfb8 !important;
}

.dokan-label-warning {
	background: var(--sm-accent-soft) !important;
	color: var(--sm-accent-hover) !important;
}

.dokan-label-danger {
	background: rgba(255, 100, 116, 0.15) !important;
	color: #ff9aa5 !important;
}

.dokan-dashboard-content .wp-editor-container,
.dokan-dashboard-content .mce-panel,
.dokan-dashboard-content .mce-toolbar-grp,
.dokan-dashboard-content .quicktags-toolbar {
	background: var(--sm-surface-2) !important;
	border-color: var(--sm-border) !important;
}

/* Footer */
.footer-wrapper,
.footer-1,
.footer-2,
.absolute-footer {
	background: #0d0f11 !important;
	border-top: 1px solid var(--sm-border) !important;
	color: var(--sm-muted) !important;
}

.absolute-footer {
	background: #090b0d !important;
}

/* Mobile viewport stability: fixed header follows the screen without a top gap. */
@media (max-width: 849px) {
	html {
		min-height: 100% !important;
		background-color: var(--sm-bg-deep) !important;
	}

	html:not(:has([role="dialog"][aria-modal="true"])),
	html body:not(:has([role="dialog"][aria-modal="true"])) {
		height: auto !important;
		min-height: 100% !important;
		overflow-y: auto !important;
		overscroll-behavior-y: auto;
	}

	html body,
	html body.theme-flatsome,
	html body.dokan-theme-flatsome,
	html body.admin-bar {
		padding-top: var(--sm-header-height) !important;
	}

	html body #header,
	html body #header.header-full-width,
	html body.admin-bar #header,
	html body.admin-bar #header.header-full-width {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: auto !important;
		left: 0 !important;
		width: 100% !important;
		z-index: 1000 !important;
		transform: translateZ(0) !important;
	}

	html body #header .header-wrapper {
		position: relative !important;
		top: auto !important;
		transform: none !important;
	}

	html body #wrapper,
	html body #main {
		margin-top: 0 !important;
	}
}
/* Responsive */
@media (max-width: 849px) {
	:root {
		--sm-header-height: 64px;
	}

	body.admin-bar {
		padding-top: calc(var(--sm-header-height) + var(--sm-adminbar-offset, 46px)) !important;
	}

	body.admin-bar #header.header-full-width {
		top: var(--sm-adminbar-offset, 46px) !important;
	}

	#header .header-inner {
		padding-inline: 16px !important;
	}

	#header #logo,
	#header .logo {
		width: 158px !important;
		margin: 0 auto !important;
	}

	.page-title .page-title-inner,
	.shop-page-title .page-title-inner {
		padding-block: 18px !important;
	}

	.sampmarket-hero h1 {
		font-size: clamp(2.1rem, 10vw, 3.35rem) !important;
	}

	.sampmarket-hero .sm-hero-copy {
		font-size: 0.98rem;
	}

	.sampmarket-page-hero h1 {
		font-size: clamp(2.2rem, 11vw, 3.2rem) !important;
	}

	.shop-container,
	.dokan-dashboard-wrap {
		padding-top: 24px !important;
	}

	#shop-sidebar,
	.shop-sidebar .sidebar-inner {
		border-radius: var(--sm-radius) !important;
	}

	.products.row {
		row-gap: 16px;
	}

	.products .box-text {
		padding: 14px !important;
	}

	.dokan-dashboard .dokan-dash-sidebar,
	.dokan-dashboard-wrap .dokan-dash-sidebar {
		position: static !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		border-radius: var(--sm-radius) !important;
	}

	.dokan-dashboard-wrap {
		display: block !important;
		width: 100% !important;
	}

	.dokan-dashboard-content {
		padding-top: 20px !important;
	}
}

@media (max-width: 549px) {
	.products .product-small .col-inner {
		border-radius: 12px !important;
	}

	.products .box-image {
		aspect-ratio: 1 / 0.92;
	}

	body table,
	body .shop_table,
	body table.dokan-table,
	.dokan-layout table {
		border-radius: 10px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* 2026 storefront refresh: public pages */
.sm-section-kicker {
	margin: 0 0 12px !important;
	color: var(--sm-accent) !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.19em;
	text-transform: uppercase;
}

.sm-display-title {
	max-width: 760px;
	margin: 0 0 20px !important;
	font-size: clamp(2rem, 4vw, 3.75rem) !important;
	line-height: 1.04 !important;
	letter-spacing: -0.045em !important;
}

.sm-section-copy {
	max-width: 680px;
	color: var(--sm-muted) !important;
	font-size: 1.05rem;
	line-height: 1.75;
}

.sm-section-link {
	margin-top: 42px;
}

.sm-section-link a {
	color: var(--sm-text) !important;
	font-size: 0.86rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.sm-section-link a:hover {
	color: var(--sm-accent) !important;
}

.sm-catalog-aside {
	max-width: 470px;
	margin: 0 0 24px auto;
	padding: 22px 24px;
	background:
		linear-gradient(135deg, rgba(245, 181, 27, 0.09), transparent 62%),
		var(--sm-surface);
	border: 1px solid var(--sm-border);
	border-radius: 18px;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2);
}

.sm-catalog-aside span {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--sm-accent);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.15em;
}

.sm-catalog-aside span i {
	width: 7px;
	height: 7px;
	background: var(--sm-success);
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(53, 196, 141, 0.1), 0 0 14px rgba(53, 196, 141, 0.55);
}

.sm-catalog-aside p {
	margin: 13px 0 16px;
	color: #c4cbd1 !important;
	font-size: 0.9rem;
	line-height: 1.55;
}

.sm-catalog-aside a {
	color: var(--sm-text) !important;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.075em;
}

.sm-catalog-aside a:hover {
	color: var(--sm-accent) !important;
}

.sm-products-note {
	max-width: 390px;
	margin: 0 0 28px auto;
	padding-left: 22px;
	border-left: 2px solid var(--sm-accent);
}

.sm-products-note p {
	margin: 0 0 14px;
	color: var(--sm-muted) !important;
	font-size: 0.92rem;
	line-height: 1.6;
}

.sm-products-note a {
	color: var(--sm-text) !important;
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.08em;
}

.sm-products-note a:hover {
	color: var(--sm-accent) !important;
}

/* Home */
.sm-home-hero {
	position: relative;
	overflow: hidden;
}

.sm-home-hero::after {
	content: "";
	position: absolute;
	inset: auto -8% -48% auto;
	width: 55vw;
	height: 55vw;
	background: radial-gradient(circle, rgba(245, 181, 27, 0.14), transparent 68%);
	pointer-events: none;
}

.sm-home-hero .banner-bg::after {
	background: linear-gradient(90deg, rgba(7, 9, 11, 0.92) 0%, rgba(7, 9, 11, 0.68) 45%, rgba(7, 9, 11, 0.2) 100%);
}

.sm-home-hero-classic .banner-bg::after {
	background:
		radial-gradient(circle at 50% 50%, rgba(5, 7, 9, 0.08), rgba(5, 7, 9, 0.34) 65%, rgba(5, 7, 9, 0.42) 100%),
		linear-gradient(180deg, rgba(5, 7, 9, 0.06), rgba(5, 7, 9, 0.2));
}

.sm-home-hero-classic .text-box-content {
	text-align: center !important;
}

.sm-home-hero-classic h1 {
	max-width: 800px;
	margin: 0 auto 18px !important;
	font-size: clamp(3rem, 5.2vw, 5.2rem) !important;
	line-height: 0.96 !important;
	letter-spacing: -0.055em !important;
}

.sm-home-hero-classic .sm-hero-copy {
	max-width: 650px;
	margin: 0 auto 26px;
}

.sm-home-hero-classic .sm-hero-actions {
	justify-content: center;
}

.sm-home-hero .text-box-content {
	text-shadow: none;
}

.sm-home-hero h1 {
	max-width: 720px;
	margin: 0 0 22px !important;
	font-size: clamp(3rem, 6.2vw, 6.2rem) !important;
	line-height: 0.91 !important;
	letter-spacing: -0.065em !important;
}

.sm-home-hero .sm-hero-copy {
	max-width: 620px;
	margin: 0 0 26px;
	color: #d0d6db !important;
	font-size: clamp(1rem, 1.35vw, 1.18rem);
	line-height: 1.65;
}

.sm-home-hero .sm-hero-kicker span {
	display: inline-block;
	width: 28px;
	height: 2px;
	margin: 0 9px 3px 0;
	background: var(--sm-accent);
}

.sm-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sm-hero-actions .button {
	margin: 0 !important;
}

.sm-hero-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 28px;
	margin-top: 30px;
	color: #bac1c8;
	font-size: 0.78rem;
	letter-spacing: 0.035em;
}

.sm-hero-proof span {
	position: relative;
	padding-left: 15px;
}

.sm-hero-proof span::before {
	content: "";
	position: absolute;
	top: 0.48em;
	left: 0;
	width: 6px;
	height: 6px;
	background: var(--sm-accent);
	border-radius: 50%;
	box-shadow: 0 0 12px rgba(245, 181, 27, 0.7);
}

.sm-hero-proof strong {
	color: #fff;
	font-size: 0.9rem;
}

.sm-home-trust {
	border-block: 1px solid var(--sm-border);
}

.sm-trust-grid > .col {
	padding-block: 22px !important;
}

.sm-trust-card {
	display: flex;
	align-items: center;
	gap: 18px;
	height: 100%;
	padding: 18px 24px;
	border-right: 1px solid var(--sm-border);
}

.sm-trust-grid > .col:last-child .sm-trust-card {
	border-right: 0;
}

.sm-trust-card i {
	display: grid;
	place-items: center;
	flex: 0 0 42px;
	height: 42px;
	background: var(--sm-accent-soft);
	border: 1px solid rgba(245, 181, 27, 0.25);
	border-radius: 12px;
	color: var(--sm-accent);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 900;
}

.sm-trust-card h3 {
	margin: 0 0 4px !important;
	font-size: 1rem !important;
}

.sm-trust-card p {
	margin: 0;
	color: var(--sm-muted) !important;
	font-size: 0.82rem;
	line-height: 1.5;
}

.sm-home-products,
.sm-home-categories,
.sm-home-steps,
.sm-about-intro,
.sm-about-values,
.sm-about-process,
.sm-about-team,
.sm-category-hub {
	position: relative;
	overflow: hidden;
}

.sm-home-products {
	background:
		radial-gradient(circle at 85% 8%, rgba(245, 181, 27, 0.065), transparent 25rem),
		linear-gradient(180deg, #151719, #121416) !important;
}

.sm-home-products > .section-content > .row {
	width: calc(100% - clamp(32px, 4vw, 64px)) !important;
	max-width: 1240px !important;
}

.sm-home-products::before,
.sm-category-hub::before {
	content: "";
	position: absolute;
	top: -200px;
	right: -240px;
	width: 560px;
	height: 560px;
	background: radial-gradient(circle, rgba(245, 181, 27, 0.07), transparent 68%);
	pointer-events: none;
}

/* Flatsome caps shortcode rows at the global site width. The homepage uses a
 * deliberate wide canvas, so let its five-column grids inherit that canvas. */
.sm-home-products .row.large-columns-4,
.sm-home-categories .row.large-columns-5 {
	width: auto !important;
	max-width: none !important;
}

/* Homepage product cards use a different shortcode structure than Shop. */
.sm-home-products .product.type-product {
	padding-bottom: 28px !important;
}

.sm-home-products .product.type-product > .col-inner {
	position: relative;
	height: 100%;
	padding: 10px 10px 0;
	background:
		linear-gradient(155deg, rgba(40, 44, 48, 0.96), rgba(25, 28, 31, 0.98)) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: 22px !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
	transition: transform 220ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 220ms ease, box-shadow 220ms ease;
}

.sm-home-products .product.type-product > .col-inner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 42%);
	border-radius: inherit;
	pointer-events: none;
}

.sm-home-products .product.type-product:hover > .col-inner {
	transform: translateY(-7px);
	border-color: rgba(245, 181, 27, 0.38) !important;
	box-shadow: 0 26px 58px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(245, 181, 27, 0.06);
}

.sm-home-products .product-small.box {
	overflow: hidden;
	background: transparent !important;
	border-radius: 16px 16px 20px 20px;
}

.sm-home-products .product-small.box .box-image {
	overflow: hidden;
	aspect-ratio: 1 / 0.9;
	background: #0d0f11;
	border: 1px solid rgba(255, 255, 255, 0.045);
	border-radius: 15px !important;
}

.sm-home-products .product-small.box .box-image img {
	height: 100% !important;
	object-fit: cover;
	transition: transform 420ms cubic-bezier(0.2, 0.7, 0.2, 1), filter 220ms ease;
}

.sm-home-products .product.type-product:hover .box-image img {
	transform: scale(1.045);
	filter: saturate(1.08) contrast(1.03);
}

.sm-home-products .product-small.box .box-text {
	min-height: 150px;
	padding: 20px 12px 22px !important;
}

.sm-home-products .product-small.box .category {
	display: inline-flex;
	margin-bottom: 9px;
	padding: 5px 8px;
	background: rgba(245, 181, 27, 0.09);
	border: 1px solid rgba(245, 181, 27, 0.15);
	border-radius: 999px;
	color: var(--sm-accent) !important;
	font-size: 0.61rem !important;
	font-weight: 900;
	letter-spacing: 0.1em;
}

.sm-home-products .product-small.box .name {
	min-height: 46px;
	margin: 0 0 9px;
}

.sm-home-products .product-small.box .name a {
	color: var(--sm-text) !important;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.35;
}

.sm-home-products .product-small.box .name a:hover {
	color: var(--sm-accent) !important;
}

.sm-home-products .product-small.box .price,
.sm-home-products .product-small.box .price .amount {
	font-size: 1.03rem !important;
	font-weight: 900 !important;
}

.sm-home-products .product-small.box .star-rating {
	margin: 4px 0 10px;
	color: var(--sm-accent) !important;
}

.sm-home-products .product-small.box .quick-view {
	left: 12px !important;
	right: 12px !important;
	bottom: 12px !important;
	width: auto !important;
	padding: 10px 14px !important;
	background: rgba(245, 181, 27, 0.96) !important;
	border-radius: 10px !important;
	color: #111315 !important;
	font-size: 0.7rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.08em;
	backdrop-filter: none;
}

.sm-home-categories .product-category .col-inner,
.product-category .box {
	overflow: hidden;
	background: var(--sm-surface);
	border: 1px solid var(--sm-border);
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

.product-category .box {
	position: relative;
	isolation: isolate;
}

.product-category .box-image {
	aspect-ratio: 1 / 1;
	background: #111416;
}

.product-category .box-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	filter: saturate(1.08) contrast(1.08) brightness(0.88);
	transition: transform 0.45s ease, filter 0.45s ease;
}

.product-category .box::after {
	content: "";
	position: absolute;
	inset: 42% 0 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, transparent, rgba(5, 7, 9, 0.45) 32%, rgba(5, 7, 9, 0.96));
}

.product-category .box:hover {
	border-color: rgba(245, 181, 27, 0.42);
	transform: translateY(-5px);
}

.product-category .box:hover .box-image img {
	transform: scale(1.045);
	filter: saturate(1.14) contrast(1.1) brightness(0.94);
}

.product-category .box-text {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 48px 18px 18px !important;
	background: transparent !important;
	text-align: center !important;
}

.product-category .header-title {
	margin: 0 !important;
	color: #fff !important;
	font-size: clamp(0.88rem, 1.15vw, 1.05rem) !important;
	font-weight: 900 !important;
	letter-spacing: 0.055em;
	line-height: 1.15 !important;
	text-transform: uppercase;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95);
}

.product-category .box-text .count {
	display: inline-block;
	margin-top: 7px;
	color: var(--sm-accent) !important;
	font-size: 0.68rem !important;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.sm-step-list {
	display: grid;
	gap: 12px;
	padding-left: clamp(0px, 4vw, 54px);
}

.sm-step-list article {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 18px;
	align-items: center;
	padding: 22px 24px;
	background: linear-gradient(145deg, var(--sm-surface-2), var(--sm-surface));
	border: 1px solid var(--sm-border);
	border-radius: 16px;
}

.sm-step-list b {
	color: var(--sm-accent);
	font-size: 0.74rem;
	letter-spacing: 0.12em;
}

.sm-step-list h3,
.sm-step-list p {
	margin: 0 !important;
}

.sm-step-list h3 {
	font-size: 1.08rem !important;
}

.sm-step-list p {
	color: var(--sm-muted) !important;
	font-size: 0.88rem;
}

.sm-home-cta .banner-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 100%, rgba(245, 181, 27, 0.18), transparent 45%);
}

.sm-home-cta h2 {
	max-width: 840px;
	margin: 0 auto 16px !important;
	font-size: clamp(2.1rem, 4.4vw, 4rem) !important;
	line-height: 1 !important;
}

.sm-home-cta p:not(.sm-section-kicker) {
	max-width: 650px;
	margin: 0 auto 24px;
	color: #cbd1d7 !important;
}

.sm-home-cta-market .banner-bg::after {
	background: linear-gradient(90deg, rgba(5, 7, 9, 0.92) 0%, rgba(5, 7, 9, 0.68) 42%, rgba(5, 7, 9, 0.08) 72%) !important;
}

.sm-home-cta-market .text-box-content {
	text-align: left !important;
}

.sm-home-cta-market .text-box {
	right: auto !important;
	left: 7% !important;
	width: min(48%, 620px) !important;
	transform: translateY(-50%) !important;
}

.sm-home-cta-market h2 {
	max-width: 610px;
	margin: 0 0 16px !important;
	font-size: clamp(2.15rem, 3.6vw, 3.45rem) !important;
	line-height: 1.04 !important;
}

.sm-home-cta-market p:not(.sm-section-kicker) {
	max-width: 560px;
	margin: 0 0 26px !important;
}

@media (max-width: 849px) {
	.sm-home-cta-market .banner-bg::after {
		background: linear-gradient(180deg, rgba(5, 7, 9, 0.45), rgba(5, 7, 9, 0.9)) !important;
	}

	.sm-home-cta-market .text-box-content,
	.sm-home-cta-market h2,
	.sm-home-cta-market p:not(.sm-section-kicker) {
		text-align: center !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.sm-home-cta-market .text-box {
		left: 50% !important;
		width: 92% !important;
		transform: translate(-50%, -50%) !important;
	}
}

/* About */
.sampmarket-about-hero h1,
.sm-categories-hero h1 {
	max-width: 1000px;
	margin-inline: auto !important;
}

.sm-about-lead {
	color: #e5e9ec !important;
	font-size: 1.16rem;
	line-height: 1.75;
}

.sm-about-intro p:not(.sm-section-kicker) {
	max-width: 720px;
	line-height: 1.8;
}

.sm-about-visual {
	position: relative;
	overflow: hidden;
	margin-left: clamp(0px, 4vw, 50px);
	background: #0d0f11;
	border: 1px solid var(--sm-border);
	border-radius: 24px;
	box-shadow: var(--sm-shadow);
}

.sm-about-visual .img,
.sm-about-visual img {
	width: 100%;
	min-height: 430px;
	object-fit: cover;
}

.sm-about-visual span {
	position: absolute;
	right: 18px;
	bottom: 18px;
	padding: 10px 14px;
	background: rgba(11, 13, 15, 0.84);
	border: 1px solid var(--sm-border-strong);
	border-radius: 999px;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.sm-about-stats {
	margin-top: 64px !important;
	padding-top: 28px;
	border-top: 1px solid var(--sm-border);
}

.sm-about-stats .col > .col-inner > div {
	display: grid;
	gap: 7px;
	padding: 12px 28px;
	border-right: 1px solid var(--sm-border);
}

.sm-about-stats .col:last-child > .col-inner > div {
	border-right: 0;
}

.sm-about-stats strong {
	color: var(--sm-accent);
	font-size: clamp(1.8rem, 3vw, 2.7rem);
	line-height: 1;
}

.sm-about-stats span {
	color: var(--sm-muted);
	font-size: 0.84rem;
	line-height: 1.5;
}

.sm-values-grid {
	margin-top: 30px !important;
}

.sm-values-grid article {
	position: relative;
	height: 100%;
	min-height: 250px;
	overflow: hidden;
	padding: 32px;
	background: linear-gradient(155deg, var(--sm-surface-2), #181b1e);
	border: 1px solid var(--sm-border);
	border-radius: 20px;
}

.sm-values-grid article::after {
	content: "";
	position: absolute;
	right: -52px;
	bottom: -52px;
	width: 150px;
	height: 150px;
	background: radial-gradient(circle, rgba(245, 181, 27, 0.13), transparent 70%);
}

.sm-values-grid b {
	color: var(--sm-accent);
	font-size: 0.72rem;
	letter-spacing: 0.13em;
}

.sm-values-grid h3 {
	margin: 60px 0 12px !important;
	font-size: 1.35rem !important;
}

.sm-values-grid p {
	margin: 0;
	color: var(--sm-muted) !important;
	line-height: 1.65;
}

.sm-promise-panel {
	margin-left: clamp(0px, 4vw, 52px);
	padding: clamp(30px, 5vw, 58px);
	background: linear-gradient(135deg, var(--sm-accent), #ffce55);
	border-radius: 24px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

.sm-promise-panel p {
	margin: 0 0 18px;
	color: #111315 !important;
	font-size: clamp(1.4rem, 2.5vw, 2.35rem);
	font-weight: 800;
	line-height: 1.25;
}

.sm-promise-panel span {
	color: rgba(17, 19, 21, 0.72);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.sm-team-grid {
	margin-top: 30px !important;
}

.sm-team-grid .box {
	overflow: hidden;
	background: var(--sm-surface);
	border: 1px solid var(--sm-border);
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.sm-team-grid .box-image {
	aspect-ratio: 1 / 1.08;
	background: #101214;
}

.sm-team-grid .box-image img {
	height: 100%;
	object-fit: cover;
}

.sm-team-grid .box-text {
	padding: 18px 20px 20px !important;
}

.sm-team-grid h3,
.sm-team-grid p {
	margin: 0 !important;
}

.sm-team-grid h3 {
	font-size: 1rem !important;
}

.sm-team-grid p {
	color: var(--sm-muted) !important;
	font-size: 0.78rem;
}

.sm-about-cta h2,
.sm-about-cta p {
	color: #111315 !important;
}

.sm-about-cta h2 {
	margin: 0 0 8px !important;
	font-size: clamp(1.8rem, 3.3vw, 3rem) !important;
}

.sm-about-cta p {
	margin: 0;
}

.sm-about-cta .button.is-outline {
	background: transparent !important;
	border-color: rgba(17, 19, 21, 0.5) !important;
	color: #111315 !important;
}

/* Category hub */
.sm-category-grid {
	margin-top: 30px !important;
}

.sm-category-grid .box {
	height: 100%;
	overflow: hidden;
	background: linear-gradient(155deg, var(--sm-surface-2), var(--sm-surface));
	border: 1px solid var(--sm-border);
	border-radius: 20px;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.2);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.sm-category-grid .box:hover {
	transform: translateY(-6px);
	border-color: rgba(245, 181, 27, 0.42);
	box-shadow: var(--sm-shadow-hover);
}

.sm-category-grid .box-image {
	background: #101214;
}

.sm-category-grid .box-image img {
	height: 100%;
	object-fit: cover;
}

.sm-category-grid .box-text {
	padding: 22px 24px 25px !important;
	text-align: left !important;
}

.sm-category-copy span {
	color: var(--sm-accent);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.14em;
}

.sm-category-copy h3 {
	margin: 7px 0 13px !important;
	font-size: 1.3rem !important;
}

.sm-category-copy p {
	margin: 0;
	color: var(--sm-muted) !important;
	font-size: 0.8rem;
	font-weight: 700;
}

.sm-category-grid .box:hover .sm-category-copy p {
	color: var(--sm-accent) !important;
}

.sm-category-cta {
	border-top: 1px solid var(--sm-border);
}

.sm-category-cta h2 {
	max-width: 760px;
	margin: 0 !important;
	font-size: clamp(1.7rem, 3.1vw, 2.8rem) !important;
	line-height: 1.12 !important;
}

/* Contact accordion: reserve a real icon column so the toggle never touches text. */
.page-id-100 .accordion .accordion-title {
	position: relative !important;
	min-height: 72px;
	padding: 20px 22px 20px 58px !important;
	line-height: 1.35 !important;
}

.page-id-100 .accordion .accordion-title .toggle {
	position: absolute !important;
	top: 50% !important;
	left: 18px !important;
	width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	color: var(--sm-accent) !important;
}

.page-id-100 .accordion .accordion-title .toggle i {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.page-id-100 .accordion .accordion-inner {
	padding: 2px 22px 22px 58px !important;
}

/* Shop price filter: legacy widget rules otherwise paint black text on black. */
body.woocommerce-shop .widget_price_filter .price_slider_amount .button,
body.post-type-archive-product .widget_price_filter .price_slider_amount .button,
body.tax-product_cat .widget_price_filter .price_slider_amount .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 104px;
	background: var(--sm-accent) !important;
	border-color: var(--sm-accent) !important;
	color: #111315 !important;
	opacity: 1 !important;
	text-indent: 0 !important;
	text-shadow: none !important;
}

body.woocommerce-shop .widget_price_filter .price_slider_amount .button:hover,
body.post-type-archive-product .widget_price_filter .price_slider_amount .button:hover,
body.tax-product_cat .widget_price_filter .price_slider_amount .button:hover {
	background: var(--sm-accent-hover) !important;
	color: #0b0d0f !important;
}

.widget_price_filter .price_label {
	color: var(--sm-text) !important;
	line-height: 1.25;
}

/* Final dark loading contract. WooCommerce injects these overlays during
 * catalogue filtering, cart refreshes and account actions. Its default is a
 * translucent white sheet, which looked like the old theme flashing back. */
html body .blockUI.blockOverlay,
html body .woocommerce .blockUI.blockOverlay,
html body .woocommerce-page .blockUI.blockOverlay,
html body .wc-block-components-spinner::after,
html body [aria-busy="true"] > .blockUI {
	background: #111416 !important;
	background-color: #111416 !important;
	color: var(--sm-accent) !important;
	opacity: 0.78 !important;
}

html body .woocommerce-cart-form,
html body .cart_totals,
html body .woocommerce-checkout-review-order,
html body .woocommerce form.checkout_coupon,
html body .woocommerce form.login,
html body .woocommerce form.register,
html body .woocommerce-MyAccount-content,
html body .wc-block-components-sidebar,
html body .wc-block-components-order-summary,
html body .wc-block-components-totals-wrapper,
html body .wc-block-components-panel,
html body .wc-block-components-drawer__content,
html body .woocommerce-store-notice,
html body .woocommerce-message,
html body .woocommerce-info,
html body .woocommerce-error {
	background: var(--sm-surface) !important;
	background-color: var(--sm-surface) !important;
	border-color: var(--sm-border) !important;
	color: var(--sm-text) !important;
}

html body .mfp-content .lightbox-content,
html body .mfp-content .product-lightbox,
html body .product-lightbox,
html body .cart-popup-inner,
html body dialog,
html body [role="dialog"] {
	background: var(--sm-surface-2) !important;
	background-color: var(--sm-surface-2) !important;
	border-color: var(--sm-border) !important;
	color: var(--sm-text) !important;
}

/* Account access: compact, legible and isolated from the full-screen popup
 * shell. The shell must remain transparent; only the real form is a surface. */
body.woocommerce-account .woocommerce {
	width: min(100% - 32px, 1180px) !important;
	margin-inline: auto !important;
}

body.woocommerce-account .woocommerce > .u-columns,
#login-form-popup .account-container {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 32px !important;
}

body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
#login-form-popup form.woocommerce-form-login,
#login-form-popup form.woocommerce-form-register {
	height: auto !important;
	min-height: 0 !important;
	padding: 30px !important;
}

body.woocommerce-account form .form-row,
#login-form-popup form .form-row {
	margin-bottom: 18px !important;
}

body.woocommerce-account form input.input-text,
#login-form-popup form input.input-text {
	display: block !important;
	width: 100% !important;
	height: 56px !important;
	min-height: 56px !important;
	padding-inline: 17px !important;
	font-size: 1rem !important;
	visibility: visible !important;
	opacity: 1 !important;
}

html body .mfp-wrap:has(#login-form-popup) .mfp-content {
	width: min(1100px, calc(100vw - 32px)) !important;
	max-width: 1100px !important;
	margin-block: 16px !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body #login-form-popup {
	width: 100% !important;
	max-width: 1100px !important;
	max-height: none !important;
	overflow-x: hidden !important;
	overflow-y: visible !important;
	background: var(--sm-surface) !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55) !important;
}

html body #login-form-popup .account-container {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	padding: 22px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

@media (max-width: 849px) {
	body.woocommerce-account .woocommerce > .u-columns,
	#login-form-popup .account-container {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 22px !important;
	}

	html body #login-form-popup .account-container {
		padding: 20px !important;
	}
}

/* Account login/register: normalize the real Flatsome/WooCommerce markup.
 * The form uses #customer_login (not WooCommerce's optional .u-columns), so
 * inherited row gutters previously produced uneven columns and spacing. */
body.woocommerce-account #customer_login,
#login-form-popup #customer_login {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: start !important;
	gap: 24px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.woocommerce-account #customer_login > .col,
#login-form-popup #customer_login > .col {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: none !important;
	border: 0 !important;
}

body.woocommerce-account #customer_login > .col::before,
#login-form-popup #customer_login > .col::before {
	display: none !important;
}

body.woocommerce-account #customer_login h2,
#login-form-popup #customer_login h2 {
	margin: 0 0 14px !important;
	padding: 0 2px !important;
	font-size: clamp(1.35rem, 2vw, 1.65rem) !important;
	line-height: 1.2 !important;
}

body.woocommerce-account #customer_login form.woocommerce-form,
#login-form-popup #customer_login form.woocommerce-form {
	width: 100% !important;
	margin: 0 !important;
	padding: 22px !important;
}

body.woocommerce-account #customer_login form .form-row,
#login-form-popup #customer_login form .form-row {
	clear: both !important;
	width: 100% !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
}

body.woocommerce-account #customer_login form .form-row > label,
#login-form-popup #customer_login form .form-row > label {
	margin: 0 0 6px !important;
	padding: 0 2px !important;
	line-height: 1.35 !important;
}

body.woocommerce-account #customer_login .password-input,
#login-form-popup #customer_login .password-input {
	display: block !important;
	width: 100% !important;
}

body.woocommerce-account #customer_login .woocommerce-form-login > .form-row:not(.form-row-wide),
#login-form-popup #customer_login .woocommerce-form-login > .form-row:not(.form-row-wide) {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 12px 18px !important;
}

body.woocommerce-account #customer_login .woocommerce-form-login__rememberme,
#login-form-popup #customer_login .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-account #customer_login .woocommerce-form-login__rememberme input,
#login-form-popup #customer_login .woocommerce-form-login__rememberme input {
	margin: 0 !important;
}

body.woocommerce-account #customer_login .woocommerce-form-login__submit,
#login-form-popup #customer_login .woocommerce-form-login__submit {
	margin: 0 !important;
}

body.woocommerce-account #customer_login .lost_password,
#login-form-popup #customer_login .lost_password,
body.woocommerce-account #customer_login .woocommerce-privacy-policy-text,
#login-form-popup #customer_login .woocommerce-privacy-policy-text {
	margin: 0 0 14px !important;
}

body.woocommerce-account #customer_login form input.input-text,
#login-form-popup #customer_login form input.input-text {
	height: 52px !important;
	min-height: 52px !important;
}

body.woocommerce-account #customer_login .woocommerce-privacy-policy-text,
#login-form-popup #customer_login .woocommerce-privacy-policy-text {
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
}

body.woocommerce-account #customer_login {
	max-width: 1060px !important;
	margin-inline: auto !important;
}

#login-form-popup #customer_login {
	max-width: none !important;
}

body.woocommerce-account #customer_login .vendor-customer-registration,
#login-form-popup #customer_login .vendor-customer-registration {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

body.woocommerce-account #customer_login .vendor-customer-registration > label,
#login-form-popup #customer_login .vendor-customer-registration > label {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 10px 12px !important;
	background: #171a1d !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: 10px !important;
}

body.woocommerce-account #customer_login .vendor-customer-registration > br,
#login-form-popup #customer_login .vendor-customer-registration > br {
	display: none !important;
}

@media (max-width: 849px) {
	body.woocommerce-account #customer_login,
	#login-form-popup #customer_login {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 24px !important;
	}

	body.woocommerce-account #customer_login form.woocommerce-form,
	#login-form-popup #customer_login form.woocommerce-form {
		padding: 22px !important;
	}
}

@media (max-width: 479px) {
	body.woocommerce-account .woocommerce {
		width: min(100% - 20px, 1180px) !important;
	}

	body.woocommerce-account #customer_login form.woocommerce-form,
	#login-form-popup #customer_login form.woocommerce-form {
		padding: 18px !important;
	}

	body.woocommerce-account #customer_login .vendor-customer-registration,
	#login-form-popup #customer_login .vendor-customer-registration {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.woocommerce-account #customer_login .woocommerce-form-login > .form-row:not(.form-row-wide),
	#login-form-popup #customer_login .woocommerce-form-login > .form-row:not(.form-row-wide) {
		align-items: stretch !important;
		flex-direction: column !important;
	}
}

/* Dedicated Dokan vendor registration: compact card and two-column flow. */
body.page-id-337 .row-main {
	max-width: 980px !important;
}

body.page-id-337 #dokan-vendor-register {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px 18px !important;
	width: min(100%, 920px) !important;
	margin: 24px auto 48px !important;
	padding: 26px !important;
	background: #1b1f22 !important;
	border: 1px solid var(--sm-border) !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
}

body.page-id-337 #dokan-vendor-register > .form-row,
body.page-id-337 #dokan-vendor-register > .form-row-wide,
body.page-id-337 #dokan-vendor-register .split-row > .form-row {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-id-337 #dokan-vendor-register > .split-row,
body.page-id-337 #dokan-vendor-register > div:not([style*="-999em"]),
body.page-id-337 #dokan-vendor-register > p:has(.tc_check_box),
body.page-id-337 #dokan-vendor-register > .form-row:last-child {
	grid-column: 1 / -1 !important;
}

body.page-id-337 #dokan-vendor-register > .split-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

body.page-id-337 #dokan-vendor-register label {
	margin: 0 0 6px !important;
	padding: 0 2px !important;
	font-size: 0.9rem !important;
	line-height: 1.35 !important;
}

body.page-id-337 #dokan-vendor-register input.input-text,
body.page-id-337 #dokan-vendor-register input.form-control {
	height: 50px !important;
	min-height: 50px !important;
	padding: 10px 14px !important;
}

body.page-id-337 #dokan-vendor-register small {
	display: block !important;
	margin-top: 5px !important;
	color: var(--sm-muted) !important;
	font-size: 0.78rem !important;
	line-height: 1.35 !important;
}

body.page-id-337 #dokan-vendor-register > .form-row:last-child {
	display: flex !important;
	justify-content: flex-end !important;
	margin-top: 2px !important;
}

body.page-id-337 #dokan-vendor-register > .form-row:last-child input[type="submit"] {
	min-width: 170px !important;
	margin: 0 !important;
}

/* Contemporary account heading: replace the oversized solid-yellow strip. */
body.woocommerce-account .my-account-header.page-title {
	margin: 0 0 26px !important;
	padding: 24px 20px !important;
	background:
		radial-gradient(circle at 50% 120%, rgba(245, 181, 27, 0.18), transparent 48%),
		linear-gradient(180deg, #171a1d 0%, #121518 100%) !important;
	border-top: 1px solid rgba(245, 181, 27, 0.2) !important;
	border-bottom: 1px solid var(--sm-border) !important;
}

body.woocommerce-account .my-account-header .page-title-inner {
	min-height: 0 !important;
}

body.woocommerce-account .my-account-header > .page-title-bg,
body.woocommerce-account .my-account-header > .page-title-bg .page-title-bg-overlay {
	background: transparent !important;
	opacity: 0 !important;
}

body.woocommerce-account .my-account-header h1 {
	color: var(--sm-text) !important;
	font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
	letter-spacing: 0.045em !important;
}

body.woocommerce-account .my-account-header h1::after {
	display: block;
	width: 42px;
	height: 3px;
	margin: 12px auto 0;
	background: var(--sm-accent);
	border-radius: 99px;
	content: "";
}

/* Context and visual hierarchy for the dedicated seller registration page. */
.sm-vendor-register-intro {
	width: min(100% - 24px, 920px);
	margin: 30px auto 18px;
	padding: 28px 30px;
	background:
		linear-gradient(120deg, rgba(245, 181, 27, 0.1), transparent 42%),
		#171a1d;
	border: 1px solid var(--sm-border);
	border-radius: 16px;
	box-shadow: 0 16px 44px rgba(0, 0, 0, 0.2);
}

.sm-vendor-register-intro__eyebrow {
	margin: 0 0 9px !important;
	color: var(--sm-accent) !important;
	font-size: 0.75rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase;
}

.sm-vendor-register-intro h1 {
	max-width: 720px;
	margin: 0 0 10px !important;
	color: var(--sm-text) !important;
	font-size: clamp(1.75rem, 4vw, 2.65rem) !important;
	line-height: 1.08 !important;
}

.sm-vendor-register-intro__copy {
	max-width: 720px;
	margin: 0 !important;
	color: var(--sm-muted) !important;
	font-size: 1rem;
	line-height: 1.6;
}

body.page-id-337 #dokan-vendor-register {
	margin-top: 0 !important;
}

/* Product covers are curated by category; vendors keep gallery control. */
.dokan-dashboard-wrap .dokan-feat-image-upload,
.dokan-product-edit .dokan-feat-image-upload,
.dokan-new-product-area .dokan-feat-image-upload {
	display: none !important;
}

.sm-category-cover-notice {
	display: grid;
	grid-template-columns: minmax(180px, 0.36fr) minmax(0, 1fr);
	gap: 10px 22px;
	margin: 0 0 20px;
	padding: 16px 18px;
	background: linear-gradient(110deg, rgba(245, 181, 27, 0.12), rgba(27, 31, 34, 0.98));
	border: 1px solid rgba(245, 181, 27, 0.3);
	border-radius: 12px;
	color: var(--sm-text);
}

.sm-category-cover-notice strong {
	color: var(--sm-accent);
}

.sm-category-cover-notice span {
	color: var(--sm-muted);
	line-height: 1.45;
}

@media (max-width: 699px) {
	.sm-vendor-register-intro {
		margin-top: 18px;
		padding: 22px 20px;
	}

	.sm-category-cover-notice {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	html body *,
	html body *::before,
	html body *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

@media (max-width: 699px) {
	body.page-id-337 #dokan-vendor-register {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 14px !important;
		width: min(100% - 20px, 920px) !important;
		margin-top: 16px !important;
		padding: 20px !important;
	}

	body.page-id-337 #dokan-vendor-register > .split-row {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 14px !important;
	}

	body.page-id-337 #dokan-vendor-register > .form-row,
	body.page-id-337 #dokan-vendor-register > .form-row-wide {
		grid-column: 1 !important;
	}
}

html body .mfp-preloader,
html body .loading-spin,
html body .ux-loading,
html body .woocommerce .loader {
	color: var(--sm-accent) !important;
}

@media (max-width: 849px) {
	.sm-home-hero .banner-bg::after {
		background: linear-gradient(180deg, rgba(7, 9, 11, 0.48), rgba(7, 9, 11, 0.88));
	}

	.sm-home-hero h1 {
		font-size: clamp(2.75rem, 13vw, 4.4rem) !important;
	}

	.sm-home-hero .sm-hero-copy {
		margin-inline: auto;
	}

	.sm-hero-actions,
	.sm-hero-proof {
		justify-content: center;
	}

	.sm-trust-grid > .col {
		padding-block: 0 !important;
	}

	.sm-trust-card {
		border-right: 0;
		border-bottom: 1px solid var(--sm-border);
	}

	.sm-trust-grid > .col:last-child .sm-trust-card {
		border-bottom: 0;
	}

	.sm-section-link {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.sm-catalog-aside {
		max-width: none;
		margin: 8px 0 28px;
	}

	.sm-products-note {
		max-width: none;
		margin: 5px 0 30px;
	}

	.sm-about-visual,
	.sm-promise-panel {
		margin: 28px 0 0;
	}

	.sm-about-visual .img,
	.sm-about-visual img {
		min-height: 300px;
	}

	.sm-about-stats .col > .col-inner > div {
		border-right: 0;
		border-bottom: 1px solid var(--sm-border);
	}

	.sm-about-stats .col:last-child > .col-inner > div {
		border-bottom: 0;
	}

	.sm-about-cta .text-right,
	.sm-category-cta .text-right {
		text-align: left !important;
	}
}

@media (max-width: 549px) {
	.sm-hero-actions .button {
		width: 100%;
	}

	.sm-hero-proof {
		gap: 10px 16px;
		font-size: 0.7rem;
	}

	.sm-step-list article {
		grid-template-columns: 42px 1fr;
		padding: 18px;
	}

	.sm-home-products .product.type-product > .col-inner {
		border-radius: 16px !important;
	}

	.sm-home-products .product-small.box .box-image {
		border-radius: 11px !important;
	}

	.sm-home-products .product-small.box .box-text {
		min-height: 138px;
		padding: 16px 8px 18px !important;
	}

	.page-id-100 .accordion .accordion-title {
		padding-right: 16px !important;
		padding-left: 50px !important;
		font-size: 0.96rem !important;
	}

	.page-id-100 .accordion .accordion-title .toggle {
		left: 13px !important;
	}

	.page-id-100 .accordion .accordion-inner {
		padding-left: 50px !important;
	}
}

/* Registered-user staff picker for the Dokan React dashboard. */
.sm-staff-native-form {
	display: none !important;
}

.sm-staff-directory-picker {
	width: 100%;
	padding: clamp(20px, 3vw, 30px);
	background: linear-gradient(145deg, #1d2125, #171a1d);
	border: 1px solid #2c3238;
	border-radius: 14px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
	color: var(--sm-text);
}

.sm-staff-picker-heading {
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--sm-border);
}

.sm-staff-picker-kicker {
	display: block;
	margin-bottom: 7px;
	color: var(--sm-accent);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.16em;
}

.sm-staff-picker-heading h3 {
	margin: 0 0 7px !important;
	font-size: clamp(1.35rem, 3vw, 1.8rem) !important;
}

.sm-staff-picker-heading p,
.sm-staff-profile-field p {
	margin: 0;
	color: var(--sm-muted) !important;
}

.sm-staff-search > label,
.sm-staff-profile-field > label {
	display: block;
	margin: 0 0 9px;
	padding: 0 3px;
	font-weight: 700;
}

.sm-staff-search-control {
	display: flex;
	align-items: center;
	min-height: 48px;
	background: #15181b;
	border: 1px solid #30363d;
	border-radius: 10px;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.sm-staff-search-control:focus-within {
	border-color: var(--sm-accent);
	box-shadow: 0 0 0 3px var(--sm-accent-soft);
}

.sm-staff-search-control > span {
	flex: 0 0 44px;
	color: var(--sm-muted);
	font-size: 1.4rem;
	text-align: center;
}

html body .sm-staff-search-control input {
	min-height: 46px !important;
	margin: 0 !important;
	padding: 10px 14px 10px 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.sm-staff-search-status {
	min-height: 24px;
	margin: 11px 3px 8px;
	color: var(--sm-muted);
	font-size: 0.86rem;
}

.sm-staff-search-status.is-success { color: var(--sm-success); }
.sm-staff-search-status.is-error { color: var(--sm-danger); }
.sm-staff-search-status.is-loading { color: var(--sm-accent); }

.sm-staff-search-results {
	display: grid;
	gap: 8px;
	margin-bottom: 20px;
}

html body .sm-staff-user-result {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	width: 100%;
	min-height: 66px;
	margin: 0;
	padding: 9px 13px;
	background: #191d20 !important;
	border: 1px solid #2b3137 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: var(--sm-text) !important;
	text-align: left;
	text-transform: none;
}

html body .sm-staff-user-result:hover,
html body .sm-staff-user-result.is-selected {
	background: #22272b !important;
	border-color: rgba(245, 181, 27, 0.65) !important;
	transform: none;
}

.sm-staff-user-result img {
	width: 46px;
	height: 46px;
	object-fit: cover;
	border-radius: 50%;
}

.sm-staff-user-copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.sm-staff-user-copy strong,
.sm-staff-user-copy small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sm-staff-user-copy small {
	color: var(--sm-muted);
	font-size: 0.77rem;
	font-weight: 500;
}

.sm-staff-user-action {
	color: var(--sm-accent);
	font-size: 0.76rem;
	font-weight: 800;
}

.sm-staff-selected {
	margin: 0 0 22px;
	padding: 13px 15px;
	background: rgba(53, 196, 141, 0.08);
	border: 1px solid rgba(53, 196, 141, 0.26);
	border-radius: 9px;
	color: #9be8c8;
}

.sm-staff-profile-field {
	margin-top: 8px;
	padding-top: 22px;
	border-top: 1px solid var(--sm-border);
}

html body .sm-staff-profile-field select {
	width: 100%;
	max-width: 420px;
	margin: 0 0 10px !important;
	background: #15181b !important;
	border: 1px solid #30363d !important;
	color: var(--sm-text) !important;
}

.sm-staff-picker-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 26px;
}

html body .sm-staff-picker-actions .button {
	min-height: 44px;
	margin: 0;
	padding: 0 22px;
	border-radius: 9px;
}

html body .sm-staff-picker-actions .button:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

@media (max-width: 549px) {
	.sm-staff-directory-picker {
		padding: 18px;
		border-radius: 11px;
	}

	html body .sm-staff-user-result {
		grid-template-columns: 42px minmax(0, 1fr);
		padding: 10px;
	}

	.sm-staff-user-result img {
		width: 42px;
		height: 42px;
	}

	.sm-staff-user-action {
		display: none;
	}

	.sm-staff-picker-actions,
	html body .sm-staff-picker-actions .button {
		width: 100%;
	}
}
/* Staff member management cards and role controls. */
.sm-staff-management-list {
	margin-bottom: 26px;
	padding: clamp(20px, 3vw, 28px);
	background: linear-gradient(145deg, #1d2125, #171a1d);
	border: 1px solid #2d3339;
	border-radius: 14px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26);
}

.sm-staff-management-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--sm-border);
}

.sm-staff-management-heading h3 {
	margin: 0 0 5px !important;
	font-size: clamp(1.3rem, 2.5vw, 1.7rem) !important;
}

.sm-staff-management-heading p {
	margin: 0;
	color: var(--sm-muted) !important;
}

.sm-staff-management-heading .button {
	flex: 0 0 auto;
	margin: 0;
	border-radius: 9px;
}

.sm-staff-members-grid {
	display: grid;
	gap: 12px;
}

.sm-staff-member-card {
	display: grid;
	grid-template-columns: minmax(220px, 1.25fr) minmax(180px, 0.75fr);
	gap: 16px 22px;
	padding: 16px;
	background: #191d20;
	border: 1px solid #2b3137;
	border-radius: 11px;
}

.sm-staff-member-main {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
}

.sm-staff-member-main img {
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 50%;
}

.sm-staff-member-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.sm-staff-member-copy strong,
.sm-staff-member-copy small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sm-staff-member-copy small {
	color: var(--sm-muted);
}

.sm-staff-role-badge {
	justify-self: start;
	margin-top: 3px;
	padding: 3px 8px;
	background: var(--sm-accent-soft);
	border: 1px solid rgba(245, 181, 27, 0.28);
	border-radius: 999px;
	color: var(--sm-accent);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.sm-staff-member-role label {
	display: block;
	margin: 0 0 6px;
	font-size: 0.76rem;
}

html body .sm-staff-member-role select {
	width: 100%;
	margin: 0 !important;
	background: #14171a !important;
	border: 1px solid #30363d !important;
	color: var(--sm-text) !important;
}

.sm-staff-member-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	grid-column: 1 / -1;
}

html body .sm-staff-member-actions .button {
	min-height: 36px;
	margin: 0;
	padding: 0 13px;
	background: #252a2f !important;
	border: 1px solid #353c43 !important;
	border-radius: 8px;
	color: var(--sm-text) !important;
	font-size: 0.72rem;
	line-height: 34px;
}

html body .sm-staff-member-actions .sm-save-role {
	background: var(--sm-accent) !important;
	border-color: var(--sm-accent) !important;
	color: #111315 !important;
}

html body .sm-staff-member-actions .sm-remove-member {
	margin-left: auto;
	border-color: rgba(255, 100, 116, 0.35) !important;
	color: #ff919d !important;
}

.sm-staff-member-message {
	grid-column: 1 / -1;
	min-height: 18px;
	color: var(--sm-muted);
	font-size: 0.78rem;
}

.sm-staff-member-message.is-success { color: var(--sm-success); }
.sm-staff-member-message.is-error { color: var(--sm-danger); }

@media (max-width: 700px) {
	.sm-staff-management-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.sm-staff-management-heading .button {
		width: 100%;
	}

	.sm-staff-member-card {
		grid-template-columns: 1fr;
		padding: 14px;
	}

	.sm-staff-member-actions {
		grid-column: 1;
	}

	html body .sm-staff-member-actions .button,
	html body .sm-staff-member-actions .sm-remove-member {
		flex: 1 1 calc(50% - 7px);
		margin-left: 0;
	}
}
/* Unified STAFF screen */
.sm-hide-native-add-staff {
	display: none !important;
}

.sm-native-staff-summary {
	display: none !important;
}

.sm-staff-management-list .sm-staff-directory-inline {
	margin: 20px 0 22px;
	padding: clamp(18px, 2.4vw, 24px);
	box-shadow: none;
}

.sm-staff-member-card.is-platform-admin {
	border-color: rgba(251, 184, 18, .42) !important;
	background: linear-gradient(135deg, rgba(251, 184, 18, .08), rgba(27, 31, 35, .98)) !important;
}

.sm-staff-member-card.is-platform-admin .sm-staff-member-role select:disabled {
	opacity: 1 !important;
	color: #fbb812 !important;
	-webkit-text-fill-color: #fbb812 !important;
}

.sm-staff-member-message.is-readonly {
	color: var(--sm-muted) !important;
}

.sm-edit-platform-admin {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

@media (max-width: 700px) {
	.sm-staff-management-list .sm-staff-directory-inline {
		margin-inline: 0;
		padding: 16px;
	}
}

/* Direct unified STAFF page */
.sm-unified-staff-page > :not(#sm-staff-management-list) {
	display: none !important;
}

.sm-unified-staff-page #sm-staff-management-list {
	margin-top: 0 !important;
}

/* Rendering budget: skip below-fold marketplace cards until they approach the
 * viewport, and avoid GPU-heavy hover filters on touch-sized screens. */
.sm-home-products .product.type-product,
.shop-container .product.type-product,
.product-category {
	content-visibility: auto;
	contain-intrinsic-size: 300px 460px;
}

@media (max-width: 849px) {
	body a { transition-duration: 80ms !important; }
	.sm-home-products .product.type-product,
	.sm-home-products .product.type-product:hover > .col-inner,
	.product-category .box,
	.product-category .box:hover {
		transform: none !important;
	}
	.sm-home-products .product-small.box .box-image img,
	.sm-home-products .product.type-product:hover .box-image img,
	.product-category .box-image img,
	.product-category .box:hover .box-image img {
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto !important; }
	.sm-home-products .product-small.box .box-image img,
	.product-category .box-image img { transition: none !important; }
}

/* Cierre de especificidad: todos los selectores avanzados del frontend deben
 * conservar el mismo foco, apertura y opción activa en amarillo. */
html body .select2-container--default.select2-container--focus .select2-selection--single,
html body .select2-container--default.select2-container--focus .select2-selection--multiple,
html body .select2-container--default.select2-container--open .select2-selection--single,
html body .select2-container--default.select2-container--open .select2-selection--multiple,
html body .chosen-container-active .chosen-single,
html body .chosen-container-active .chosen-choices,
html body .selectize-control.focus .selectize-input,
html body .ts-wrapper.focus .ts-control {
	border: 1px solid var(--sm-accent) !important;
	box-shadow: 0 0 0 3px var(--sm-accent-soft) !important;
	outline: 0 !important;
}

html body .select2-container--default .select2-results__option--highlighted[aria-selected],
html body .select2-container--default .select2-results__option--selected,
html body .chosen-container .chosen-results li.highlighted,
html body .selectize-dropdown .option.active,
html body .ts-dropdown .option.active,
html body [role="listbox"] [role="option"]:hover,
html body [role="listbox"] [role="option"]:focus,
html body [role="listbox"] [role="option"][aria-selected="true"] {
	background: var(--sm-accent) !important;
	color: #17191b !important;
}

/* ================================================================
 * Carrito y pago: experiencia oscura unificada
 * ================================================================ */
body.woocommerce-cart,
body.woocommerce-checkout {
	background: #0f1214 !important;
	color: var(--sm-text) !important;
}

body.woocommerce-cart #main,
body.woocommerce-checkout #main,
body.woocommerce-cart .page-wrapper,
body.woocommerce-checkout .page-wrapper,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
	background: #0f1214 !important;
	color: var(--sm-text) !important;
}

body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
	width: min(1220px, calc(100% - 32px));
	margin-inline: auto;
	padding-block: clamp(26px, 4vw, 54px) clamp(46px, 6vw, 78px);
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .woocommerce-cart-form__contents,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment,
body.woocommerce-checkout form.checkout_coupon {
	background: linear-gradient(145deg, #1e2327, #171b1f) !important;
	border-color: #303840 !important;
	color: var(--sm-text) !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout form.checkout_coupon {
	border: 1px solid #303840 !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .24) !important;
}

body.woocommerce-cart .woocommerce-cart-form {
	padding: clamp(16px, 2.4vw, 26px) !important;
}

body.woocommerce-cart .cart_totals {
	padding: clamp(20px, 2.8vw, 30px) !important;
}

body.woocommerce-cart .shop_table,
body.woocommerce-checkout .shop_table {
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.woocommerce-cart .shop_table thead th,
body.woocommerce-checkout .shop_table thead th {
	padding: 10px 13px !important;
	background: rgba(255, 255, 255, .025) !important;
	border: 0 !important;
	border-bottom: 1px solid #343d45 !important;
	color: #aeb7bf !important;
	font-size: .72rem !important;
	font-weight: 800 !important;
	letter-spacing: .07em;
}

body.woocommerce-cart .shop_table tbody td,
body.woocommerce-checkout .shop_table tbody td,
body.woocommerce-checkout .shop_table tbody th,
body.woocommerce-checkout .shop_table tfoot td,
body.woocommerce-checkout .shop_table tfoot th {
	padding: 14px 13px !important;
	background: transparent !important;
	border-color: #303840 !important;
	color: var(--sm-text) !important;
}

body.woocommerce-cart .product-thumbnail img {
	width: 76px !important;
	height: 76px !important;
	border: 1px solid #343d45;
	border-radius: 12px;
	object-fit: cover;
}

body.woocommerce-cart .product-name a,
body.woocommerce-checkout .product-name,
body.woocommerce-checkout .product-name a {
	color: var(--sm-text) !important;
	font-weight: 750 !important;
}

body.woocommerce-cart .product-price,
body.woocommerce-cart .product-subtotal,
body.woocommerce-checkout .product-total,
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .cart-subtotal td {
	color: var(--sm-accent) !important;
	font-weight: 850 !important;
}

body.woocommerce-cart a.remove {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 32px !important;
	height: 32px !important;
	border: 1px solid #4a555f !important;
	border-radius: 50% !important;
	background: #171b1f !important;
	color: #d7dde2 !important;
	line-height: 1 !important;
}

body.woocommerce-cart a.remove:hover {
	border-color: #ef6674 !important;
	background: rgba(239, 102, 116, .12) !important;
	color: #ff8d98 !important;
}

body.woocommerce-cart .quantity {
	display: inline-grid !important;
	grid-template-columns: 42px minmax(46px, 54px) 42px;
	align-items: stretch;
	border: 1px solid #3b454e;
	border-radius: 11px;
	background: #14181c !important;
	overflow: hidden;
}

body.woocommerce-cart .quantity .minus,
body.woocommerce-cart .quantity .plus {
	min-width: 42px !important;
	height: 42px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--sm-accent) !important;
	color: #111417 !important;
	font-weight: 900 !important;
}

body.woocommerce-cart .quantity .qty {
	width: 100% !important;
	min-width: 0 !important;
	height: 42px !important;
	padding: 0 5px !important;
	border: 0 !important;
	border-inline: 1px solid #3b454e !important;
	border-radius: 0 !important;
	background: #171c20 !important;
	color: var(--sm-text) !important;
	box-shadow: none !important;
	text-align: center;
}

/* Product and quick-view quantity controls: keep multi-digit values fully visible. */
body.single-product form.cart .ux-quantity.quantity,
body.single-product form.cart .quantity.buttons_added,
body .product-lightbox form.cart .ux-quantity.quantity,
body .product-lightbox form.cart .quantity.buttons_added,
body .mfp-content form.cart .ux-quantity.quantity,
body .mfp-content form.cart .quantity.buttons_added {
	display: inline-grid !important;
	grid-template-columns: 44px minmax(62px, 72px) 44px !important;
	width: auto !important;
	min-width: 150px !important;
	align-items: stretch !important;
}

body.single-product form.cart .quantity .qty,
body .product-lightbox form.cart .quantity .qty,
body .mfp-content form.cart .quantity .qty {
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 62px !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 6px !important;
	border-radius: 0 !important;
	font-size: 16px !important;
	line-height: 48px !important;
	font-variant-numeric: tabular-nums;
	text-align: center !important;
	text-indent: 0 !important;
	overflow: visible !important;
}

/* Beat the global form-field rule, whose :not() chain is intentionally specific. */
body.single-product form.cart .ux-quantity.quantity input.input-text.qty.text,
body .product-lightbox form.cart .ux-quantity.quantity input.input-text.qty.text,
body .mfp-content form.cart .ux-quantity.quantity input.input-text.qty.text {
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 62px !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 6px !important;
	border-radius: 0 !important;
	font-size: 16px !important;
	line-height: normal !important;
	text-align: center !important;
	text-indent: 0 !important;
	overflow: visible !important;
}

html body.single-product form.cart .ux-quantity.quantity input.input-text.qty.text[type="number"][name="quantity"],
html body .product-lightbox form.cart .ux-quantity.quantity input.input-text.qty.text[type="number"][name="quantity"],
html body .mfp-content form.cart .ux-quantity.quantity input.input-text.qty.text[type="number"][name="quantity"] {
	padding: 0 6px !important;
	line-height: normal !important;
}

body.single-product form.cart .quantity .minus,
body.single-product form.cart .quantity .plus,
body .product-lightbox form.cart .quantity .minus,
body .product-lightbox form.cart .quantity .plus,
body .mfp-content form.cart .quantity .minus,
body .mfp-content form.cart .quantity .plus {
	box-sizing: border-box !important;
	width: 44px !important;
	min-width: 44px !important;
	height: 48px !important;
	padding: 0 !important;
}

.dokan-dashboard-content .sm-stock-required-note {
	margin: 8px 0 0 !important;
	padding: 9px 11px !important;
	border: 1px solid rgba(245, 181, 27, .28) !important;
	border-radius: 8px !important;
	background: rgba(245, 181, 27, .08) !important;
	color: #e8c96e !important;
	font-size: 12px !important;
	font-weight: 650 !important;
	line-height: 1.45 !important;
}

body.woocommerce-cart .cart_totals > h2,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3 {
	margin: 0 0 20px !important;
	padding: 0 0 14px !important;
	border-bottom: 1px solid #343d45 !important;
	color: var(--sm-text) !important;
	font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
	letter-spacing: .01em;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-checkout #place_order {
	width: 100% !important;
	min-height: 54px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, var(--sm-accent), #ffd05a) !important;
	color: #101316 !important;
	font-weight: 900 !important;
	letter-spacing: .045em;
	box-shadow: 0 12px 26px rgba(245, 181, 27, .18) !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	margin-bottom: 24px !important;
	padding: 17px 20px !important;
	background: linear-gradient(135deg, #1e2327, #191d20) !important;
	border: 1px solid #303840 !important;
	border-left: 3px solid var(--sm-accent) !important;
	border-radius: 14px !important;
	color: var(--sm-text) !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle a {
	color: var(--sm-accent) !important;
}

body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
	margin-bottom: 22px;
	padding: clamp(20px, 3vw, 30px) !important;
}

body.woocommerce-checkout .form-row,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout .col-inner,
body.woocommerce-checkout .woocommerce-input-wrapper {
	background: transparent !important;
	color: var(--sm-text) !important;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection {
	background: #151a1e !important;
	border-color: #3b4650 !important;
	color: var(--sm-text) !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order {
	padding: clamp(20px, 3vw, 30px) !important;
	overflow: hidden;
}

body.woocommerce-checkout #payment {
	margin-top: 20px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px !important;
	overflow: hidden;
}

body.woocommerce-checkout #payment ul.payment_methods {
	display: grid;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

body.woocommerce-checkout #payment li.wc_payment_method {
	margin: 0 !important;
	padding: 15px 16px !important;
	background: #1c2125 !important;
	border: 1px solid #343d45 !important;
	border-radius: 12px !important;
	color: var(--sm-text) !important;
	overflow: hidden;
}

body.woocommerce-checkout #payment li.wc_payment_method:has(input:checked) {
	border-color: rgba(245, 181, 27, .72) !important;
	background: linear-gradient(135deg, rgba(245, 181, 27, .09), #1c2125 48%) !important;
	box-shadow: inset 3px 0 0 var(--sm-accent);
}

body.woocommerce-checkout #payment li.wc_payment_method > label {
	margin: 0 !important;
	color: var(--sm-text) !important;
	font-weight: 750 !important;
}

body.woocommerce-checkout #payment div.payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.woocommerce-checkout #payment fieldset,
body.woocommerce-checkout #payment .stripe-source-errors,
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew {
	margin: 14px 0 0 !important;
	padding: 16px !important;
	background: #151a1e !important;
	border: 1px solid #303940 !important;
	border-radius: 10px !important;
	color: #dce2e7 !important;
	box-shadow: none !important;
}

body.woocommerce-checkout #payment div.payment_box::before {
	display: none !important;
	content: none !important;
}

body.woocommerce-checkout #payment p,
body.woocommerce-checkout #payment li,
body.woocommerce-checkout #payment span,
body.woocommerce-checkout #payment small {
	color: #d4dbe1;
}

body.woocommerce-checkout #payment .payment_method_sampmarket_nowpayments,
body.woocommerce-checkout #payment .payment_method_bacs,
body.woocommerce-checkout #payment .payment_method_stripe {
	background-color: #1c2125 !important;
}

body.woocommerce-cart .blockUI.blockOverlay,
body.woocommerce-checkout .blockUI.blockOverlay,
body.woocommerce-checkout .woocommerce-checkout-payment.processing::before {
	background: #101316 !important;
	background-color: #101316 !important;
	opacity: .86 !important;
}

body.woocommerce-cart #footer .payment-icons,
body.woocommerce-checkout #footer .payment-icons,
body.woocommerce-cart footer .payment-icons,
body.woocommerce-checkout footer .payment-icons {
	display: none !important;
}

@media (min-width: 850px) {
	body.woocommerce-checkout #order_review,
	body.woocommerce-checkout .woocommerce-checkout-review-order {
		position: sticky;
		top: calc(var(--sm-header-height) + 22px);
	}
}

@media (max-width: 849px) {
	body.woocommerce-cart .woocommerce,
	body.woocommerce-checkout .woocommerce {
		width: min(100% - 20px, 680px);
		padding-top: 20px;
	}

	body.woocommerce-cart .woocommerce-cart-form,
	body.woocommerce-cart .cart_totals,
	body.woocommerce-checkout .woocommerce-billing-fields,
	body.woocommerce-checkout .woocommerce-additional-fields,
	body.woocommerce-checkout .woocommerce-checkout-review-order {
		border-radius: 15px !important;
	}

	body.woocommerce-cart .shop_table thead th {
		padding-inline: 8px !important;
		font-size: .65rem !important;
	}

	body.woocommerce-cart .shop_table tbody td {
		padding: 12px 8px !important;
	}

	body.woocommerce-cart .product-thumbnail img {
		width: 64px !important;
		height: 64px !important;
	}

	body.woocommerce-cart .quantity {
		grid-template-columns: 38px 42px 38px;
	}

	body.woocommerce-cart .quantity .minus,
	body.woocommerce-cart .quantity .plus,
	body.woocommerce-cart .quantity .qty {
		height: 40px !important;
	}
}

/* Formulario de pago y acciones del carrito: estructura estable, sin floats
 * heredados de plantillas antiguas. */
body.woocommerce-checkout form.checkout > .row.pt-0 {
	display: grid !important;
	grid-template-columns: minmax(0, 1.35fr) minmax(360px, .85fr);
	gap: clamp(22px, 3vw, 34px);
	align-items: start;
}

body.woocommerce-checkout form.checkout > .row.pt-0 > .col {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	flex: none !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 16px;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_city_field,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_state_field,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field {
	grid-column: 1 / -1;
}

body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
	display: grid;
	gap: 16px;
}

body.woocommerce-checkout .form-row label {
	margin-bottom: 8px !important;
	color: #edf1f4 !important;
	font-size: .9rem !important;
	font-weight: 720 !important;
}

body.woocommerce-checkout .form-row label .required,
body.woocommerce-checkout abbr.required {
	color: var(--sm-accent) !important;
	text-decoration: none !important;
}

body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row .select2-selection {
	width: 100% !important;
	min-height: 50px !important;
	padding: 12px 15px !important;
	border: 1px solid #3a454e !important;
	border-radius: 11px !important;
	background: #151a1e !important;
	color: #f3f5f7 !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .form-row textarea {
	min-height: 118px !important;
	resize: vertical;
}

body.woocommerce-checkout .form-row input.input-text:hover,
body.woocommerce-checkout .form-row textarea:hover,
body.woocommerce-checkout .form-row select:hover,
body.woocommerce-checkout .form-row .select2-selection:hover {
	border-color: #596570 !important;
}

body.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .form-row textarea:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .select2-container--focus .select2-selection,
body.woocommerce-checkout .select2-container--open .select2-selection {
	border-color: var(--sm-accent) !important;
	box-shadow: 0 0 0 3px rgba(245, 181, 27, .16) !important;
	outline: 0 !important;
}

body.woocommerce-checkout .woocommerce-invalid input.input-text,
body.woocommerce-checkout .woocommerce-invalid select,
body.woocommerce-checkout .woocommerce-invalid .select2-selection {
	border-color: #ef6674 !important;
	box-shadow: 0 0 0 3px rgba(239, 102, 116, .12) !important;
}

body.woocommerce-checkout #wc-stripe-express-checkout-element:empty,
body.woocommerce-checkout #wc-stripe-express-checkout-button-separator,
body.woocommerce-checkout #wc-stripe-express-checkout__order-attribution-inputs:empty {
	display: none !important;
}

body.woocommerce-checkout .checkout-sidebar > h3 {
	margin: 0 !important;
	padding: clamp(20px, 2.5vw, 28px) clamp(20px, 2.8vw, 30px) 16px !important;
	border: 1px solid #303840 !important;
	border-bottom: 0 !important;
	border-radius: 18px 18px 0 0 !important;
	background: linear-gradient(145deg, #1e2327, #191d21) !important;
	color: var(--sm-text) !important;
}

body.woocommerce-checkout .checkout-sidebar > .col-inner {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.woocommerce-checkout .checkout-sidebar > h3 + .woocommerce-checkout-review-order,
body.woocommerce-checkout .checkout-sidebar > h3 + #order_review {
	border-radius: 0 0 18px 18px !important;
}

body.woocommerce-checkout #payment .place-order {
	margin: 0 !important;
	padding: 20px 0 0 !important;
	background: transparent !important;
	border: 0 !important;
}

body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
	margin-top: 16px;
	padding: 14px 16px;
	border: 1px solid #303840;
	border-radius: 10px;
	background: #151a1e !important;
	color: #aeb7bf !important;
}

body.woocommerce-cart .cart-collaterals .ux-cart-coupon {
	margin-top: 16px !important;
	padding: 18px !important;
	border: 1px solid #303840 !important;
	border-radius: 14px !important;
	background: linear-gradient(145deg, #1d2226, #171b1f) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

body.woocommerce-cart .cart-collaterals .coupon {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
}

body.woocommerce-cart .cart-collaterals .coupon .widget-title {
	grid-column: 1 / -1;
	margin: 0 0 4px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid #343d45 !important;
	color: var(--sm-text) !important;
	font-size: .92rem !important;
}

body.woocommerce-cart .cart-collaterals .coupon #coupon_code {
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	border: 1px solid #3a454e !important;
	border-radius: 10px !important;
	background: #151a1e !important;
	color: var(--sm-text) !important;
}

body.woocommerce-cart .cart-collaterals .coupon button {
	height: 48px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--sm-accent) !important;
	color: #111417 !important;
	font-weight: 850 !important;
}

body.woocommerce-cart .woocommerce-cart-form .actions {
	display: table-cell !important;
	width: auto !important;
	padding: 18px 13px 14px !important;
}

body.woocommerce-cart .woocommerce-cart-form .actions .continue-shopping,
body.woocommerce-cart .woocommerce-cart-form .actions .button {
	margin: 0 !important;
	white-space: nowrap;
}

body.woocommerce-cart .woocommerce-cart-form .actions .continue-shopping {
	float: left !important;
}

body.woocommerce-cart .woocommerce-cart-form .actions > .button {
	float: right !important;
}

body.woocommerce-cart .woocommerce-cart-form .actions button:disabled {
	border-color: #39434b !important;
	background: #252b30 !important;
	color: #8f99a2 !important;
	opacity: 1 !important;
	cursor: not-allowed;
	box-shadow: none !important;
	transform: none !important;
}

/* Evita comprimir la tabla y los totales en portátiles y tablets horizontales. */
@media (max-width: 1099px) {
	body.woocommerce-cart .woocommerce > .row,
	body.woocommerce-cart .woocommerce.row {
		display: block !important;
	}

	body.woocommerce-cart .woocommerce-cart-form,
	body.woocommerce-cart .woocommerce-cart-form + .cart-collaterals,
	body.woocommerce-cart .cart-collaterals,
	body.woocommerce-cart .woocommerce > .row > .col,
	body.woocommerce-cart .woocommerce.row > .col {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.woocommerce-cart .cart-collaterals {
		margin-top: 22px !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

@media (max-width: 849px) {
	body.woocommerce-cart .woocommerce-cart-form,
	body.woocommerce-cart .cart-collaterals {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.woocommerce-cart .cart-collaterals {
		margin-top: 20px !important;
	}

	body.woocommerce-checkout form.checkout > .row.pt-0 {
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
	}

	body.woocommerce-checkout .checkout-sidebar {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (min-width: 561px) and (max-width: 849px) {
	body.woocommerce-cart .woocommerce-cart-form__contents td.actions {
		display: table-cell !important;
		width: auto !important;
		padding: 18px 8px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents td.actions .continue-shopping,
	body.woocommerce-cart .woocommerce-cart-form__contents td.actions > .button {
		display: inline-block !important;
		width: auto !important;
		min-width: 180px;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents td.actions .continue-shopping {
		float: left !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents td.actions > .button {
		float: right !important;
	}
}

@media (max-width: 560px) {
	body.woocommerce-cart .woocommerce-cart-form {
		overflow: visible !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents,
	body.woocommerce-cart .woocommerce-cart-form__contents tbody {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		overflow: visible !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents thead {
		display: none !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item {
		display: grid !important;
		grid-template-columns: 34px 76px minmax(0, 1fr);
		grid-template-areas:
			"remove thumbnail name"
			"price price subtotal"
			"quantity quantity quantity";
		gap: 16px 10px;
		align-items: center;
		width: 100% !important;
		padding: 16px 0 !important;
		border-bottom: 1px solid #303840 !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td {
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-remove { grid-area: remove; }
	body.woocommerce-cart .woocommerce-cart-form__contents .product-thumbnail { grid-area: thumbnail; }
	body.woocommerce-cart .woocommerce-cart-form__contents .product-name { grid-area: name; }
	body.woocommerce-cart .woocommerce-cart-form__contents .product-price { grid-area: price; }
	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity { grid-area: quantity; }
	body.woocommerce-cart .woocommerce-cart-form__contents .product-subtotal {
		grid-area: subtotal;
		text-align: right !important;
	}
	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 2px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-thumbnail img {
		display: block !important;
		width: 76px !important;
		height: 76px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-name a {
		display: block;
		margin-bottom: 4px;
		font-size: .95rem;
		line-height: 1.25;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-name .mobile-product-price {
		display: none !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-price::before,
	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity::before,
	body.woocommerce-cart .woocommerce-cart-form__contents .product-subtotal::before {
		display: block !important;
		width: auto !important;
		margin: 0 0 7px !important;
		color: #929da7 !important;
		font-size: .62rem !important;
		font-weight: 800 !important;
		letter-spacing: .055em;
		line-height: 1.15;
		text-transform: uppercase;
		content: attr(data-title) !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-subtotal::before {
		text-align: right !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity::before {
		text-align: center;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity .quantity {
		grid-template-columns: 36px 42px 36px !important;
		width: 114px !important;
		min-width: 114px !important;
		max-width: 114px !important;
		float: none !important;
		margin-inline: auto !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-remove {
		align-self: center;
		height: 32px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-remove a.remove {
		position: static !important;
		margin: 0 !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity .minus,
	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity .plus,
	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity .qty {
		height: 38px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity .minus,
	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity .plus {
		width: 36px !important;
		min-width: 36px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents .product-quantity .qty {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents tbody > tr:not(.cart_item),
	body.woocommerce-cart .woocommerce-cart-form__contents tbody > tr:not(.cart_item) > td {
		display: block !important;
		width: 100% !important;
	}

	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
		grid-template-columns: minmax(0, 1fr);
	}

	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last,
	body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide {
		grid-column: 1 !important;
	}

	body.woocommerce-cart .cart-collaterals .coupon {
		grid-template-columns: minmax(0, 1fr);
	}

	body.woocommerce-cart .cart-collaterals .coupon button {
		width: 100% !important;
	}

	body.woocommerce-cart .woocommerce-cart-form .actions,
	body.woocommerce-cart .woocommerce-cart-form .actions .continue-shopping,
	body.woocommerce-cart .woocommerce-cart-form .actions .button {
		width: 100% !important;
	}

	body.woocommerce-cart .woocommerce-cart-form .actions {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	body.woocommerce-cart .woocommerce-cart-form .actions .continue-shopping,
	body.woocommerce-cart .woocommerce-cart-form .actions > .button {
		float: none !important;
	}

	/* Final guard against legacy Flatsome/WooCommerce alignment rules. */
	body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-subtotal {
		text-align: right !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
	}

	body.woocommerce-cart .woocommerce-cart-form__contents tr.cart_item td.product-quantity .quantity {
		align-self: center !important;
		float: none !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

/* Mi Cuenta: overrides finales tras estilos heredados de Dokan/Flatsome. */
body.woocommerce-account .woocommerce-MyAccount-content a.dokan-btn.vendor-dashboard {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 10px 17px !important;
	background: linear-gradient(135deg, #f5b51b, #ffc94b) !important;
	border: 1px solid #f5b51b !important;
	border-radius: 9px !important;
	color: #111417 !important;
	font-size: .78rem !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 20px 0 0 !important;
	padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 64px !important;
	padding: 12px !important;
	background: #171b1f !important;
	border: 1px solid var(--sm-account-border) !important;
	border-radius: 10px !important;
	color: #e9edf0 !important;
	font-size: .84rem !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	text-align: center !important;
	text-decoration: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links a:hover,
body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links a:focus-visible {
	background: rgba(245,181,27,.1) !important;
	border-color: rgba(245,181,27,.45) !important;
	color: var(--sm-accent) !important;
}

@media (max-width: 849px) {
	body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 479px) {
	body.woocommerce-account .woocommerce-MyAccount-content .dashboard-links {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation li a {
		min-height: 44px !important;
		padding: 8px 9px !important;
		font-size: .69rem !important;
	}
}

/* Mi Cuenta: correcciones de distribución detectadas en la validación real. */
body.woocommerce-account .woocommerce-MyAccount-content ul.dashboard-links {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	align-items: stretch !important;
}

body.woocommerce-account .woocommerce-MyAccount-content ul.dashboard-links > li {
	display: list-item !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	float: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content ul.dashboard-links > li.is-active:first-child {
	display: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content ul.dashboard-links > li > a {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	min-height: 68px !important;
	margin: 0 !important;
	padding: 13px 12px !important;
	overflow-wrap: anywhere !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	gap: 2px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
	min-height: 38px !important;
	padding: 7px 10px !important;
}

/* Dokan conserva un pseudo-icono absoluto; se reserva su espacio para que no invada el texto. */
html body .dokan-message,
html body .dokan-info,
html body .dokan-error,
html body .dokan-alert-danger,
html body .dokan-alert-info,
html body .dokan-alert-success {
	position: relative !important;
	min-height: 56px !important;
	padding: 16px 18px 16px 58px !important;
	line-height: 1.5 !important;
}

html body .dokan-message::before,
html body .dokan-info::before,
html body .dokan-error::before {
	top: 50% !important;
	left: 17px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	padding: 0 !important;
	border-radius: 7px !important;
	line-height: 1 !important;
	transform: translateY(-50%) !important;
}

/* El formulario inicial es el único hijo de esta cuadrícula: debe usar todo el panel. */
body.woocommerce-account .woocommerce-MyAccount-content .sm-mediation-app {
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 30px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .sm-med-grid {
	grid-template-columns: minmax(0, 1fr) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .sm-med-grid > .sm-med-panel,
body.woocommerce-account .woocommerce-MyAccount-content .sm-med-form {
	width: 100% !important;
	max-width: none !important;
}

@media (max-width: 849px) {
	body.woocommerce-account .woocommerce-MyAccount-content ul.dashboard-links {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	body.woocommerce-account .woocommerce-MyAccount-content ul.dashboard-links {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content .sm-med-form {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-content .sm-med-panel {
		padding: 17px !important;
	}
}

/* ================================================================
   SAMP MARKET · IDENTIDAD VISUAL 2026
   Banners fotográficos y logotipos reales por categoría
   ================================================================ */

/* Los banners nuevos conservan textura fotográfica sin perder legibilidad. */
.sm-home-hero .banner-bg img,
.sm-home-cta .banner-bg img,
.sm-categories-hero .banner-bg img,
.sampmarket-about-hero .banner-bg img,
.sampmarket-contact-hero .banner-bg img {
	filter: saturate(.92) contrast(1.04) !important;
}

.sm-home-hero .overlay,
.sampmarket-about-hero .overlay,
.sampmarket-contact-hero .overlay {
	background: linear-gradient(90deg, rgba(7, 9, 12, .94) 0%, rgba(7, 9, 12, .72) 37%, rgba(7, 9, 12, .16) 72%, rgba(7, 9, 12, .04) 100%) !important;
}

.sm-categories-hero .overlay {
	background: linear-gradient(90deg, rgba(7, 9, 12, .70), rgba(7, 9, 12, .40) 50%, rgba(7, 9, 12, .70)) !important;
}

/* Logotipo de juego sobre cada portada. La imagen sigue siendo arte real del juego. */
.sm-category-grid .box-image,
.sm-category-grid .box-image > a,
.sm-home-categories a[href*="/categoria-producto/"] .box-image,
.sm-home-categories a[href*="/product-category/"] .box-image {
	position: relative !important;
}

.sm-category-grid .box-image > a::after,
.sm-home-categories a[href*="/categoria-producto/"] .box-image::before,
.sm-home-categories a[href*="/product-category/"] .box-image::before {
	content: "" !important;
	position: absolute !important;
	top: 16px !important;
	left: 50% !important;
	z-index: 5 !important;
	display: block !important;
	width: 66% !important;
	height: 58px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .95)) !important;
	pointer-events: none !important;
	transform: translateX(-50%) !important;
}

/* Apex Legends */
.sm-category-grid .box-image > a[href*="/apexlegends/"]::after,
.sm-home-categories a[href*="/apexlegends/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/apex-legends.webp?v=3") !important;
	filter: brightness(0) invert(1) drop-shadow(0 3px 8px #000) !important;
}

/* Call of Duty */
.sm-category-grid .box-image > a[href*="/callofduty/"]::after,
.sm-home-categories a[href*="/callofduty/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/call-of-duty.webp?v=3") !important;
	filter: brightness(0) invert(1) drop-shadow(0 3px 8px #000) !important;
}

/* Counter-Strike */
.sm-category-grid .box-image > a[href*="/counterstrike/"]::after,
.sm-home-categories a[href*="/counterstrike/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/counter-strike-2.webp?v=3") !important;
	filter: brightness(0) invert(1) drop-shadow(0 3px 8px #000) !important;
}

/* Fortnite */
.sm-category-grid .box-image > a[href*="/fortnite/"]::after,
.sm-home-categories a[href*="/fortnite/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/fortnite.webp?v=3") !important;
	filter: brightness(0) invert(1) drop-shadow(0 3px 8px #000) !important;
}

/* Free Fire */
.sm-category-grid .box-image > a[href*="/freefire/"]::after,
.sm-home-categories a[href*="/freefire/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/free-fire.webp?v=3") !important;
	filter: grayscale(1) brightness(0) invert(1) drop-shadow(0 3px 8px #000) !important;
}

/* GTA V */
.sm-category-grid .box-image > a[href*="/gtav/"]::after,
.sm-home-categories a[href*="/gtav/"] .box-image::before {
	width: 48% !important;
	height: 72px !important;
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/gta-v.webp?v=3") !important;
}

/* League of Legends */
.sm-category-grid .box-image > a[href*="/leagueoflegends/"]::after,
.sm-home-categories a[href*="/leagueoflegends/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/league-of-legends.webp?v=3") !important;
}

/* Roblox */
.sm-category-grid .box-image > a[href*="/roblox/"]::after,
.sm-home-categories a[href*="/roblox/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/roblox.webp?v=3") !important;
	filter: brightness(0) invert(1) drop-shadow(0 3px 8px #000) !important;
}

/* SA-MP */
.sm-category-grid .box-image > a[href*="/samp/"]::after,
.sm-home-categories a[href*="/samp/"] .box-image::before {
	width: 54% !important;
	height: 72px !important;
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/samp.webp?v=4") !important;
	filter: drop-shadow(0 0 2px rgba(245, 181, 27, .95)) drop-shadow(0 3px 8px #000) !important;
}

/* Valorant */
.sm-category-grid .box-image > a[href*="/valorant/"]::after,
.sm-home-categories a[href*="/valorant/"] .box-image::before {
	background-image: url("https://sampmarket.com/wp-content/uploads/2026/08/game-logos/valorant.webp?v=3") !important;
}

@media (max-width: 849px) {
	.sm-home-hero .overlay,
	.sampmarket-about-hero .overlay,
	.sampmarket-contact-hero .overlay {
		background: linear-gradient(180deg, rgba(7, 9, 12, .46), rgba(7, 9, 12, .88)) !important;
	}

	.sm-category-grid .box-image > a::after,
	.sm-home-categories a[href*="/categoria-producto/"] .box-image::before,
	.sm-home-categories a[href*="/product-category/"] .box-image::before {
		top: 12px !important;
		height: 48px !important;
	}
}