/**
Theme Name: astra-child
Author: Symergo
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* =============================================================
   WebPrice.eu v2 — Front Page Styles
   ============================================================= */

/* ---- Design tokens ---- */
:root {
	--wp-orange:        #c7430f;
	--wp-orange-lt:     #e05318;
	--wp-orange-dk:     #a8370c;
	--wp-orange-pale:   #fff4f0;
	--wp-orange-a10:    rgba(199,67,15,.10);
	--wp-orange-a20:    rgba(199,67,15,.20);
	--wp-orange-a25:    rgba(199,67,15,.25);
	--wp-orange-a30:    rgba(199,67,15,.30);
	--wp-orange-a50:    rgba(199,67,15,.50);
	--wp-hero-accent:   #2a1a10;
	--wp-dark:          #0f1117;
	--wp-gray-900:      #1a1d24;
	--wp-gray-700:      #3d4250;
	--wp-gray-500:      #6b7280;
	--wp-gray-200:      #e5e7eb;
	--wp-gray-100:      #f3f4f6;
	--wp-white:         #ffffff;
	--wp-radius-sm:     6px;
	--wp-radius:        12px;
	--wp-radius-lg:     20px;
	--wp-shadow:        0 4px 24px rgba(0,0,0,.08);
	--wp-shadow-lg:     0 12px 40px rgba(0,0,0,.14);
	--wp-font:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--wp-transition:    .2s ease;
}

html {
	scroll-behavior: smooth;
}

/* ---- Reset helpers ---- */
.wp-home *,
.wp-home *::before,
.wp-home *::after {
	box-sizing: border-box;
}

.wp-home {
	font-family: var(--wp-font);
	color: var(--wp-gray-700);
	line-height: 1.6;
}

/* ---- Shared container ---- */
.wph-container {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 1.5rem;
}

/* ---- Shared section header ---- */
.wph-section-header {
	text-align: center;
	margin-bottom: 3rem;
}

.wph-section-header h2 {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 700;
	color: var(--wp-dark);
	margin: 0 0 .6rem;
	line-height: 1.2;
}

.wph-section-header p {
	font-size: 1.05rem;
	color: var(--wp-gray-500);
	margin: 0;
}

.wph-section-header--light h2,
.wph-section-header--light p {
	color: var(--wp-white);
}

.wph-section-header--light p {
	opacity: .8;
}

/* ---- Buttons ---- */
.wph-btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .85rem 2rem;
	border-radius: var(--wp-radius);
	font-weight: 600;
	font-size: .95rem;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--wp-transition), transform var(--wp-transition), box-shadow var(--wp-transition);
	border: 2px solid transparent;
}

.wph-btn--white {
	background: var(--wp-white);
	color: var(--wp-orange);
}

.wph-btn--white:hover {
	background: var(--wp-orange-pale);
	transform: translateY(-2px);
	box-shadow: var(--wp-shadow);
	color: var(--wp-orange);
}

.wph-btn--ghost {
	background: transparent;
	color: var(--wp-white);
	border-color: rgba(255,255,255,.5);
}

.wph-btn--ghost:hover {
	background: rgba(255,255,255,.1);
	border-color: var(--wp-white);
	color: var(--wp-white);
}

.wph-btn:focus-visible {
	outline: 3px solid var(--wp-white);
	outline-offset: 3px;
}

/* ============================================================
   HERO
   ============================================================ */
.wph-hero {
	position: relative;
	background: linear-gradient(135deg, var(--wp-dark) 0%, var(--wp-gray-900) 60%, var(--wp-hero-accent) 100%);
	padding: 6rem 1.5rem 7rem;
	overflow: hidden;
	text-align: center;
}

.wph-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 780px;
	margin-inline: auto;
}

/* decorative blobs */
.wph-hero__blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: .35;
	pointer-events: none;
}

.wph-hero__blob--1 {
	width: 520px;
	height: 520px;
	background: var(--wp-orange);
	top: -160px;
	right: -140px;
}

.wph-hero__blob--2 {
	width: 360px;
	height: 360px;
	background: var(--wp-orange-lt);
	bottom: -100px;
	left: -80px;
}

.wph-hero__badge {
	display: inline-block;
	background: var(--wp-orange-a25);
	border: 1px solid var(--wp-orange-a50);
	color: #f9a06b;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .35rem 1rem;
	border-radius: 999px;
	margin-bottom: 1.4rem;
}

.wph-hero__title {
	font-size: clamp(2.4rem, 6vw, 4rem);
	font-weight: 800;
	color: var(--wp-white);
	line-height: 1.1;
	margin: 0 0 1.2rem;
	letter-spacing: -.02em;
}

.wph-hero__title span {
	color: var(--wp-orange-lt);
}

.wph-hero__sub {
	font-size: clamp(1rem, 2vw, 1.15rem);
	color: rgba(255,255,255,.72);
	max-width: 600px;
	margin: 0 auto 2.4rem;
	line-height: 1.7;
}

/* Search bar */
.wph-search {
	margin-bottom: 1.6rem;
}

.wph-search__wrap {
	display: flex;
	align-items: center;
	background: var(--wp-white);
	border-radius: var(--wp-radius-lg);
	padding: .4rem .4rem .4rem 1.2rem;
	box-shadow: 0 8px 40px rgba(0,0,0,.35), 0 0 0 3px var(--wp-orange-a30);
	max-width: 660px;
	margin-inline: auto;
}

.wph-search__icon {
	width: 20px;
	height: 20px;
	color: var(--wp-gray-500);
	flex-shrink: 0;
	margin-right: .6rem;
}

.wph-search__input {
	flex: 1;
	border: none;
	outline: none;
	font-size: 1rem;
	color: var(--wp-dark);
	background: transparent;
	padding: .5rem 0;
	min-width: 0;
}

.wph-search__input::placeholder {
	color: var(--wp-gray-500);
}

.wph-search__btn {
	background: var(--wp-orange);
	color: var(--wp-white);
	border: none;
	border-radius: calc(var(--wp-radius-lg) - 4px);
	padding: .75rem 1.6rem;
	font-weight: 700;
	font-size: .95rem;
	cursor: pointer;
	white-space: nowrap;
	transition: background var(--wp-transition), transform var(--wp-transition);
}

.wph-search__btn:hover {
	background: var(--wp-orange-lt);
	transform: scale(1.02);
}

.wph-search__input:focus-visible {
	outline: 2px solid var(--wp-orange);
	outline-offset: 2px;
	border-radius: var(--wp-radius-sm);
}

.wph-search__btn:focus-visible {
	outline: 3px solid var(--wp-orange-lt);
	outline-offset: 2px;
}

/* Trending tags */
.wph-hero__tags {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
}

.wph-hero__tags li:first-child {
	color: rgba(255,255,255,.5);
	font-size: .85rem;
	align-self: center;
}

.wph-hero__tags a {
	display: inline-block;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.15);
	color: rgba(255,255,255,.8);
	font-size: .82rem;
	padding: .3rem .9rem;
	border-radius: 999px;
	text-decoration: none;
	transition: background var(--wp-transition), color var(--wp-transition), border-color var(--wp-transition);
}

.wph-hero__tags a:hover {
	background: var(--wp-orange);
	border-color: var(--wp-orange);
	color: var(--wp-white);
}

/* ============================================================
   RETAILERS
   ============================================================ */
.wph-retailers {
	background: var(--wp-white);
	border-bottom: 1px solid var(--wp-gray-200);
	padding: 1.8rem 0;
}

.wph-retailers .wph-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.2rem;
}

.wph-retailers__label {
	font-size: .8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--wp-gray-500);
	margin: 0;
	white-space: nowrap;
}

.wph-retailers__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
}

.wph-retailers__item {
	font-weight: 700;
	font-size: .9rem;
	padding: .45rem 1.1rem;
	border-radius: var(--wp-radius-sm);
	border: 1.5px solid var(--wp-gray-200);
	color: var(--wp-gray-700);
	letter-spacing: -.01em;
	transition: border-color var(--wp-transition), color var(--wp-transition);
}

.wph-retailers__item a {
	color: inherit;
	text-decoration: none;
	display: block;
}

.wph-retailers__item:has(a:hover),
.wph-retailers__item a:hover {
	border-color: var(--wp-orange);
	color: var(--wp-orange);
}

.wph-retailers__item a:focus-visible {
	outline: 2px solid var(--wp-orange);
	outline-offset: 2px;
	border-radius: var(--wp-radius-sm);
}

/* ============================================================
   STATS
   ============================================================ */
.wph-stats {
	background: linear-gradient(135deg, var(--wp-orange-dk) 0%, var(--wp-orange) 50%, var(--wp-orange-lt) 100%);
	padding: 3rem 0;
}

.wph-stats__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 2rem;
	text-align: center;
}

.wph-stats__num {
	display: block;
	font-size: clamp(2rem, 4vw, 2.8rem);
	font-weight: 800;
	color: var(--wp-white);
	line-height: 1;
	margin-bottom: .4rem;
}

.wph-stats__desc {
	display: block;
	font-size: .88rem;
	color: rgba(255,255,255,.8);
	font-weight: 500;
}

/* ============================================================
   HOW IT WORKS
   ============================================================ */
/* ── Latest Guides ────────────────────────────────────────────────── */
.wph-guides {
	padding:    72px 0 80px;
	background: var(--wp-white);
	border-top: 1px solid var(--wp-gray-200);
}
.wph-guides__eyebrow {
	display:        inline-block;
	font-size:      .72rem;
	font-weight:    700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color:          var(--wp-orange);
	margin-bottom:  10px;
}
.wph-guides__grid {
	display:               grid;
	grid-template-columns: repeat(3, 1fr);
	gap:                   24px;
	list-style:            none;
	margin:                0;
	padding:               0;
}
.wph-guide-card {
	background:    var(--wp-white);
	border:        1px solid var(--wp-gray-200);
	border-radius: 12px;
	overflow:      hidden;
	transition:    transform var(--wp-transition), box-shadow var(--wp-transition), border-color var(--wp-transition);
}
.wph-guide-card:hover {
	transform:    translateY(-3px);
	box-shadow:   0 8px 24px rgba(0,0,0,.08);
	border-color: var(--wp-orange-a30);
}
.wph-guide-card__link {
	display:         flex;
	flex-direction:  column;
	height:          100%;
	text-decoration: none;
	color:           inherit;
}
.wph-guide-card__img {
	width:            100%;
	aspect-ratio:     16/9;
	overflow:         hidden;
	background-color: var(--wp-gray-100);
	flex-shrink:      0;
}
.wph-guide-card__img img {
	width:      100%;
	height:     100%;
	object-fit: cover;
	display:    block;
	transition: transform .35s ease;
}
.wph-guide-card:hover .wph-guide-card__img img {
	transform: scale(1.04);
}
.wph-guide-card__img--placeholder {
	display:         flex;
	align-items:     center;
	justify-content: center;
}
.wph-guide-card__img--placeholder svg {
	width:  48px;
	height: 48px;
	color:  var(--wp-gray-200);
}
.wph-guide-card__body {
	display:        flex;
	flex-direction: column;
	gap:            8px;
	padding:        20px 22px 22px;
	flex:           1;
}
.wph-guide-card__cat {
	font-size:      .7rem;
	font-weight:    700;
	letter-spacing: .07em;
	text-transform: uppercase;
	color:          var(--wp-orange);
}
.wph-guide-card__title {
	font-size:   1rem;
	font-weight: 700;
	line-height: 1.35;
	color:       var(--wp-dark);
	margin:      0;
}
.wph-guide-card__excerpt {
	font-size:   .84rem;
	line-height: 1.55;
	color:       var(--wp-gray-500);
	margin:      0;
	flex:        1;
}
.wph-guide-card__cta {
	font-size:   .82rem;
	font-weight: 600;
	color:       var(--wp-orange);
	margin-top:  4px;
}
@media (max-width: 900px) {
	.wph-guides__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.wph-guides__grid { grid-template-columns: 1fr; }
}

/* ── How It Works ──────────────────────────────────────────────────── */
.wph-how {
	padding: 6rem 0;
	background: var(--wp-gray-100);
}

.wph-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 2rem;
}

.wph-step {
	background: var(--wp-white);
	border-radius: var(--wp-radius-lg);
	padding: 2.4rem 2rem;
	box-shadow: var(--wp-shadow);
	position: relative;
	overflow: hidden;
	transition: transform var(--wp-transition), box-shadow var(--wp-transition);
}

.wph-step:hover {
	transform: translateY(-4px);
	box-shadow: var(--wp-shadow-lg);
}

.wph-step__num {
	font-size: 4.5rem;
	font-weight: 900;
	line-height: 1;
	color: var(--wp-gray-200);
	position: absolute;
	top: 1rem;
	right: 1.2rem;
	letter-spacing: -.04em;
	pointer-events: none;
	user-select: none;
}

.wph-step__icon {
	width: 52px;
	height: 52px;
	background: var(--wp-orange-pale);
	border-radius: var(--wp-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.2rem;
}

.wph-step__icon svg {
	width: 26px;
	height: 26px;
	color: var(--wp-orange);
}

.wph-step h3 {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--wp-dark);
	margin: 0 0 .6rem;
}

.wph-step p {
	font-size: .92rem;
	color: var(--wp-gray-500);
	margin: 0;
	line-height: 1.6;
}

/* ============================================================
   CATEGORIES
   ============================================================ */
.wph-cats {
	padding: 6rem 0;
	background: var(--wp-white);
}

.wph-cats__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 1rem;
}

.wph-cat__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .7rem;
	padding: 1.6rem 1rem;
	border-radius: var(--wp-radius);
	background: var(--wp-gray-100);
	border: 1.5px solid transparent;
	text-decoration: none;
	color: var(--wp-gray-700);
	transition: background var(--wp-transition), border-color var(--wp-transition), color var(--wp-transition), transform var(--wp-transition);
}

.wph-cat__link:hover {
	background: var(--wp-orange-pale);
	border-color: var(--wp-orange);
	color: var(--wp-orange);
	transform: translateY(-3px);
}

.wph-cat__link:focus-visible {
	outline: 2px solid var(--wp-orange);
	outline-offset: 3px;
}

.wph-cat__icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wph-cat__icon svg {
	width: 28px;
	height: 28px;
}

.wph-cat__label {
	font-size: .82rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
}

/* ============================================================
   FEATURES
   ============================================================ */
.wph-features {
	padding: 6rem 0;
	background: var(--wp-dark);
}

.wph-features__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.5rem;
}

.wph-feature {
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: var(--wp-radius-lg);
	padding: 2rem;
	transition: background var(--wp-transition), border-color var(--wp-transition), transform var(--wp-transition);
}

.wph-feature:hover {
	background: var(--wp-orange-a10);
	border-color: var(--wp-orange-a30);
	transform: translateY(-3px);
}

.wph-feature__icon {
	width: 48px;
	height: 48px;
	background: var(--wp-orange-a20);
	border-radius: var(--wp-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.wph-feature__icon svg {
	width: 22px;
	height: 22px;
	color: var(--wp-orange-lt);
}

.wph-feature h3 {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--wp-white);
	margin: 0 0 .5rem;
}

.wph-feature p {
	font-size: .88rem;
	color: rgba(255,255,255,.55);
	margin: 0;
	line-height: 1.65;
}

/* ============================================================
   CTA
   ============================================================ */
.wph-cta {
	background: var(--wp-orange);
	padding: 6rem 0;
	overflow: hidden;
}

.wph-cta__inner {
	position: relative;
	text-align: center;
	max-width: 680px;
	margin-inline: auto;
}

.wph-cta__blob {
	position: absolute;
	width: 500px;
	height: 500px;
	background: rgba(255,255,255,.08);
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
}

.wph-cta h2 {
	font-size: clamp(1.8rem, 4vw, 2.8rem);
	font-weight: 800;
	color: var(--wp-white);
	margin: 0 0 1rem;
	line-height: 1.15;
	letter-spacing: -.02em;
}

.wph-cta p {
	font-size: 1.05rem;
	color: rgba(255,255,255,.85);
	margin: 0 0 2.2rem;
	line-height: 1.7;
}

.wph-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 640px) {
	.wph-hero {
		padding: 4rem 1rem 5rem;
	}

	.wph-search__btn {
		padding: .65rem 1.1rem;
		font-size: .85rem;
	}

	.wph-stats__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.wph-retailers .wph-container {
		flex-direction: column;
		align-items: flex-start;
	}

	.wph-cats__grid {
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	}

	.wph-features__grid {
		grid-template-columns: 1fr;
	}

	.wph-btn {
		padding: .75rem 1.4rem;
	}
}

/* ============================================================
   SVG ICON SIZE CONTAINMENT
   Prevents browser/theme defaults from inflating inline SVGs.
   ============================================================ */
.wph-search__icon {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	flex-shrink: 0;
}

.wph-step__icon {
	overflow: hidden;
	flex-shrink: 0;
}

.wph-step__icon svg {
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
	max-width: 26px;
	max-height: 26px;
	display: block;
}

.wph-cat__icon {
	overflow: hidden;
	flex-shrink: 0;
}

.wph-cat__icon svg {
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	max-width: 24px;
	max-height: 24px;
	display: block;
}

.wph-feature__icon {
	overflow: hidden;
	flex-shrink: 0;
}

.wph-feature__icon svg {
	width: 22px;
	height: 22px;
	min-width: 22px;
	min-height: 22px;
	max-width: 22px;
	max-height: 22px;
	display: block;
}

/* ============================================================
   VISUAL ENHANCEMENTS v2
   ============================================================ */

/* ---- Hero: subtle dot-grid texture overlay ---- */
.wph-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.055) 1px, transparent 1px);
	background-size: 28px 28px;
	pointer-events: none;
	z-index: 1;
}

/* ---- Hero: stronger blob contrast ---- */
.wph-hero__blob--1 {
	opacity: .45;
}

/* ---- Hero badge: subtle pulse ring ---- */
.wph-hero__badge {
	box-shadow: 0 0 0 4px var(--wp-orange-a10);
}

/* ---- Retailers: brand identity colors ---- */
.wph-retailers__item {
	background: var(--wp-white);
	transition: border-color var(--wp-transition), color var(--wp-transition), box-shadow var(--wp-transition), transform var(--wp-transition);
}

.wph-retailers__item--amazon {
	border-color: #FF9900;
}
.wph-retailers__item--amazon a {
	color: #FF9900;
}

.wph-retailers__item--bol {
	border-color: #0000a4;
}
.wph-retailers__item--bol a {
	color: #0000a4;
}

.wph-retailers__item--coolblue {
	border-color: #003893;
}
.wph-retailers__item--coolblue a {
	color: #003893;
}

.wph-retailers__item--krefel {
	border-color: #e2001a;
}
.wph-retailers__item--krefel a {
	color: #e2001a;
}

.wph-retailers__item--vb {
	border-color: #c00020;
}
.wph-retailers__item--vb a {
	color: #c00020;
}

/* Brand-colored hover: lift + subtle shadow ---- */
.wph-retailers__item:has(a:hover) {
	transform: translateY(-2px);
	box-shadow: var(--wp-shadow);
}

/* ---- Stats: vertical dividers between items ---- */
.wph-stats__item {
	position: relative;
}

@media (min-width: 640px) {
	.wph-stats__item:not(:last-child)::after {
		content: '';
		position: absolute;
		right: 0;
		top: 15%;
		bottom: 15%;
		width: 1px;
		background: rgba(255,255,255,.22);
	}
}

/* ---- Steps: orange top-accent bar + improved number ---- */
.wph-step {
	border-top: 3px solid var(--wp-orange);
}

.wph-step__num {
	color: var(--wp-orange-a20);
	font-size: 5.5rem;
}

/* ---- Steps: connector line between cards on desktop ---- */
@media (min-width: 700px) {
	.wph-steps {
		position: relative;
	}

	.wph-steps::before {
		content: '';
		position: absolute;
		top: 52px;
		left: calc(33.33% - 24px);
		right: calc(33.33% - 24px);
		height: 2px;
		background: linear-gradient(90deg, var(--wp-orange-a30), var(--wp-orange-a30));
		pointer-events: none;
		z-index: 0;
	}
}

/* ---- Categories: subtle shadow on hover ---- */
.wph-cat__link:hover {
	box-shadow: 0 6px 20px rgba(199,67,15,.15);
}

/* ---- Feature cards: glow on hover ---- */
.wph-feature:hover {
	box-shadow: 0 0 0 1px var(--wp-orange-a30), 0 8px 32px rgba(199,67,15,.18);
}

/* ---- CTA: animated blob ---- */
.wph-cta__blob {
	animation: wph-pulse 6s ease-in-out infinite;
}

@keyframes wph-pulse {
	0%, 100% { transform: translate(-50%,-50%) scale(1); opacity: .08; }
	50%       { transform: translate(-50%,-50%) scale(1.15); opacity: .14; }
}
/* ==========================================================================
   BrandCoves Engine — Gear Guides section on front page
   ========================================================================== */

.wph-bcengine {
	padding:    72px 0 80px;
	background: linear-gradient(160deg, #fdf7f3 0%, #fff 60%);
	border-top: 1px solid var(--wp-orange-a10);
}

.wph-bcengine .wph-section-header {
	margin-bottom: 36px;
}

.wph-bcengine__eyebrow {
	display:        inline-block;
	font-size:      .72rem;
	font-weight:    700;
	text-transform: uppercase;
	letter-spacing: .12em;
	color:          var(--wp-orange);
	background:     var(--wp-orange-a10);
	padding:        4px 12px;
	border-radius:  20px;
	margin-bottom:  14px;
}

.wph-bcengine__widget {
	width: 100%;
}

/* Override any cached version of search-widget.css that still has max-width on the widget */
.wph-bcengine__widget .bce-search-widget {
	width:     100%;
	max-width: none;
}

/* Adapt the engine widget to match site orange palette */
.wph-bcengine .bce-input-wrap {
	border-color:  var(--wp-orange-a20);
	box-shadow:    0 4px 20px var(--wp-orange-a10);
}

.wph-bcengine .bce-input-wrap:focus-within {
	border-color: var(--wp-orange);
	box-shadow:   0 4px 24px var(--wp-orange-a20);
}

.wph-bcengine .bce-search-btn {
	background: var(--wp-orange);
}

.wph-bcengine .bce-search-btn:hover {
	background: var(--wp-orange-dk);
}

.wph-bcengine .bce-suggestion-item:hover,
.wph-bcengine .bce-suggestion-item[aria-selected="true"] {
	background: var(--wp-orange-pale);
}

.wph-bcengine .bce-suggestion-item::before {
	color: var(--wp-orange);
}

.wph-bcengine .bce-popular-pill:hover,
.wph-bcengine .bce-related-pill:hover {
	border-color: var(--wp-orange);
	background:   var(--wp-orange-pale);
}

.wph-bcengine .bce-progress-bar {
	background: linear-gradient(90deg, var(--wp-orange) 0%, var(--wp-orange-lt) 100%);
}

.wph-bcengine .bce-result-queued {
	background: var(--wp-orange-pale);
	border-color: var(--wp-orange-a20);
}

@media (max-width: 768px) {
	.wph-bcengine { padding: 48px 0 56px; }
}