/* ==========================================================================
   BESTPRICE CUSTOM
   FINAL SITEWIDE PREMIUM POLISH
   ========================================================================== */


/* ==========================================================================
   BRAND SYSTEM
   ========================================================================== */

:root {
	--bpf-amber: #d5971d;
	--bpf-amber-dark: #a4670d;

	--bpf-blue: #397cff;
	--bpf-blue-dark: #1953c9;

	--bpf-green: #18b784;
	--bpf-green-dark: #087e5a;

	--bpf-purple: #875cf4;
	--bpf-purple-dark: #5d38c8;

	--bpf-red: #ec5158;
	--bpf-red-dark: #b82d3d;

	--bpf-cyan: #18a7c8;

	--bpf-ink: #10171e;
	--bpf-ink-2: #17222c;
	--bpf-ink-3: #243440;

	--bpf-white: #ffffff;
	--bpf-warm: #f8f7f3;
	--bpf-soft: #f0efea;

	--bpf-line: rgba(18, 25, 31, 0.09);

	--bpf-shadow:
		0 18px 48px rgba(16, 22, 28, 0.09);

	--bpf-shadow-lg:
		0 30px 75px rgba(16, 22, 28, 0.14);
}


/* ==========================================================================
   SITEWIDE SURFACE
   ========================================================================== */

body.bestprice-custom-theme {
	background:
		linear-gradient(
			180deg,
			#faf9f6 0%,
			#f1f0ec 100%
		);
}


/* ==========================================================================
   CRITICAL DARK-SECTION LEGIBILITY FIX
   ========================================================================== */

body.bestprice-custom-theme .bp-showroom-hero h1,
body.bestprice-custom-theme .bp-showroom-hero h2,
body.bestprice-custom-theme .bp-showroom-hero h3,

body.bestprice-custom-theme .bp-showroom-feature h1,
body.bestprice-custom-theme .bp-showroom-feature h2,
body.bestprice-custom-theme .bp-showroom-feature h3,

body.bestprice-custom-theme .bp-showroom-trade h1,
body.bestprice-custom-theme .bp-showroom-trade h2,
body.bestprice-custom-theme .bp-showroom-trade h3,

body.bestprice-custom-theme .bp-merchandise-section--dark h1,
body.bestprice-custom-theme .bp-merchandise-section--dark h2,
body.bestprice-custom-theme .bp-merchandise-section--dark h3,

body.bestprice-custom-theme .bp-commercial-banner h1,
body.bestprice-custom-theme .bp-commercial-banner h2,
body.bestprice-custom-theme .bp-commercial-banner h3,

body.bestprice-custom-theme .bp-footer h1,
body.bestprice-custom-theme .bp-footer h2,
body.bestprice-custom-theme .bp-footer h3,
body.bestprice-custom-theme .bp-footer h4,

body.bestprice-custom-theme .bp-footer--premium h1,
body.bestprice-custom-theme .bp-footer--premium h2,
body.bestprice-custom-theme .bp-footer--premium h3,
body.bestprice-custom-theme .bp-footer--premium h4 {
	color: #ffffff !important;
}


/* Supporting copy on dark sections */

.bp-showroom-hero p,
.bp-showroom-feature p,
.bp-showroom-trade p,
.bp-merchandise-section--dark p,
.bp-commercial-banner p,
.bp-footer p,
.bp-footer--premium p {
	color: #aeb8c1;
}


/* Hero gradient headline remains intentional */

.bp-showroom-hero__content h1 span {
	background:
		linear-gradient(
			90deg,
			#e4aa34 0%,
			#f3ce74 36%,
			#69d6b7 72%,
			#7ca7ff 100%
		);

	-webkit-background-clip: text;
	background-clip: text;

	color: transparent !important;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.bp-header {
	background: rgba(255, 255, 255, 0.97);

	border-bottom: 0;

	box-shadow:
		0 9px 34px rgba(14, 19, 24, 0.07);

	backdrop-filter: blur(16px);
}

.bp-header__main {
	background:
		linear-gradient(
			135deg,
			#ffffff 0%,
			#faf9f6 66%,
			#f1f0eb 100%
		);
}

.bp-header__main-inner {
	min-height: 94px;
}


/* ==========================================================================
   SEARCH
   ========================================================================== */

.bp-product-search {
	height: 58px;

	border-radius: 18px;

	border:
		1px solid rgba(18, 25, 31, 0.07);

	background:
		linear-gradient(
			145deg,
			#f7f6f2,
			#ecebe6
		);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.94),
		0 8px 22px rgba(18, 23, 28, 0.045);
}

.bp-product-search:focus-within {
	background: #ffffff;

	border-color:
		rgba(57, 124, 255, 0.38);

	box-shadow:
		0 0 0 4px rgba(57, 124, 255, 0.07),
		0 14px 30px rgba(17, 23, 29, 0.08);
}

.bp-product-search__submit {
	top: 6px;
	right: 6px;

	width: 46px;
	height: 46px;

	border-radius: 13px;

	background:
		linear-gradient(
			135deg,
			var(--bpf-blue),
			var(--bpf-purple)
		) !important;

	color: #ffffff !important;

	box-shadow:
		0 10px 25px rgba(57, 124, 255, 0.2);
}


/* ==========================================================================
   HEADER ACTIONS
   ========================================================================== */

.bp-header-action {
	border-radius: 16px;
}

.bp-header-action__icon {
	border-radius: 13px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#efeee9
		);

	border-color:
		rgba(18, 25, 31, 0.08);

	box-shadow:
		0 7px 18px rgba(18, 23, 28, 0.05);
}

.bp-header-action:hover {
	background:
		linear-gradient(
			135deg,
			rgba(57, 124, 255, 0.07),
			rgba(135, 92, 244, 0.045)
		);

	border-color:
		rgba(57, 124, 255, 0.11);
}

.bp-cart-count {
	background:
		linear-gradient(
			135deg,
			var(--bpf-red),
			var(--bpf-red-dark)
		);

	color: #ffffff;

	box-shadow:
		0 7px 18px rgba(236, 81, 88, 0.25);
}


/* ==========================================================================
   NAVIGATION
   ========================================================================== */

.bp-navigation {
	background:
		linear-gradient(
			110deg,
			#0e151d 0%,
			#17222c 56%,
			#22303c 100%
		);

	border: 0;
}


/* Override the old yellow homepage category button too */

.bp-category-trigger,
.bestprice-home-view .bp-category-trigger {
	height: 58px;

	border-radius: 0 18px 18px 0;

	background:
		linear-gradient(
			135deg,
			#24313d,
			#141c24
		) !important;

	color: #ffffff !important;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		8px 0 24px rgba(0, 0, 0, 0.12);
}

.bp-category-trigger__icon,
.bestprice-home-view .bp-category-trigger__icon {
	color: var(--bpf-amber) !important;
}

.bp-category-trigger:hover,
.bestprice-home-view .bp-category-trigger:hover {
	background:
		linear-gradient(
			135deg,
			#314352,
			#19242e
		) !important;
}


/* Main menu */

.bp-primary-menu > li > a {
	position: relative;

	color: #bdc5cc;
}

.bp-primary-menu > li > a::after {
	content: "";

	position: absolute;

	left: 14px;
	right: 14px;
	bottom: 10px;

	height: 2px;

	border-radius: 999px;

	background:
		linear-gradient(
			90deg,
			var(--bpf-blue),
			var(--bpf-purple),
			var(--bpf-red)
		);

	transform: scaleX(0);
	transform-origin: left center;

	transition:
		transform 180ms ease;
}

.bp-primary-menu > li > a:hover,
.bp-primary-menu > li.current-menu-item > a {
	color: #ffffff;
}

.bp-primary-menu > li > a:hover::after,
.bp-primary-menu > li.current-menu-item > a::after {
	transform: scaleX(1);
}

.bp-header-shop-link span,
.bestprice-home-view .bp-header-shop-link span {
	color: var(--bpf-green) !important;
}


/* ==========================================================================
   CATEGORY DRAWER
   ========================================================================== */

.bp-category-drawer {
	background:
		linear-gradient(
			180deg,
			#ffffff,
			#f6f5f1
		);

	box-shadow:
		24px 0 65px rgba(14, 20, 26, 0.18);
}

.bp-category-drawer__header {
	border-bottom:
		1px solid rgba(18, 25, 31, 0.08);
}

.bp-category-drawer__close {
	border-radius: 12px;
}

.bp-category-drawer__toggle {
	border-radius: 10px;

	background: #f0efeb;
}

.bp-category-drawer__toggle:hover,
.bp-category-drawer__toggle[aria-expanded="true"] {
	background:
		linear-gradient(
			135deg,
			var(--bpf-blue),
			var(--bpf-purple)
		);

	color: #ffffff;

	border-color: transparent;
}

.bp-category-drawer__item > a:hover {
	color: var(--bpf-blue);
}


/* Hide Uncategorized */

.bp-category-drawer a[href*="uncategorized"],
.bp-category-drawer a[href*="/product-category/uncategorized"] {
	display: none !important;
}


/* ==========================================================================
   BUTTONS
   ========================================================================== */

.bp-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	border-radius: 11px;

	font-weight: 800;

	transition:
		transform 180ms ease,
		box-shadow 180ms ease,
		background 180ms ease,
		color 180ms ease;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background:
		linear-gradient(
			135deg,
			#1a242e,
			#10171e
		);

	color: #ffffff;

	box-shadow:
		0 8px 18px rgba(17, 23, 29, 0.11);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	transform: translateY(-2px);

	background:
		linear-gradient(
			135deg,
			var(--bpf-blue),
			var(--bpf-purple)
		);

	color: #ffffff;

	box-shadow:
		0 12px 28px rgba(57, 124, 255, 0.2);
}


/* Primary purchase actions */

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button {
	background:
		linear-gradient(
			135deg,
			var(--bpf-green),
			var(--bpf-green-dark)
		) !important;

	color: #ffffff !important;

	box-shadow:
		0 12px 28px rgba(24, 183, 132, 0.2) !important;
}


/* ==========================================================================
   FORMS
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
textarea,
select,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
	border-radius: 12px !important;

	border:
		1px solid rgba(18, 25, 31, 0.11) !important;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#f7f6f2
		) !important;

	transition:
		border-color 180ms ease,
		box-shadow 180ms ease;
}

input:focus,
textarea:focus,
select:focus {
	outline: none !important;

	border-color:
		rgba(57, 124, 255, 0.42) !important;

	box-shadow:
		0 0 0 4px rgba(57, 124, 255, 0.07) !important;
}


/* ==========================================================================
   PAGE / ARCHIVE HEADERS
   ========================================================================== */

.bp-page-header,
.bp-shop-header,
.woocommerce-products-header {
	position: relative;

	overflow: hidden;

	background:
		linear-gradient(
			135deg,
			#faf9f6 0%,
			#f0efea 58%,
			#eaf0f8 100%
		);

	border-bottom:
		1px solid rgba(18, 25, 31, 0.07);
}

.bp-page-header::after,
.bp-shop-header::after,
.woocommerce-products-header::after {
	content: "";

	position: absolute;

	top: -150px;
	right: -100px;

	width: 390px;
	height: 390px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(57, 124, 255, 0.11),
			rgba(135, 92, 244, 0.05) 40%,
			transparent 70%
		);
}


/* ==========================================================================
   WOOCOMMERCE NOTICES
   ========================================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: 14px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#f8f7f3
		);

	box-shadow:
		0 10px 28px rgba(17, 23, 29, 0.06);
}

.woocommerce-message {
	border-top-color: var(--bpf-green);
}

.woocommerce-info {
	border-top-color: var(--bpf-blue);
}

.woocommerce-error {
	border-top-color: var(--bpf-red);
}


/* ==========================================================================
   SHOP / ARCHIVE
   ========================================================================== */

.bestprice-shop-view,
.post-type-archive-product,
.tax-product_cat {
	background:
		linear-gradient(
			180deg,
			#faf9f6,
			#efeee9
		);
}


/* Toolbar */

.bp-catalogue-toolbar {
	border-radius: 16px;

	background:
		rgba(255, 255, 255, 0.79);

	border:
		1px solid rgba(18, 25, 31, 0.08);

	box-shadow:
		0 9px 25px rgba(16, 22, 28, 0.05);

	backdrop-filter: blur(12px);
}


/* Catalogue cards */

.bp-catalogue-card,
.woocommerce ul.products li.product {
	overflow: hidden;

	border-radius: 16px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#f8f7f3
		);

	border:
		1px solid rgba(18, 25, 31, 0.08);

	box-shadow:
		0 8px 22px rgba(16, 22, 28, 0.04);

	transition:
		transform 180ms ease,
		box-shadow 180ms ease,
		border-color 180ms ease;
}

.bp-catalogue-card:nth-child(4n + 1) {
	--catalogue-accent: var(--bpf-blue);
}

.bp-catalogue-card:nth-child(4n + 2) {
	--catalogue-accent: var(--bpf-green);
}

.bp-catalogue-card:nth-child(4n + 3) {
	--catalogue-accent: var(--bpf-purple);
}

.bp-catalogue-card:nth-child(4n + 4) {
	--catalogue-accent: var(--bpf-red);
}

.bp-catalogue-card:hover,
.woocommerce ul.products li.product:hover {
	transform: translateY(-5px);

	border-color:
		rgba(57, 124, 255, 0.19);

	box-shadow:
		0 20px 46px rgba(16, 22, 28, 0.09);
}

.bp-catalogue-card__arrow,
.bp-catalogue-card__action {
	color:
		var(--catalogue-accent, var(--bpf-blue));
}


/* Sale badges */

.woocommerce span.onsale,
.bp-catalogue-card__sale,
.bp-product-card__badge {
	background:
		linear-gradient(
			135deg,
			var(--bpf-red),
			var(--bpf-red-dark)
		) !important;

	color: #ffffff !important;

	box-shadow:
		0 7px 17px rgba(236, 81, 88, 0.21);
}


/* ==========================================================================
   PRICING
   ========================================================================== */

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.bp-product-summary .price,
.bp-catalogue-card__price {
	color: #161c22;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins,
.bp-product-summary .price ins,
.bp-catalogue-card__price ins {
	color: var(--bpf-red);
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del {
	color: #9ba1a6;
}


/* ==========================================================================
   SINGLE PRODUCT
   ========================================================================== */

.bestprice-product-view {
	background:
		linear-gradient(
			180deg,
			#faf9f6,
			#f0efea
		);
}

.bp-product-shell {
	padding:
		44px 0 80px;
}

.bp-product-main {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		minmax(420px, 0.88fr);

	gap: 58px;

	align-items: start;
}

.bp-product-gallery {
	overflow: hidden;

	border-radius: 24px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#ecebe6
		);

	border:
		1px solid rgba(18, 25, 31, 0.08);

	box-shadow:
		0 20px 50px rgba(16, 22, 28, 0.07);
}

.bp-product-summary.summary.entry-summary {
	width: 100% !important;

	float: none !important;

	margin: 0 !important;

	padding: 7px 0;
}


/* Add coloured confidence strip */

.bp-product-confidence {
	display: grid;

	grid-template-columns: 1fr;

	gap: 8px;

	margin-top: 27px;
}

.bp-product-confidence__item {
	display: flex;

	align-items: center;

	gap: 12px;

	padding: 13px 14px;

	border-radius: 13px;

	border:
		1px solid rgba(18, 25, 31, 0.08);

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#f5f4f0
		);
}

.bp-product-confidence__icon {
	flex: 0 0 31px;

	width: 31px;
	height: 31px;

	display: grid;
	place-items: center;

	border-radius: 10px;

	font-size: 10px;

	font-weight: 800;
}

.bp-product-confidence__item--green
	.bp-product-confidence__icon {
	background:
		rgba(24, 183, 132, 0.11);

	color: var(--bpf-green);
}

.bp-product-confidence__item--blue
	.bp-product-confidence__icon {
	background:
		rgba(57, 124, 255, 0.1);

	color: var(--bpf-blue);
}

.bp-product-confidence__item--purple
	.bp-product-confidence__icon {
	background:
		rgba(135, 92, 244, 0.1);

	color: var(--bpf-purple);
}

.bp-product-confidence__item strong {
	display: block;

	margin-bottom: 2px;

	color: #182027;

	font-size: 10px;
}

.bp-product-confidence__item small {
	display: block;

	color: #7d858c;

	font-size: 8px;
}


/* Product details */

.bp-product-details {
	margin-top: 60px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--bpf-blue);
}


/* ==========================================================================
   RELATED / UPSELL PRODUCTS
   ========================================================================== */

.single-product
	.related.products,
.single-product
	.up-sells {
	margin-top: 55px;

	padding-top: 40px;

	border-top:
		1px solid rgba(18, 25, 31, 0.08);
}

.single-product
	.related.products > h2::before,
.single-product
	.up-sells > h2::before {
	content: "";

	display: inline-block;

	width: 8px;
	height: 8px;

	margin-right: 10px;

	border-radius: 50%;

	background:
		linear-gradient(
			135deg,
			var(--bpf-purple),
			var(--bpf-blue)
		);
}


/* ==========================================================================
   CART
   ========================================================================== */

.bestprice-cart-view {
	background:
		linear-gradient(
			180deg,
			#faf9f6,
			#efeee9
		);
}

.woocommerce-cart table.shop_table {
	overflow: hidden;

	border-radius: 18px;

	background: #ffffff;

	border:
		1px solid rgba(18, 25, 31, 0.08);

	box-shadow:
		0 14px 34px rgba(16, 22, 28, 0.055);
}

.woocommerce-cart table.shop_table thead {
	background:
		linear-gradient(
			90deg,
			#edf3fb,
			#f6f2ed
		);
}

.woocommerce-cart
	.cart-collaterals
	.cart_totals {
	border-radius: 19px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#f6f5f1
		);

	border:
		1px solid rgba(18, 25, 31, 0.08);

	box-shadow:
		0 18px 42px rgba(16, 22, 28, 0.07);
}

.woocommerce-cart
	.wc-proceed-to-checkout
	a.checkout-button {
	background:
		linear-gradient(
			135deg,
			var(--bpf-green),
			var(--bpf-blue)
		) !important;

	color: #ffffff !important;

	box-shadow:
		0 14px 30px rgba(23, 143, 151, 0.2);
}


/* ==========================================================================
   CHECKOUT
   ========================================================================== */

.bestprice-checkout-view {
	background:
		linear-gradient(
			180deg,
			#faf9f6,
			#efeee9
		);
}

.woocommerce-checkout
	.woocommerce-billing-fields,

.woocommerce-checkout
	.woocommerce-additional-fields,

.woocommerce-checkout
	#order_review,

.woocommerce-checkout
	.woocommerce-checkout-review-order {
	border-radius: 18px;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#f7f6f2
		);

	border:
		1px solid rgba(18, 25, 31, 0.08);

	box-shadow:
		0 16px 40px rgba(16, 22, 28, 0.06);
}

.woocommerce-checkout h3::before {
	content: "";

	display: inline-block;

	width: 8px;
	height: 8px;

	margin-right: 9px;

	border-radius: 50%;

	background:
		linear-gradient(
			135deg,
			var(--bpf-blue),
			var(--bpf-green)
		);
}

.woocommerce-checkout #payment {
	border-radius: 17px;

	background:
		linear-gradient(
			145deg,
			#f6f5f1,
			#ecebe6
		);
}

.woocommerce-checkout
	#payment
	#place_order {
	background:
		linear-gradient(
			135deg,
			var(--bpf-green),
			var(--bpf-blue)
		) !important;

	color: #ffffff !important;
}


/* ==========================================================================
   ACCOUNT
   ========================================================================== */

.bestprice-account-view {
	background:
		linear-gradient(
			180deg,
			#faf9f6,
			#f0efea
		);
}

.woocommerce-account
	.woocommerce-MyAccount-navigation {
	overflow: hidden;

	border-radius: 17px;

	background:
		linear-gradient(
			180deg,
			#17222c,
			#0f161d
		);

	box-shadow:
		0 16px 40px rgba(16, 22, 28, 0.12);
}

.woocommerce-account
	.woocommerce-MyAccount-navigation
	li a {
	display: block;

	padding: 11px 13px;

	border-radius: 9px;

	color: #bbc4cb;
}

.woocommerce-account
	.woocommerce-MyAccount-navigation
	li a:hover,

.woocommerce-account
	.woocommerce-MyAccount-navigation
	li.is-active a {
	background:
		linear-gradient(
			135deg,
			rgba(57, 124, 255, 0.23),
			rgba(135, 92, 244, 0.16)
		);

	color: #ffffff;
}


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

.bp-footer--premium {
	background:
		linear-gradient(
			125deg,
			#080e14 0%,
			#101922 42%,
			#122635 70%,
			#1b1c31 100%
		);
}

.bp-footer--premium::before {
	background:
		radial-gradient(
			circle,
			rgba(57, 124, 255, 0.15),
			rgba(135, 92, 244, 0.07) 38%,
			transparent 70%
		);
}

.bp-footer--premium::after {
	background:
		radial-gradient(
			circle,
			rgba(24, 183, 132, 0.07),
			transparent 68%
		);

	border: 0;

	box-shadow: none;
}


/* Remove large yellow footer strip */

.bp-footer-rail {
	background:
		linear-gradient(
			90deg,
			#152433 0%,
			#192b37 48%,
			#211d35 100%
		);

	color: #ffffff;
}

.bp-footer-rail__item {
	border-right-color:
		rgba(255, 255, 255, 0.07);
}

.bp-footer-rail__item strong {
	color: #ffffff;
}

.bp-footer-rail__item div span {
	color: #7f8c96;
}


/* Three different accent indicators */

.bp-footer-rail__item:nth-child(1)
	.bp-footer-rail__mark {
	background:
		linear-gradient(
			135deg,
			var(--bpf-blue),
			var(--bpf-cyan)
		);

	box-shadow:
		0 0 0 5px rgba(57, 124, 255, 0.09);
}

.bp-footer-rail__item:nth-child(2)
	.bp-footer-rail__mark {
	background:
		linear-gradient(
			135deg,
			var(--bpf-green),
			#60dbb7
		);

	box-shadow:
		0 0 0 5px rgba(24, 183, 132, 0.09);
}

.bp-footer-rail__item:nth-child(3)
	.bp-footer-rail__mark {
	background:
		linear-gradient(
			135deg,
			var(--bpf-purple),
			var(--bpf-red)
		);

	box-shadow:
		0 0 0 5px rgba(135, 92, 244, 0.09);
}


/* Brand mark */

.bp-brandmark {
	background:
		linear-gradient(
			135deg,
			var(--bpf-blue),
			var(--bpf-purple)
		) !important;

	color: #ffffff !important;

	border-color:
		rgba(255, 255, 255, 0.12);

	box-shadow:
		0 12px 30px rgba(57, 124, 255, 0.2);
}


/* Footer contact card */

.bp-footer-contact-card {
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.07),
			rgba(57, 124, 255, 0.045),
			rgba(135, 92, 244, 0.025)
		);
}

.bp-footer-contact-card::before {
	background:
		radial-gradient(
			circle,
			rgba(57, 124, 255, 0.17),
			rgba(135, 92, 244, 0.07) 42%,
			transparent 70%
		);
}

.bp-footer-contact-card__label {
	color: #7daaff;
}

.bp-footer-contact-card__button {
	background:
		linear-gradient(
			135deg,
			var(--bpf-green),
			var(--bpf-blue)
		) !important;

	color: #ffffff !important;

	box-shadow:
		0 12px 28px rgba(22, 129, 151, 0.2);
}


/* Links */

.bp-footer-premium__links a::before {
	background:
		linear-gradient(
			90deg,
			var(--bpf-blue),
			var(--bpf-green)
		);
}

.bp-footer-map-link {
	color: #6fdfbc;
}


/* ==========================================================================
   PAYMENT METHOD FALLBACK STYLING
   ========================================================================== */

/*
 * Until we add actual logo assets, make the existing payment labels
 * look intentional rather than like plain placeholder buttons.
 */

.bp-footer-payment-chips {
	gap: 8px;
}

.bp-footer-payment-chips span {
	min-height: 30px;

	padding: 0 11px;

	border-radius: 7px;

	font-size: 8px;

	font-weight: 800;
}

.bp-footer-payment-chips span:nth-child(1) {
	background:
		linear-gradient(
			135deg,
			rgba(24, 183, 132, 0.17),
			rgba(24, 183, 132, 0.05)
		);

	color: #71ddb9;

	border-color:
		rgba(24, 183, 132, 0.23);
}

.bp-footer-payment-chips span:nth-child(2) {
	background:
		linear-gradient(
			135deg,
			rgba(57, 124, 255, 0.17),
			rgba(57, 124, 255, 0.05)
		);

	color: #8bb3ff;

	border-color:
		rgba(57, 124, 255, 0.23);
}

.bp-footer-payment-chips span:nth-child(3) {
	background:
		linear-gradient(
			135deg,
			rgba(236, 81, 88, 0.15),
			rgba(213, 151, 29, 0.08)
		);

	color: #ff9a9f;

	border-color:
		rgba(236, 81, 88, 0.22);
}

.bp-footer-payment-chips span:nth-child(4) {
	background:
		linear-gradient(
			135deg,
			rgba(236, 81, 88, 0.16),
			rgba(135, 92, 244, 0.06)
		);

	color: #ff8e94;

	border-color:
		rgba(236, 81, 88, 0.22);
}


/* ==========================================================================
   PAGINATION
   ========================================================================== */

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover {
	background:
		linear-gradient(
			135deg,
			var(--bpf-blue),
			var(--bpf-purple)
		);

	color: #ffffff;

	border-color: transparent;
}


/* ==========================================================================
   MOBILE / TABLET PRODUCT GRIDS
   ========================================================================== */

@media (max-width: 900px) {

	.bp-product-main {
		grid-template-columns: 1fr;

		gap: 32px;
	}


	/* Product archives */

	.bp-catalogue-grid,
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		display: grid !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 12px !important;
	}


	.bp-catalogue-card,
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 100% !important;

		float: none !important;

		margin:
			0 !important;
	}


	/* Related products */

	.single-product
		.related.products
		ul.products,

	.single-product
		.up-sells
		ul.products {
		display: grid !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 12px !important;
	}


	.bp-category-trigger,
	.bestprice-home-view .bp-category-trigger {
		border-radius:
			0 14px 14px 0;
	}
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 600px) {

	.bp-header__main-inner {
		min-height: 72px;
	}


	.bp-product-search {
		height: 50px;

		border-radius: 14px;
	}


	.bp-product-search__submit {
		top: 5px;
		right: 5px;

		width: 40px;
		height: 40px;

		border-radius: 10px;
	}


	/* --------------------------------------------------------------
	   KEEP PRODUCT PAGES AS TWO-COLUMN GRID ON PHONES
	   -------------------------------------------------------------- */

	.bp-catalogue-grid,
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		display: grid !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 9px !important;
	}


	.bp-catalogue-card,
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 100% !important;

		float: none !important;

		margin: 0 !important;

		border-radius: 12px;
	}


	/* Make cards compact enough for 2 columns */

	.bp-catalogue-card__media,
	.woocommerce ul.products li.product a img {
		margin-bottom: 0 !important;
	}


	.bp-catalogue-card__content {
		padding: 11px;
	}


	.bp-catalogue-card__title,
	.woocommerce ul.products li.product
		.woocommerce-loop-product__title {
		font-size: 10px !important;

		line-height: 1.38 !important;
	}


	.bp-catalogue-card__price,
	.woocommerce ul.products li.product
		.price {
		font-size: 12px !important;
	}


	.bp-catalogue-card__category {
		font-size: 6px;
	}


	/* Related / upsell two-column */

	.single-product
		.related.products
		ul.products,

	.single-product
		.up-sells
		ul.products {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;
	}


	/* Single product */

	.bp-product-shell {
		padding:
			28px 0 55px;
	}


	.bp-product-gallery {
		border-radius: 16px;
	}


	.bp-product-details {
		margin-top: 38px;
	}


	/* Footer */

	.bp-footer-rail__item {
		border-bottom-color:
			rgba(255, 255, 255, 0.07);
	}


	.bp-footer-payment-chips {
		width: 100%;
	}


	.bp-footer-payment-chips span {
		flex:
			1 1 calc(50% - 8px);
	}
}