:root {
	--frugaa-teal: #008f91;
	--frugaa-teal-dark: #005f63;
	--frugaa-orange: #e94b16;
	--frugaa-maroon: #76001e;
	--frugaa-maroon-soft: #8f2d38;
	--frugaa-bg: #eee6d6;
	--frugaa-card: #ffffff;
	--frugaa-text: #243238;
	--frugaa-link: #005c78;
	--frugaa-border: #ddd6ca;
	--frugaa-shadow: 0 10px 28px rgba(59, 42, 31, 0.12);
}

/* =========================================================
   GLOBAL BASE
   ========================================================= */

html {
	scroll-behavior: smooth;
}

body {
	background-color: var(--frugaa-bg) !important;
	background-image:
		linear-gradient(45deg, rgba(122, 98, 70, 0.04) 25%, transparent 25%),
		linear-gradient(-45deg, rgba(122, 98, 70, 0.04) 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, rgba(122, 98, 70, 0.04) 75%),
		linear-gradient(-45deg, transparent 75%, rgba(122, 98, 70, 0.04) 75%) !important;
	background-size: 16px 16px !important;
	background-position: 0 0, 0 8px, 8px -8px, -8px 0 !important;
	color: var(--frugaa-text) !important;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	transition: color 160ms ease, opacity 160ms ease !important;
}

/* =========================================================
   MAIN WRAPPERS
   ========================================================= */

#wrapper,
.w1,
#main {
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

#wrapper {
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto !important;
}

#main {
	width: min(1180px, calc(100% - 32px)) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding-top: 10px !important;
}

/* =========================================================
   TOP MAROON USER BAR
   ========================================================= */

#header .panel,
#header .bar,
.top-bar,
.header-top,
.header-panel {
	position: relative !important;
	z-index: 20 !important;
	background: var(--frugaa-maroon) !important;
	color: #ffffff !important;
}

#header .panel a,
#header .bar a,
.top-bar a,
.header-top a,
.header-panel a {
	color: #ffffff !important;
	text-decoration: none !important;
}

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

#header {
	position: relative !important;
	min-height: 270px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	overflow: visible !important;
}

#header .holder,
#header .frames,
#header .frame,
#header .header-bar {
	position: relative !important;
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	min-height: 240px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* Koupon-style teal search bar */
#header::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 104px !important;
	width: 980px !important;
	max-width: calc(100% - 64px) !important;
	height: 68px !important;
	transform: translateX(-50%) !important;
	border-radius: 17px !important;
	background:
		linear-gradient(
			180deg,
			#12a8a9 0%,
			#008b8d 42%,
			#007678 62%,
			#005c60 100%
		) !important;
	border: 1px solid rgba(0, 75, 78, 0.75) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		inset 0 -3px 8px rgba(0, 0, 0, 0.22),
		0 5px 9px rgba(0, 60, 65, 0.28) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

/* =========================================================
   FRUGAA LOGO — SAFE NO-CROP VERSION
   ========================================================= */

#logo,
#header #logo,
#header .logo,
#header h1.logo,
#header .site-title,
#header .site-logo {
	position: absolute !important;
	left: calc(50% - 470px) !important;
	top: 48px !important;

	width: 310px !important;
	height: 210px !important;
	min-width: 310px !important;
	min-height: 210px !important;
	max-width: 310px !important;
	max-height: 210px !important;

	margin: 0 !important;
	padding: 0 !important;
	z-index: 5 !important;

	background-image: url("../images/frugaa-logo.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;

	text-indent: -9999px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;

	overflow: visible !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Clickable logo area */
#logo a,
#header #logo a,
#header .logo a,
#header h1.logo a,
#header .site-title a,
#header .site-logo a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;

	background-image: url("../images/frugaa-logo.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;

	text-indent: -9999px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	text-decoration: none !important;
	overflow: visible !important;
}

/* Hide original Clipper logo/icon */
#logo img,
#header #logo img,
#header .logo img,
#header h1.logo img,
#header .site-title img,
#header .site-logo img,
#logo svg,
#header #logo svg,
#header .logo svg {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* =========================================================
   HEADER SEARCH BAR
   ========================================================= */

#header .search-box,
.search-box {
	position: absolute !important;
	top: 118px !important;
	right: calc(50% - 390px) !important;
	width: 500px !important;
	height: 38px !important;

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

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

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

	z-index: 6 !important;
	overflow: visible !important;
}

#header .search-box form,
.search-box form {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#header .search-box input[type="text"],
#header .search-box input[type="search"],
.search-box input[type="text"],
.search-box input[type="search"] {
	width: 430px !important;
	height: 38px !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 0 14px !important;

	border: 0 !important;
	border-radius: 6px 0 0 6px !important;
	background: #ffffff !important;
	color: #333333 !important;

	font-size: 14px !important;
	line-height: 38px !important;

	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25) !important;
	outline: none !important;
}

#header .search-box input[type="submit"],
#header .search-box button,
.search-box input[type="submit"],
.search-box button {
	width: 54px !important;
	height: 38px !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 6px 6px 0 !important;
	background-color: var(--frugaa-orange) !important;
	color: #ffffff !important;

	font-size: 0 !important;
	line-height: 38px !important;
	cursor: pointer !important;
	box-shadow: none !important;
	position: relative !important;
}

#header .search-box button::before,
.search-box button::before {
	content: "🔍" !important;
	display: block !important;
	font-size: 18px !important;
	line-height: 38px !important;
	color: #ffffff !important;
	text-align: center !important;
}

/* Popular search text */
#header .search-box .popular,
.search-box .popular,
#header .popular,
.popular {
	position: absolute !important;
	left: 18px !important;
	top: 43px !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
	white-space: nowrap !important;
	z-index: 7 !important;
}

/* =========================================================
   CONTENT + SIDEBAR
   ========================================================= */

#content,
#sidebar {
	background: transparent !important;
}

.content-box,
.content-box .box-holder,
.content-box .box-c,
.content-box .item-holder,
.post,
.type-post,
.widget,
.sidebox {
	background: var(--frugaa-card) !important;
	border: 1px solid var(--frugaa-border) !important;
	border-radius: 12px !important;
	box-shadow: var(--frugaa-shadow) !important;
	overflow: hidden !important;
}

.content-box .head,
.content-box .box-t,
.sidebox h3,
.widget h2,
.widgettitle,
#sidebar h2,
#sidebar h3 {
	background: var(--frugaa-maroon-soft) !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	padding: 12px 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

.content-box .head h1,
.content-box .head h2,
.content-box .head h3,
.sidebox h3,
.widget h2,
.widgettitle {
	color: #ffffff !important;
	margin: 0 !important;
}

.content-box {
	margin-bottom: 24px !important;
}

.content-box .item,
.content-box .coupon,
.content-box article {
	background: #ffffff !important;
	border-bottom: 1px solid #eee7dc !important;
	padding: 18px !important;
	transition: background-color 160ms ease, transform 160ms ease !important;
}

.content-box .item:hover,
.content-box .coupon:hover,
.content-box article:hover {
	background: #fffdf8 !important;
}

.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6,
.content-box h2 a,
.content-box h3 a {
	color: var(--frugaa-link) !important;
	text-decoration: none !important;
}

.content-box h2 a:hover,
.content-box h3 a:hover {
	color: var(--frugaa-orange) !important;
}

/* Sidebar widgets */
#sidebar .widget,
#sidebar .sidebox {
	margin-bottom: 24px !important;
}

#sidebar .widget ul,
#sidebar .sidebox ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#sidebar .widget li,
#sidebar .sidebox li {
	border-bottom: 1px solid #eee7dc !important;
	padding: 12px 16px !important;
}

#sidebar .widget li:last-child,
#sidebar .sidebox li:last-child {
	border-bottom: 0 !important;
}

#sidebar .widget a,
#sidebar .sidebox a {
	color: var(--frugaa-link) !important;
	text-decoration: none !important;
}

#sidebar .widget a:hover,
#sidebar .sidebox a:hover {
	color: var(--frugaa-orange) !important;
}

/* =========================================================
   GENERAL FORMS + BUTTONS
   ========================================================= */

button,
input[type="button"],
input[type="submit"],
a.button,
.btn,
.button {
	border-radius: 8px !important;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
select,
textarea {
	border: 1px solid #cfc7bb !important;
	border-radius: 7px !important;
	padding: 10px 12px !important;
	color: var(--frugaa-text) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	border-color: var(--frugaa-teal) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0, 140, 143, 0.14) !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
	#header::before {
		width: calc(100% - 64px) !important;
	}

	#logo,
	#header #logo,
	#header .logo,
	#header h1.logo,
	#header .site-title,
	#header .site-logo {
		left: 48px !important;
	}

	#header .search-box,
	.search-box {
		right: 64px !important;
	}
}

@media (max-width: 900px) {
	#header {
		min-height: 340px !important;
	}

	#header::before {
		top: 202px !important;
		width: calc(100% - 32px) !important;
		height: 68px !important;
	}

	#logo,
	#header #logo,
	#header .logo,
	#header h1.logo,
	#header .site-title,
	#header .site-logo {
		left: 50% !important;
		top: 32px !important;

		width: 280px !important;
		height: 165px !important;
		min-width: 280px !important;
		min-height: 165px !important;
		max-width: 280px !important;
		max-height: 165px !important;

		transform: translateX(-50%) !important;
	}

	#header .search-box,
	.search-box {
		top: 217px !important;
		left: 50% !important;
		right: auto !important;
		width: min(82%, 520px) !important;
		transform: translateX(-50%) !important;
	}

	#header .search-box input[type="text"],
	#header .search-box input[type="search"],
	.search-box input[type="text"],
	.search-box input[type="search"] {
		width: calc(100% - 54px) !important;
	}
}

@media (max-width: 640px) {
	body {
		background-size: 12px 12px !important;
	}

	#main {
		width: min(100% - 18px, 1180px) !important;
		padding-top: 18px !important;
	}

	#header {
		min-height: 320px !important;
	}

	#header::before {
		top: 194px !important;
		height: 64px !important;
		border-radius: 14px !important;
	}

	#logo,
	#header #logo,
	#header .logo,
	#header h1.logo,
	#header .site-title,
	#header .site-logo {
		width: 255px !important;
		height: 150px !important;
		min-width: 255px !important;
		min-height: 150px !important;
		max-width: 255px !important;
		max-height: 150px !important;
	}

	#header .search-box,
	.search-box {
		top: 207px !important;
		width: calc(100% - 52px) !important;
	}

	#header .search-box input[type="text"],
	#header .search-box input[type="search"],
	.search-box input[type="text"],
	.search-box input[type="search"] {
		width: calc(100% - 50px) !important;
		height: 36px !important;
		min-height: 36px !important;
	}

	#header .search-box input[type="submit"],
	#header .search-box button,
	.search-box input[type="submit"],
	.search-box button {
		width: 50px !important;
		height: 36px !important;
		min-height: 36px !important;
	}

	.content-box .head,
	.sidebox h3,
	.widget h2,
	.widgettitle,
	#sidebar h2,
	#sidebar h3 {
		padding: 10px 12px !important;
	}

	.content-box .item,
	.content-box .coupon,
	.content-box article {
		padding: 14px !important;
	}
}


/* =========================================================
   FINAL STORE CAROUSEL FIX
   Proper spacing, scrolling, and clickable arrows
   ========================================================= */

.frugaa-store-carousel {
	position: relative !important;
	z-index: 10 !important;
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	margin: 22px auto 44px !important;
	padding: 0 54px !important;
	box-sizing: border-box !important;
	clear: both !important;
	overflow: visible !important;
}

.frugaa-store-carousel-viewport {
	position: relative !important;
	width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scroll-behavior: smooth !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

.frugaa-store-carousel-viewport::-webkit-scrollbar {
	display: none !important;
}

.frugaa-store-carousel-track {
	display: flex !important;
	align-items: flex-start !important;
	gap: 24px !important;
	width: max-content !important;
	min-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.frugaa-store-card {
	flex: 0 0 156px !important;
	display: block !important;
	text-align: center !important;
	color: #005c78 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	outline: none !important;
}

.frugaa-store-logo-wrap {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 156px !important;
	height: 90px !important;
	background: #f3f3f3 !important;
	border: 1px solid #a8a8a8 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	transition: transform 160ms ease, box-shadow 160ms ease !important;
}

.frugaa-store-card:hover .frugaa-store-logo-wrap,
.frugaa-store-card:focus .frugaa-store-logo-wrap {
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18) !important;
}

.frugaa-store-logo-wrap img {
	max-width: 100% !important;
	max-height: 90px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
}

.frugaa-store-name {
	display: block !important;
	margin-top: 8px !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	color: #005c78 !important;
	text-align: center !important;
}

/* Clickable carousel arrows */
.frugaa-carousel-arrow {
	position: absolute !important;
	top: 21px !important;
	z-index: 50 !important;
	width: 42px !important;
	height: 62px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 68px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 400 !important;
	line-height: 58px !important;
	text-align: center !important;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45) !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transition: transform 160ms ease, opacity 160ms ease !important;
}

.frugaa-carousel-arrow:hover,
.frugaa-carousel-arrow:focus {
	transform: scale(1.08) !important;
	opacity: 0.95 !important;
	outline: none !important;
}

.frugaa-carousel-arrow:disabled {
	opacity: 0.35 !important;
	cursor: default !important;
	transform: none !important;
}

.frugaa-carousel-arrow-left {
	left: 2px !important;
}

.frugaa-carousel-arrow-right {
	right: 2px !important;
}

@media (max-width: 900px) {
	.frugaa-store-carousel {
		width: min(100% - 24px, 980px) !important;
		margin: 18px auto 36px !important;
		padding: 0 42px !important;
	}

	.frugaa-store-carousel-track {
		gap: 16px !important;
	}

	.frugaa-store-card {
		flex-basis: 145px !important;
	}

	.frugaa-store-logo-wrap {
		width: 145px !important;
		height: 82px !important;
	}

	.frugaa-carousel-arrow {
		font-size: 56px !important;
		top: 18px !important;
	}
}

@media (max-width: 560px) {
	.frugaa-store-carousel {
		width: min(100% - 18px, 980px) !important;
		padding: 0 34px !important;
	}

	.frugaa-store-card {
		flex-basis: 132px !important;
	}

	.frugaa-store-logo-wrap {
		width: 132px !important;
		height: 76px !important;
	}

	.frugaa-carousel-arrow {
		width: 32px !important;
		font-size: 46px !important;
		top: 16px !important;
	}
}

/* =========================================================
   KOUPON-STYLE SAVINGS PANEL + WHY USE FRUGAA
   ========================================================= */

.frugaa-home-panels {
	width: min(980px, calc(100% - 64px));
	max-width: 980px;
	margin: 0 auto 34px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 270px;
	gap: 28px;
	align-items: stretch;
	clear: both;
}

.frugaa-savings-calculator,
.frugaa-why-panel {
	background: rgba(241, 237, 226, 0.96);
	border: 1px solid rgba(122, 55, 61, 0.22);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(59, 42, 31, 0.12);
	overflow: hidden;
}

.frugaa-panel-header {
	background: var(--frugaa-maroon-soft);
	color: #ffffff;
	padding: 10px 16px;
	position: relative;
}

.frugaa-panel-header::after {
	content: "";
	position: absolute;
	left: 18px;
	bottom: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid var(--frugaa-maroon-soft);
	border-right: 10px solid transparent;
}

.frugaa-panel-header h2 {
	margin: 0;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.frugaa-calculator-body {
	padding: 24px 28px 22px;
}

.frugaa-calculator-row {
	display: grid;
	grid-template-columns: 24px 180px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	margin-bottom: 20px;
	color: #3f3530;
	font-size: 14px;
}

.frugaa-step-number {
	color: #5f5049;
	text-align: right;
}

.frugaa-filter-controls {
	display: grid;
	grid-template-columns: minmax(160px, 1fr) 54px minmax(160px, 1fr);
	gap: 14px;
	align-items: center;
}

.frugaa-filter-controls select,
.frugaa-filter-controls input[type="search"] {
	width: 100%;
	height: 32px;
	padding: 5px 9px !important;
	border: 1px solid #a9a9a9 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	box-shadow: none !important;
	font-size: 13px;
}

.frugaa-or {
	text-align: center;
	color: var(--frugaa-maroon-soft);
	font-size: 22px;
	font-weight: 700;
	font-style: italic;
}

.frugaa-budget-controls {
	display: grid;
	grid-template-columns: 82px minmax(160px, 1fr) 160px;
	gap: 14px;
	align-items: center;
}

.frugaa-budget-value {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	padding: 0 12px;
	background: #ffffff;
	border: 1px solid #777;
	border-radius: 5px;
	color: #333;
	font-size: 16px;
	font-weight: 700;
}

.frugaa-budget-controls input[type="range"] {
	width: 100%;
	accent-color: var(--frugaa-teal);
	cursor: pointer;
}

.frugaa-budget-controls p {
	margin: 0;
	color: #4b403a;
	font-size: 13px;
	line-height: 1.4;
}

.frugaa-search-row {
	margin-bottom: 0;
}

.frugaa-calculator-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 34px;
	border-radius: 8px;
	background: linear-gradient(180deg, #10a8aa, #006b6f);
	border: 1px solid #003f42;
	color: #ffffff !important;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 2px 3px rgba(0,0,0,0.25);
}

.frugaa-calculator-button:hover,
.frugaa-calculator-button:focus {
	filter: brightness(1.06);
	color: #ffffff !important;
}

.frugaa-stats-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.frugaa-stats-list li {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 14px;
	background: rgba(255, 255, 255, 0.48);
	border-bottom: 1px solid rgba(150, 120, 92, 0.18);
	color: #2f2925;
	font-size: 13px;
}

.frugaa-stats-list li:nth-child(even) {
	background: rgba(236, 231, 218, 0.7);
}

.frugaa-stats-list li:last-child {
	border-bottom: 0;
}

.frugaa-stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #d4ff54, #69a000 68%);
	color: #2e5e00;
	font-size: 13px;
	font-weight: 800;
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.75), 0 1px 2px rgba(0,0,0,0.22);
}

.frugaa-stat-label {
	flex: 1 1 auto;
}

.frugaa-stats-list strong {
	font-weight: 800;
	color: #2b2b2b;
}

@media (max-width: 980px) {
	.frugaa-home-panels {
		width: min(100% - 24px, 980px);
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.frugaa-calculator-row {
		grid-template-columns: 24px 1fr;
		align-items: start;
	}

	.frugaa-calculator-row > label,
	.frugaa-calculator-row > span:not(.frugaa-step-number) {
		grid-column: 2;
	}

	.frugaa-filter-controls,
	.frugaa-budget-controls {
		grid-column: 2;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.frugaa-home-panels {
		width: min(100% - 18px, 980px);
	}

	.frugaa-calculator-body {
		padding: 22px 16px 18px;
	}

	.frugaa-panel-header h2 {
		font-size: 18px;
	}
}

/* =========================================================
   CATEGORY DROPDOWN ARROW UI FIX
   ========================================================= */

.frugaa-select-wrap {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}

.frugaa-select-wrap select {
	width: 100% !important;
	height: 34px !important;
	padding: 5px 38px 5px 10px !important;
	border: 1px solid #9f9f9f !important;
	border-radius: 2px !important;
	background-color: #ffffff !important;
	color: #111111 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	cursor: pointer !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08) !important;

	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

.frugaa-select-wrap::after {
	content: "▾" !important;
	position: absolute !important;
	top: 50% !important;
	right: 12px !important;
	transform: translateY(-50%) !important;
	color: #444444 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	pointer-events: none !important;
}

.frugaa-select-wrap:hover select {
	border-color: #777777 !important;
}

.frugaa-select-wrap select:focus {
	border-color: var(--frugaa-teal) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0, 140, 143, 0.14) !important;
}

.frugaa-select-wrap select::-ms-expand {
	display: none !important;
}



/* =========================================================
   SAVINGS CALCULATOR ALIGNMENT FIX
   Match old Koupon/Frugaa production layout
   ========================================================= */

.frugaa-savings-calculator {
	min-height: 255px !important;
}

.frugaa-calculator-body {
	padding: 28px 30px 24px !important;
}

.frugaa-calculator-row {
	display: grid !important;
	grid-template-columns: 24px minmax(0, 1fr) !important;
	column-gap: 10px !important;
	row-gap: 8px !important;
	align-items: center !important;
	margin-bottom: 20px !important;
}

.frugaa-calculator-row > label,
.frugaa-calculator-row > span:not(.frugaa-step-number):not(.frugaa-budget-value):not(.frugaa-or) {
	grid-column: 2 !important;
}

.frugaa-filter-controls {
	grid-column: 2 !important;
	display: grid !important;
	grid-template-columns: 202px 58px 204px !important;
	gap: 14px !important;
	align-items: center !important;
	max-width: 500px !important;
}

.frugaa-select-wrap {
	position: relative !important;
	display: block !important;
	width: 202px !important;
	max-width: 202px !important;
}

.frugaa-select-wrap select {
	width: 202px !important;
	height: 32px !important;
	padding: 5px 34px 5px 10px !important;
	border: 1px solid #9f9f9f !important;
	border-radius: 2px !important;
	background-color: #ffffff !important;
	color: #111111 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	cursor: pointer !important;
	box-shadow: none !important;

	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

.frugaa-select-wrap::after {
	content: "▾" !important;
	position: absolute !important;
	top: 50% !important;
	right: 10px !important;
	transform: translateY(-50%) !important;
	color: #333333 !important;
	font-size: 13px !important;
	line-height: 1 !important;
	pointer-events: none !important;
}

.frugaa-filter-controls input[type="search"] {
	width: 204px !important;
	height: 32px !important;
	padding: 5px 9px !important;
	border: 1px solid #a9a9a9 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	box-shadow: none !important;
	font-size: 13px !important;
}

.frugaa-or {
	width: 58px !important;
	text-align: center !important;
	color: var(--frugaa-maroon-soft) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	font-style: italic !important;
	line-height: 1 !important;
}

.frugaa-budget-controls {
	grid-column: 2 !important;
	display: grid !important;
	grid-template-columns: 82px 160px 170px !important;
	gap: 16px !important;
	align-items: center !important;
	max-width: 460px !important;
}

.frugaa-budget-value {
	width: 68px !important;
	height: 30px !important;
	padding: 0 8px !important;
}

.frugaa-budget-controls input[type="range"] {
	width: 160px !important;
}

.frugaa-budget-controls p {
	width: 170px !important;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
}

.frugaa-search-row {
	grid-template-columns: 24px 170px 130px !important;
	column-gap: 10px !important;
	align-items: center !important;
	margin-bottom: 0 !important;
}

.frugaa-search-row .frugaa-calculator-button {
	grid-column: 3 !important;
	width: 120px !important;
}

/* Mobile: stack cleanly */
@media (max-width: 760px) {
	.frugaa-filter-controls,
	.frugaa-budget-controls,
	.frugaa-search-row {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
	}

	.frugaa-select-wrap,
	.frugaa-select-wrap select,
	.frugaa-filter-controls input[type="search"],
	.frugaa-budget-controls input[type="range"],
	.frugaa-budget-controls p {
		width: 100% !important;
		max-width: 100% !important;
	}

	.frugaa-or {
		width: 100% !important;
	}

	.frugaa-search-row .frugaa-calculator-button {
		grid-column: 2 !important;
	}
}

/* =========================================================
   FINAL CATEGORY DROPDOWN ARROW FIX
   Match production Frugaa/Koupon select box
   ========================================================= */

.frugaa-filter-controls {
	display: grid !important;
	grid-template-columns: 224px 58px 224px !important;
	gap: 14px !important;
	align-items: center !important;
	max-width: 535px !important;
}

.frugaa-select-wrap {
	position: relative !important;
	display: block !important;
	width: 224px !important;
	height: 34px !important;
	max-width: 224px !important;
}

.frugaa-select-wrap select {
	display: block !important;
	width: 224px !important;
	height: 34px !important;
	max-width: 224px !important;

	padding: 5px 34px 5px 10px !important;

	border: 1px solid #333333 !important;
	border-radius: 2px !important;
	background-color: #ffffff !important;

	color: #000000 !important;
	font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 22px !important;

	cursor: pointer !important;
	box-shadow: none !important;

	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

/* The actual down arrow inside the select container */
.frugaa-select-wrap::after {
	content: "" !important;
	position: absolute !important;

	top: 50% !important;
	right: 11px !important;

	width: 0 !important;
	height: 0 !important;

	margin-top: -2px !important;

	border-left: 4px solid transparent !important;
	border-right: 4px solid transparent !important;
	border-top: 5px solid #222222 !important;

	pointer-events: none !important;
	z-index: 3 !important;
}

/* Remove old text arrow if browser/plugin keeps it */
.frugaa-select-wrap::before {
	content: none !important;
	display: none !important;
}

/* Hide old IE arrow */
.frugaa-select-wrap select::-ms-expand {
	display: none !important;
}

.frugaa-select-wrap:hover select {
	border-color: #111111 !important;
}

.frugaa-select-wrap select:focus {
	border-color: var(--frugaa-teal) !important;
	outline: none !important;
	box-shadow: 0 0 0 2px rgba(0, 140, 143, 0.2) !important;
}

/* Match keyword input height with category select */
.frugaa-filter-controls input[type="search"] {
	width: 224px !important;
	height: 34px !important;
	max-width: 224px !important;

	padding: 5px 10px !important;

	border: 1px solid #999999 !important;
	border-radius: 0 !important;
	background: #ffffff !important;

	font-size: 13px !important;
	line-height: 22px !important;
	box-shadow: none !important;
}

/* Keep OR centered between select and keyword box */
.frugaa-or {
	width: 58px !important;
	text-align: center !important;
	color: var(--frugaa-maroon-soft) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	font-style: italic !important;
	line-height: 34px !important;
}

/* Mobile stacking */
@media (max-width: 760px) {
	.frugaa-filter-controls {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
	}

	.frugaa-select-wrap,
	.frugaa-select-wrap select,
	.frugaa-filter-controls input[type="search"] {
		width: 100% !important;
		max-width: 100% !important;
	}

	.frugaa-or {
		width: 100% !important;
		line-height: 1.2 !important;
	}
}

/* =========================================================
   FINAL FILTER ROW ALIGNMENT FIX
   Align category dropdown, OR text, and keyword input
   ========================================================= */

.frugaa-filter-controls {
	display: grid !important;
	grid-template-columns: 224px 58px 224px !important;
	align-items: center !important;
	column-gap: 14px !important;
	row-gap: 0 !important;
	max-width: 535px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.frugaa-select-wrap {
	position: relative !important;
	display: block !important;
	width: 224px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	align-self: center !important;
}

.frugaa-select-wrap select {
	display: block !important;
	width: 224px !important;
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;

	margin: 0 !important;
	padding: 0 34px 0 10px !important;

	border: 1px solid #333333 !important;
	border-radius: 2px !important;
	background-color: #ffffff !important;

	color: #000000 !important;
	font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 32px !important;

	cursor: pointer !important;
	box-shadow: none !important;
	box-sizing: border-box !important;

	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

.frugaa-select-wrap::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: 11px !important;
	width: 0 !important;
	height: 0 !important;
	margin-top: -2px !important;
	border-left: 4px solid transparent !important;
	border-right: 4px solid transparent !important;
	border-top: 5px solid #222222 !important;
	pointer-events: none !important;
	z-index: 3 !important;
}

.frugaa-filter-controls input[type="search"] {
	display: block !important;
	width: 224px !important;
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;

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

	border: 1px solid #999999 !important;
	border-radius: 0 !important;
	background: #ffffff !important;

	color: #333333 !important;
	font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 32px !important;

	box-shadow: none !important;
	box-sizing: border-box !important;
	align-self: center !important;
}

.frugaa-or {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 58px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;

	color: var(--frugaa-maroon-soft) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	font-style: italic !important;
	line-height: 34px !important;
	text-align: center !important;
	align-self: center !important;
}

/* Keep the full first row vertically balanced */
.frugaa-calculator-row:first-child {
	align-items: center !important;
}

.frugaa-calculator-row:first-child label {
	display: flex !important;
	align-items: center !important;
	height: 34px !important;
	margin: 0 !important;
}

/* Mobile stacking */
@media (max-width: 760px) {
	.frugaa-filter-controls {
		grid-template-columns: 1fr !important;
		height: auto !important;
		max-width: 100% !important;
		row-gap: 10px !important;
	}

	.frugaa-select-wrap,
	.frugaa-select-wrap select,
	.frugaa-filter-controls input[type="search"] {
		width: 100% !important;
		max-width: 100% !important;
	}

	.frugaa-or {
		width: 100% !important;
		height: auto !important;
		line-height: 1.2 !important;
	}
}

/* =========================================================
   KOUPON-STYLE MARKETPLACE PANEL
   ========================================================= */

.frugaa-marketplace-panel {
	width: min(980px, calc(100% - 64px));
	max-width: 980px;
	margin: 0 auto 34px;
	background:
		linear-gradient(45deg, rgba(122, 98, 70, 0.045) 25%, transparent 25%),
		linear-gradient(-45deg, rgba(122, 98, 70, 0.045) 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, rgba(122, 98, 70, 0.045) 75%),
		linear-gradient(-45deg, transparent 75%, rgba(122, 98, 70, 0.045) 75%);
	background-size: 12px 12px;
	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
	border-top: 1px solid rgba(70, 50, 35, 0.22);
	border-bottom: 1px solid rgba(70, 50, 35, 0.22);
	box-shadow: 0 8px 24px rgba(59, 42, 31, 0.1);
	clear: both;
	overflow: hidden;
}

.frugaa-marketplace-header {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 78px;
	padding: 0 30px;
	background: #3a2a1d;
	border-top: 6px solid rgba(255, 255, 255, 0.35);
	border-bottom: 6px solid rgba(255, 255, 255, 0.35);
	color: #ffd58a;
}

.frugaa-marketplace-icon {
	font-size: 36px;
	line-height: 1;
	color: #ffffff;
	filter: grayscale(1) brightness(2.2);
}

.frugaa-marketplace-header h2 {
	margin: 0;
	color: #ffd58a;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.frugaa-marketplace-body {
	position: relative;
	min-height: 190px;
	padding: 32px 50px 34px;
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 42px;
	align-items: center;
}

.frugaa-marketplace-search-box {
	width: 300px;
	padding: 20px 18px 22px;
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid #d36c76;
	border-radius: 4px;
	box-sizing: border-box;
}

.frugaa-marketplace-field-row {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 10px;
	align-items: center;
	margin-bottom: 12px;
}

.frugaa-marketplace-field-row label {
	margin: 0;
	color: #005c78;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.frugaa-marketplace-search-input-wrap {
	position: relative;
	display: block;
	width: 100%;
}

.frugaa-marketplace-search-input-wrap input {
	display: block;
	width: 100% !important;
	height: 28px !important;
	min-height: 28px !important;
	margin: 0 !important;
	padding: 0 28px 0 8px !important;
	border: 1px solid #b8b8b8 !important;
	border-radius: 3px !important;
	background: #ffffff !important;
	color: #333333 !important;
	font-size: 13px !important;
	line-height: 28px !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12) !important;
	box-sizing: border-box !important;
}

.frugaa-marketplace-search-icon {
	position: absolute;
	top: 50%;
	right: 7px;
	transform: translateY(-50%);
	font-size: 14px;
	line-height: 1;
	opacity: 0.7;
	pointer-events: none;
}

.frugaa-marketplace-select-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 28px;
}

.frugaa-marketplace-select-wrap select {
	display: block;
	width: 100% !important;
	height: 28px !important;
	min-height: 28px !important;
	margin: 0 !important;
	padding: 0 28px 0 8px !important;
	border: 1px solid #b8b8b8 !important;
	border-radius: 3px !important;
	background: #ffffff !important;
	color: #111111 !important;
	font-size: 13px !important;
	line-height: 26px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	cursor: pointer !important;

	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

.frugaa-marketplace-select-wrap::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 9px;
	width: 0;
	height: 0;
	margin-top: -2px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #222222;
	pointer-events: none;
}

.frugaa-marketplace-search-button {
	display: block;
	width: 126px;
	height: 30px;
	margin: 16px auto 0;
	padding: 0;
	border: 1px solid #005155 !important;
	border-radius: 0 !important;
	background: linear-gradient(180deg, #13aeb0, #006d72) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 30px !important;
	text-transform: uppercase;
	text-align: center;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 2px 3px rgba(0, 0, 0, 0.22) !important;
	cursor: pointer;
}

.frugaa-marketplace-actions {
	position: relative;
	min-height: 150px;
}

.frugaa-marketplace-action {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	height: 64px;
	padding: 0 24px;
	border-radius: 8px;
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.22);
	transition: transform 160ms ease, filter 160ms ease;
}

.frugaa-marketplace-action:hover,
.frugaa-marketplace-action:focus {
	color: #ffffff !important;
	filter: brightness(1.06);
	transform: translateY(-2px);
}

.frugaa-marketplace-action strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.18);
	color: #ffffff;
	font-size: 42px;
	font-family: Georgia, serif;
	font-weight: 400;
	line-height: 36px;
}

.frugaa-marketplace-action-green {
	top: 0;
	left: 34px;
	min-width: 180px;
	background: linear-gradient(180deg, #7ee600, #31a000);
}

.frugaa-marketplace-action-blue {
	top: 84px;
	left: 120px;
	min-width: 190px;
	background: linear-gradient(180deg, #16b8ef, #008bd2);
}

@media (max-width: 980px) {
	.frugaa-marketplace-panel {
		width: min(100% - 24px, 980px);
	}

	.frugaa-marketplace-body {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 28px 24px 32px;
	}

	.frugaa-marketplace-search-box {
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}

	.frugaa-marketplace-actions {
		min-height: auto;
		display: grid;
		gap: 16px;
	}

	.frugaa-marketplace-action,
	.frugaa-marketplace-action-green,
	.frugaa-marketplace-action-blue {
		position: relative;
		top: auto;
		left: auto;
		width: min(260px, 100%);
		margin: 0 auto;
	}
}

@media (max-width: 560px) {
	.frugaa-marketplace-panel {
		width: min(100% - 18px, 980px);
	}

	.frugaa-marketplace-header {
		min-height: auto;
		padding: 18px;
	}

	.frugaa-marketplace-header h2 {
		font-size: 19px;
	}

	.frugaa-marketplace-body {
		padding: 22px 16px 26px;
	}

	.frugaa-marketplace-field-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}
}

/* =========================================================
   KOUPON-STYLE HOT COUPONS SECTION
   ========================================================= */

.frugaa-hot-coupons {
	width: min(980px, calc(100% - 64px));
	max-width: 980px;
	margin: 0 auto 34px;
	clear: both;
}

.frugaa-hot-coupons-header {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 42px;
	padding: 0 16px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
}

.frugaa-hot-coupons-icon {
	color: #777;
	font-size: 23px;
	line-height: 1;
}

.frugaa-hot-coupons-header h2 {
	margin: 0;
	color: #005c78;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
}

.frugaa-hot-coupons-list {
	background: #ffffff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.frugaa-hot-coupon-card {
	background: #ffffff;
	border-bottom: 1px solid #d9d9d9;
}

.frugaa-hot-coupon-main {
	display: grid;
	grid-template-columns: 126px minmax(0, 1fr) 108px;
	gap: 16px;
	padding: 8px;
	align-items: stretch;
}

.frugaa-hot-coupon-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 126px;
	min-height: 92px;
	background: #f3f3f3;
	border: 1px solid #999;
	color: #7a001e !important;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-decoration: none !important;
	box-sizing: border-box;
}

.frugaa-hot-coupon-logo span {
	display: block;
	padding: 6px;
}

.frugaa-hot-coupon-content {
	padding: 2px 0 0;
}

.frugaa-hot-coupon-content h3 {
	margin: 0 0 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 400;
}

.frugaa-hot-coupon-content h3 a {
	color: #005c78 !important;
	text-decoration: none !important;
}

.frugaa-hot-coupon-content h3 a:hover {
	color: var(--frugaa-orange) !important;
}

.frugaa-hot-coupon-content p {
	margin: 0 0 12px;
	color: #333333;
	font-size: 14px;
	line-height: 1.45;
}

.frugaa-hot-coupon-code-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.frugaa-code-label {
	color: #005c78;
	font-size: 20px;
	font-weight: 700;
}

.frugaa-show-coupon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 31px;
	padding: 0 8px;
	background: linear-gradient(180deg, #ff9a28, #f26512);
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none !important;
	text-transform: uppercase;
	border-radius: 0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.frugaa-show-coupon-button span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(255,255,255,0.35);
	font-family: Georgia, serif;
	font-size: 30px;
	line-height: 20px;
}

.frugaa-hot-coupon-score {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: center;
	min-height: 72px;
	background: #35d213;
	color: #ffffff;
	text-align: center;
}

.frugaa-hot-coupon-score strong {
	display: block;
	margin-bottom: 8px;
	color: #ffffff;
	font-size: 22px;
	line-height: 1;
}

.frugaa-vote-buttons {
	display: flex;
	gap: 8px;
}

.frugaa-vote-buttons button {
	width: 26px;
	height: 26px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 4px !important;
	background: rgba(0,0,0,0.18) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	line-height: 26px !important;
	cursor: pointer;
}

.frugaa-hot-coupon-footer {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	min-height: 30px;
	padding: 6px 12px;
	background: #f7f7f7;
	border-top: 1px solid #eeeeee;
	color: #555555;
	font-size: 13px;
	box-sizing: border-box;
}

.frugaa-hot-coupon-footer a {
	color: #005c78 !important;
	text-decoration: none !important;
}

.frugaa-hot-coupon-footer a:hover {
	color: var(--frugaa-orange) !important;
}

/* Temporarily hide default empty Clipper homepage coupon box */
.home #content .content-box:first-child,
.blog #content .content-box:first-child {
	display: none !important;
}

@media (max-width: 900px) {
	.frugaa-hot-coupons {
		width: min(100% - 24px, 980px);
	}

	.frugaa-hot-coupon-main {
		grid-template-columns: 110px minmax(0, 1fr);
	}

	.frugaa-hot-coupon-score {
		grid-column: 1 / -1;
		min-height: 58px;
		flex-direction: row;
		gap: 18px;
	}
}

@media (max-width: 560px) {
	.frugaa-hot-coupons {
		width: min(100% - 18px, 980px);
	}

	.frugaa-hot-coupon-main {
		grid-template-columns: 1fr;
	}

	.frugaa-hot-coupon-logo {
		width: 100%;
	}

	.frugaa-hot-coupon-code-row {
		flex-wrap: wrap;
	}

	.frugaa-hot-coupon-footer {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
}

/* =========================================================
   FINAL COUPON LIST + CATEGORY SIDEBAR REPLICA
   ========================================================= */

/* Hide default Clipper content/sidebar on the homepage because we now render our own section */
body.home #main,
body.blog #main {
	display: none !important;
}

.frugaa-coupon-zone {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	margin: 0 auto 42px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 292px !important;
	gap: 30px !important;
	align-items: start !important;
	clear: both !important;
}

.frugaa-coupon-zone-main {
	min-width: 0 !important;
}

.frugaa-coupon-zone-title {
	height: 42px !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 0 16px !important;
	background: #f8f8f8 !important;
	border: 1px solid #dddddd !important;
	border-bottom: 0 !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-zone-icon {
	color: #777777 !important;
	font-size: 24px !important;
	line-height: 1 !important;
	transform: rotate(-8deg) !important;
}

.frugaa-coupon-zone-title h2 {
	margin: 0 !important;
	color: #005c78 !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
}

.frugaa-coupon-list {
	background: #ffffff !important;
	border-left: 1px solid #dddddd !important;
	border-right: 1px solid #dddddd !important;
}

.frugaa-coupon-card {
	background: #ffffff !important;
	border-bottom: 1px solid #d9d9d9 !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-card-body {
	display: grid !important;
	grid-template-columns: 134px minmax(0, 1fr) 118px !important;
	gap: 8px !important;
	min-height: 154px !important;
	padding: 8px !important;
	box-sizing: border-box !important;
	align-items: start !important;
}

.frugaa-coupon-store {
	width: 134px !important;
	text-align: center !important;
}

.frugaa-coupon-logo {
	width: 134px !important;
	height: 100px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f3f3f3 !important;
	border: 1px solid #999999 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-decoration: none !important;
}

.frugaa-coupon-logo img {
	display: block !important;
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

.frugaa-coupon-store-name {
	display: inline-block !important;
	margin-top: 5px !important;
	color: #005c78 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	text-decoration: underline !important;
}

.frugaa-coupon-info {
	min-width: 0 !important;
	padding: 2px 0 0 !important;
}

.frugaa-coupon-info h3 {
	margin: 0 0 8px !important;
	padding: 0 0 8px !important;
	border-bottom: 1px solid #e5e5e5 !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
}

.frugaa-coupon-info h3 a {
	color: #005c78 !important;
	text-decoration: none !important;
}

.frugaa-coupon-info h3 a:hover,
.frugaa-coupon-info h3 a:focus {
	color: #e94b16 !important;
}

.frugaa-coupon-info p {
	margin: 0 0 13px !important;
	color: #3e3e3e !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
}

.frugaa-coupon-code-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.frugaa-coupon-code-label {
	color: #005c78 !important;
	font-size: 22px !important;
	line-height: 31px !important;
	font-weight: 700 !important;
}

.frugaa-coupon-code-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-width: 132px !important;
	height: 31px !important;
	min-height: 31px !important;
	margin: 0 !important;
	padding: 0 5px 0 7px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(180deg, #ff9d28 0%, #f36a13 100%) !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 31px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
	cursor: pointer !important;
	transition: transform 160ms ease, filter 160ms ease !important;
}

.frugaa-coupon-code-button:hover,
.frugaa-coupon-code-button:focus {
	filter: brightness(1.05) !important;
	transform: translateY(-1px) !important;
	outline: none !important;
}

.frugaa-coupon-code-button.is-revealed {
	min-width: 118px !important;
	background: linear-gradient(180deg, #3fbf36 0%, #23931d 100%) !important;
}

.frugaa-coupon-code-button i {
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.38) !important;
	color: #ffffff !important;
	font-family: Georgia, serif !important;
	font-size: 30px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 20px !important;
}

.frugaa-coupon-success {
	align-self: end !important;
	width: 118px !important;
	margin-top: 58px !important;
	background: #2fcf11 !important;
	text-align: center !important;
	color: #ffffff !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-success strong {
	display: block !important;
	height: 36px !important;
	color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 36px !important;
}

.frugaa-coupon-votes {
	height: 34px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: #ffffff !important;
}

.frugaa-coupon-votes button {
	width: 26px !important;
	height: 26px !important;
	min-height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	line-height: 26px !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: transform 120ms ease, filter 120ms ease !important;
}

.frugaa-coupon-votes button[data-frugaa-vote="up"] {
	background: #5cae12 !important;
}

.frugaa-coupon-votes button[data-frugaa-vote="down"] {
	background: #ad2b20 !important;
}

.frugaa-coupon-votes button:hover,
.frugaa-coupon-votes button:focus,
.frugaa-coupon-votes button.is-active {
	transform: translateY(-1px) !important;
	filter: brightness(1.12) !important;
	outline: none !important;
}

.frugaa-coupon-meta {
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 14px !important;
	padding: 0 12px !important;
	background: #f7f7f7 !important;
	border-top: 1px solid #eeeeee !important;
	box-sizing: border-box !important;
	color: #555555 !important;
	font-size: 13px !important;
	line-height: 32px !important;
}

.frugaa-coupon-meta a {
	color: #555555 !important;
	text-decoration: none !important;
}

.frugaa-coupon-meta a:hover,
.frugaa-coupon-meta a:focus {
	color: #005c78 !important;
}

/* Right category sidebar */
.frugaa-category-sidebar {
	background: #e9e4d8 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: 0 8px 24px rgba(59, 42, 31, 0.12) !important;
}

.frugaa-category-sidebar header {
	height: 46px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 18px !important;
	background: #cdbfae !important;
	border-bottom: 1px solid rgba(90, 70, 52, 0.18) !important;
	box-sizing: border-box !important;
}

.frugaa-category-sidebar h2 {
	margin: 0 !important;
	color: #3b4b55 !important;
	font-size: 20px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.01em !important;
}

.frugaa-category-sidebar ul {
	margin: 0 !important;
	padding: 8px 12px 12px !important;
	list-style: none !important;
}

.frugaa-category-sidebar li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.frugaa-category-sidebar a {
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 0 10px !important;
	background: #f7f7f7 !important;
	color: #005c78 !important;
	font-size: 18px !important;
	line-height: 48px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: background-color 140ms ease, color 140ms ease !important;
}

.frugaa-category-sidebar li:nth-child(even) a {
	background: #e9e5d7 !important;
}

.frugaa-category-sidebar a:hover,
.frugaa-category-sidebar a:focus {
	background: #ffffff !important;
	color: #e94b16 !important;
}

.frugaa-category-icon {
	width: 28px !important;
	flex: 0 0 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 19px !important;
	line-height: 1 !important;
}

/* Responsive */
@media (max-width: 980px) {
	.frugaa-coupon-zone {
		width: min(100% - 24px, 980px) !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	.frugaa-category-sidebar {
		max-width: 420px !important;
		margin: 0 auto !important;
	}
}

@media (max-width: 720px) {
	.frugaa-coupon-card-body {
		grid-template-columns: 118px minmax(0, 1fr) !important;
	}

	.frugaa-coupon-success {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		margin-top: 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 18px !important;
	}

	.frugaa-coupon-votes {
		background: transparent !important;
	}
}

@media (max-width: 560px) {
	.frugaa-coupon-zone {
		width: min(100% - 18px, 980px) !important;
	}

	.frugaa-coupon-card-body {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.frugaa-coupon-store,
	.frugaa-coupon-logo {
		width: 100% !important;
	}

	.frugaa-coupon-info h3 {
		font-size: 19px !important;
	}

	.frugaa-coupon-code-row {
		flex-wrap: wrap !important;
	}

	.frugaa-coupon-meta {
		height: auto !important;
		min-height: 32px !important;
		justify-content: flex-start !important;
		flex-wrap: wrap !important;
		padding: 6px 10px !important;
		line-height: 1.3 !important;
	}
}

/* =========================================================
   FINAL KOUPON COUPON LAYOUT + RIGHT SIDEBAR
   ========================================================= */

body.home #main,
body.blog #main {
	display: none !important;
}

.frugaa-coupon-zone {
	position: relative !important;
	width: min(1088px, calc(100% - 64px)) !important;
	max-width: 1088px !important;
	margin: 0 auto 44px !important;
	padding: 12px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 748px) 296px !important;
	gap: 30px !important;
	align-items: start !important;
	clear: both !important;
	background: rgba(255, 255, 255, 0.78) !important;
	border: 1px solid rgba(213, 203, 185, 0.7) !important;
	box-shadow: 0 10px 28px rgba(59, 42, 31, 0.08) !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-zone-main {
	min-width: 0 !important;
	background: #ffffff !important;
}

/* Coupon section title */
.frugaa-coupon-zone-title {
	height: 42px !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 0 14px !important;
	background: #f8f8f8 !important;
	border: 1px solid #dddddd !important;
	border-bottom: 0 !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-zone-icon {
	color: #777777 !important;
	font-size: 25px !important;
	line-height: 1 !important;
	transform: rotate(-8deg) !important;
}

.frugaa-coupon-zone-title h2 {
	margin: 0 !important;
	color: #005c78 !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
}

/* Coupon list/cards */
.frugaa-coupon-list {
	background: #ffffff !important;
	border-left: 1px solid #dddddd !important;
	border-right: 1px solid #dddddd !important;
}

.frugaa-coupon-card {
	background: #ffffff !important;
	border-bottom: 1px solid #d9d9d9 !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-card-body {
	display: grid !important;
	grid-template-columns: 134px minmax(0, 1fr) 118px !important;
	gap: 8px !important;
	min-height: 154px !important;
	padding: 8px !important;
	box-sizing: border-box !important;
	align-items: start !important;
}

.frugaa-coupon-store {
	width: 134px !important;
	text-align: center !important;
}

.frugaa-coupon-logo {
	width: 134px !important;
	height: 100px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f3f3f3 !important;
	border: 1px solid #999999 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	text-decoration: none !important;
}

.frugaa-coupon-logo img {
	display: block !important;
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

.frugaa-coupon-store-name {
	display: inline-block !important;
	margin-top: 5px !important;
	color: #005c78 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	text-decoration: underline !important;
}

.frugaa-coupon-info {
	min-width: 0 !important;
	padding: 2px 0 0 !important;
}

.frugaa-coupon-info h3 {
	margin: 0 0 8px !important;
	padding: 0 0 8px !important;
	border-bottom: 1px solid #e5e5e5 !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
}

.frugaa-coupon-info h3 a {
	color: #005c78 !important;
	text-decoration: none !important;
}

.frugaa-coupon-info h3 a:hover,
.frugaa-coupon-info h3 a:focus {
	color: #e94b16 !important;
}

.frugaa-coupon-info p {
	margin: 0 0 13px !important;
	color: #3e3e3e !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
}

.frugaa-coupon-code-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.frugaa-coupon-code-label {
	color: #005c78 !important;
	font-size: 22px !important;
	line-height: 31px !important;
	font-weight: 700 !important;
}

.frugaa-coupon-code-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-width: 132px !important;
	height: 31px !important;
	min-height: 31px !important;
	margin: 0 !important;
	padding: 0 5px 0 7px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(180deg, #ff9d28 0%, #f36a13 100%) !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 31px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
	cursor: pointer !important;
	transition: transform 160ms ease, filter 160ms ease !important;
}

.frugaa-coupon-code-button:hover,
.frugaa-coupon-code-button:focus {
	filter: brightness(1.05) !important;
	transform: translateY(-1px) !important;
	outline: none !important;
}

.frugaa-coupon-code-button.is-revealed {
	min-width: 118px !important;
	background: linear-gradient(180deg, #3fbf36 0%, #23931d 100%) !important;
}

.frugaa-coupon-code-button i {
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.38) !important;
	color: #ffffff !important;
	font-family: Georgia, serif !important;
	font-size: 30px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 20px !important;
}

.frugaa-coupon-success {
	align-self: end !important;
	width: 118px !important;
	margin-top: 58px !important;
	background: #2fcf11 !important;
	text-align: center !important;
	color: #ffffff !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-success strong {
	display: block !important;
	height: 36px !important;
	color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 36px !important;
}

.frugaa-coupon-votes {
	height: 34px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: #ffffff !important;
}

.frugaa-coupon-votes button {
	width: 26px !important;
	height: 26px !important;
	min-height: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	line-height: 26px !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: transform 120ms ease, filter 120ms ease !important;
}

.frugaa-coupon-votes button[data-frugaa-vote="up"] {
	background: #5cae12 !important;
}

.frugaa-coupon-votes button[data-frugaa-vote="down"] {
	background: #ad2b20 !important;
}

.frugaa-coupon-votes button:hover,
.frugaa-coupon-votes button:focus,
.frugaa-coupon-votes button.is-active {
	transform: translateY(-1px) !important;
	filter: brightness(1.12) !important;
	outline: none !important;
}

.frugaa-coupon-meta {
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 14px !important;
	padding: 0 12px !important;
	background: #f7f7f7 !important;
	border-top: 1px solid #eeeeee !important;
	box-sizing: border-box !important;
	color: #555555 !important;
	font-size: 13px !important;
	line-height: 32px !important;
}

.frugaa-coupon-meta a {
	color: #555555 !important;
	text-decoration: none !important;
}

.frugaa-coupon-meta a:hover,
.frugaa-coupon-meta a:focus {
	color: #005c78 !important;
}

/* =========================================================
   RIGHT SIDEBAR FULL REPLICA
   ========================================================= */

.frugaa-full-sidebar {
	width: 296px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
}

.frugaa-sidebar-widget {
	background: #efeadd !important;
	border: 1px solid #d0c2ad !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: 0 8px 20px rgba(59, 42, 31, 0.1) !important;
}

.frugaa-sidebar-widget header {
	position: relative !important;
	min-height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 16px !important;
	background: #d5c8b6 !important;
	border-bottom: 1px solid #b9aa96 !important;
	box-sizing: border-box !important;
}

.frugaa-sidebar-widget header h2 {
	margin: 0 !important;
	color: #344752 !important;
	font-size: 20px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
}

.frugaa-sidebar-widget-body {
	padding: 18px 20px !important;
	background: #f4f1e6 !important;
}

/* Spread widget */
.frugaa-spread-body {
	min-height: 52px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.frugaa-x-post-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 74px !important;
	height: 22px !important;
	padding: 0 14px !important;
	border-radius: 999px !important;
	background: #000000 !important;
	color: #ffffff !important;
	font-size: 13px !important;
	line-height: 22px !important;
	text-decoration: none !important;
}

/* Rewards widget */
.frugaa-rewards-widget {
	border-color: #b33e47 !important;
}

.frugaa-rewards-widget header {
	background: #b04049 !important;
	border-bottom: 0 !important;
}

.frugaa-rewards-widget header h2 {
	color: #ffffff !important;
	font-size: 21px !important;
	font-weight: 700 !important;
}

.frugaa-new-badge {
	position: absolute !important;
	right: 8px !important;
	top: -2px !important;
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #ffd426 !important;
	color: #d5322e !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
	transform: rotate(4deg) !important;
}

.frugaa-rewards-body {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;
	padding: 18px 12px 20px !important;
	background: #f5efe2 !important;
}

.frugaa-reward-circle {
	width: 104px !important;
	height: 104px !important;
	margin: 0 auto !important;
	border-radius: 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	border: 5px solid #f1d693 !important;
	color: #ffffff !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

.frugaa-reward-circle span {
	font-size: 32px !important;
	line-height: 1 !important;
	margin-bottom: 5px !important;
}

.frugaa-reward-circle strong {
	color: #ffffff !important;
	font-size: 15px !important;
	line-height: 1.05 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.frugaa-reward-blue {
	background: #00bfd3 !important;
}

.frugaa-reward-pink {
	background: #d80c78 !important;
}

.frugaa-reward-green {
	background: #72bd13 !important;
}

.frugaa-reward-yellow {
	background: #f6c600 !important;
}

.frugaa-reward-arrow {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 46px !important;
	height: 46px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #3fbf36 !important;
	color: #ffffff !important;
	font-size: 30px !important;
	font-weight: 800 !important;
	transform: translate(-50%, -50%) !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;
	z-index: 2 !important;
}

/* Email widget */
.frugaa-email-widget .frugaa-sidebar-widget-body {
	padding: 18px 20px 16px !important;
}

.frugaa-email-input-wrap {
	position: relative !important;
	margin-bottom: 12px !important;
}

.frugaa-email-input-wrap input {
	width: 100% !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 42px 0 10px !important;
	border: 1px solid #9d9d9d !important;
	border-radius: 2px !important;
	background: #ffffff !important;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.15) !important;
	box-sizing: border-box !important;
	font-size: 14px !important;
}

.frugaa-email-input-wrap span {
	position: absolute !important;
	top: 50% !important;
	right: 8px !important;
	transform: translateY(-50%) !important;
	width: 30px !important;
	height: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #87c7dd !important;
	font-size: 22px !important;
	pointer-events: none !important;
}

.frugaa-email-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
}

.frugaa-email-footer p {
	margin: 0 !important;
	max-width: 94px !important;
	color: #4d4d4d !important;
	font-size: 11px !important;
	line-height: 1.15 !important;
}

.frugaa-email-footer button {
	width: 102px !important;
	height: 30px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #12aeb0, #006c70) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 30px !important;
	text-align: center !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 2px 3px rgba(0,0,0,0.25) !important;
	cursor: pointer !important;
}

/* Popular categories widget */
.frugaa-category-sidebar ul {
	margin: 0 !important;
	padding: 10px 10px 12px !important;
	list-style: none !important;
	background: #e9e4d8 !important;
}

.frugaa-category-sidebar li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.frugaa-category-sidebar a {
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 0 10px !important;
	background: #f7f7f7 !important;
	color: #005c78 !important;
	font-size: 18px !important;
	line-height: 48px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: background-color 140ms ease, color 140ms ease !important;
}

.frugaa-category-sidebar li:nth-child(even) a {
	background: #e9e5d7 !important;
}

.frugaa-category-sidebar a:hover,
.frugaa-category-sidebar a:focus {
	background: #ffffff !important;
	color: #e94b16 !important;
}

.frugaa-category-icon {
	width: 28px !important;
	flex: 0 0 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
	line-height: 1 !important;
}

/* Responsive */
@media (max-width: 1080px) {
	.frugaa-coupon-zone {
		width: min(100% - 24px, 1088px) !important;
		grid-template-columns: 1fr !important;
	}

	.frugaa-full-sidebar {
		width: 296px !important;
		max-width: 100% !important;
		margin: 0 auto !important;
	}
}

@media (max-width: 720px) {
	.frugaa-coupon-card-body {
		grid-template-columns: 118px minmax(0, 1fr) !important;
	}

	.frugaa-coupon-success {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		margin-top: 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 18px !important;
	}

	.frugaa-coupon-votes {
		background: transparent !important;
	}
}

@media (max-width: 560px) {
	.frugaa-coupon-zone {
		width: min(100% - 18px, 1088px) !important;
		padding: 8px !important;
	}

	.frugaa-coupon-card-body {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.frugaa-coupon-store,
	.frugaa-coupon-logo {
		width: 100% !important;
	}

	.frugaa-coupon-info h3 {
		font-size: 19px !important;
	}

	.frugaa-coupon-code-row {
		flex-wrap: wrap !important;
	}

	.frugaa-coupon-meta {
		height: auto !important;
		min-height: 32px !important;
		justify-content: flex-start !important;
		flex-wrap: wrap !important;
		padding: 6px 10px !important;
		line-height: 1.3 !important;
	}
}


/* =========================================================
   FIX: Marketplace belongs in left column, sidebar starts beside it
   ========================================================= */

/* Hide the older standalone full-width marketplace section */
.frugaa-marketplace-panel:not(.frugaa-marketplace-panel-inside) {
	display: none !important;
}

/* Main white boxed content area */
.frugaa-coupon-zone {
	position: relative !important;
	width: min(1088px, calc(100% - 64px)) !important;
	max-width: 1088px !important;
	margin: 0 auto 44px !important;
	padding: 12px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 748px) 296px !important;
	gap: 30px !important;
	align-items: start !important;
	clear: both !important;
	background: rgba(255, 255, 255, 0.78) !important;
	border: 1px solid rgba(213, 203, 185, 0.7) !important;
	box-shadow: 0 10px 28px rgba(59, 42, 31, 0.08) !important;
	box-sizing: border-box !important;
}

.frugaa-coupon-zone-main {
	min-width: 0 !important;
	background: #ffffff !important;
}

/* Marketplace inside left column */
.frugaa-marketplace-panel-inside {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 16px !important;
	clear: none !important;
	background:
		linear-gradient(45deg, rgba(122, 98, 70, 0.045) 25%, transparent 25%),
		linear-gradient(-45deg, rgba(122, 98, 70, 0.045) 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, rgba(122, 98, 70, 0.045) 75%),
		linear-gradient(-45deg, transparent 75%, rgba(122, 98, 70, 0.045) 75%) !important;
	background-size: 12px 12px !important;
	background-position: 0 0, 0 6px, 6px -6px, -6px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(70, 50, 35, 0.22) !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.frugaa-marketplace-panel-inside .frugaa-marketplace-header {
	min-height: 76px !important;
	padding: 0 28px !important;
	background: #3a2a1d !important;
	border-top: 6px solid rgba(255, 255, 255, 0.35) !important;
	border-bottom: 6px solid rgba(255, 255, 255, 0.35) !important;
	color: #ffd58a !important;
	box-sizing: border-box !important;
}

.frugaa-marketplace-panel-inside .frugaa-marketplace-header h2 {
	margin: 0 !important;
	color: #ffd58a !important;
	font-size: 23px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

.frugaa-marketplace-panel-inside .frugaa-marketplace-body {
	min-height: 196px !important;
	padding: 24px 54px 28px !important;
	display: grid !important;
	grid-template-columns: 300px 1fr !important;
	gap: 44px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.frugaa-marketplace-panel-inside .frugaa-marketplace-search-box {
	width: 300px !important;
	padding: 20px 18px 22px !important;
	background: rgba(255, 255, 255, 0.25) !important;
	border: 1px solid #d36c76 !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
}

.frugaa-marketplace-panel-inside .frugaa-marketplace-actions {
	position: relative !important;
	min-height: 150px !important;
}

.frugaa-marketplace-panel-inside .frugaa-marketplace-action-green {
	top: 0 !important;
	left: 12px !important;
}

.frugaa-marketplace-panel-inside .frugaa-marketplace-action-blue {
	top: 84px !important;
	left: 96px !important;
}

/* Sidebar should align at top with marketplace */
.frugaa-full-sidebar {
	width: 296px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
	align-self: start !important;
}

/* Keep hidden default Clipper content */
body.home #main,
body.blog #main {
	display: none !important;
}

/* Responsive */
@media (max-width: 1080px) {
	.frugaa-coupon-zone {
		width: min(100% - 24px, 1088px) !important;
		grid-template-columns: 1fr !important;
	}

	.frugaa-full-sidebar {
		width: 296px !important;
		max-width: 100% !important;
		margin: 0 auto !important;
	}

	.frugaa-marketplace-panel-inside .frugaa-marketplace-body {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
		padding: 24px !important;
	}

	.frugaa-marketplace-panel-inside .frugaa-marketplace-search-box {
		margin: 0 auto !important;
	}

	.frugaa-marketplace-panel-inside .frugaa-marketplace-actions {
		min-height: auto !important;
		display: grid !important;
		gap: 16px !important;
	}

	.frugaa-marketplace-panel-inside .frugaa-marketplace-action,
	.frugaa-marketplace-panel-inside .frugaa-marketplace-action-green,
	.frugaa-marketplace-panel-inside .frugaa-marketplace-action-blue {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: min(260px, 100%) !important;
		margin: 0 auto !important;
	}
}

/* =========================================================
   WHITE BOXED BACKGROUND BEHIND SAVINGS CALCULATOR SECTION
   Match original Koupon container structure
   ========================================================= */

.frugaa-home-panels {
	width: min(1088px, calc(100% - 64px)) !important;
	max-width: 1088px !important;
	margin: 0 auto 18px !important;
	padding: 12px !important;

	display: grid !important;
	grid-template-columns: minmax(0, 738px) 296px !important;
	gap: 30px !important;
	align-items: stretch !important;

	background: rgba(255, 255, 255, 0.78) !important;
	border: 1px solid rgba(213, 203, 185, 0.7) !important;
	box-shadow: 0 10px 28px rgba(59, 42, 31, 0.08) !important;
	box-sizing: border-box !important;
	clear: both !important;
}

/* Keep the calculator and why panel clean inside the white container */
.frugaa-home-panels .frugaa-savings-calculator,
.frugaa-home-panels .frugaa-why-panel {
	margin: 0 !important;
	box-shadow: none !important;
}

/* Match left/right panel proportions with lower coupon layout */
.frugaa-home-panels .frugaa-savings-calculator {
	width: 100% !important;
}

.frugaa-home-panels .frugaa-why-panel {
	width: 296px !important;
}

/* Slightly reduce bottom gap so marketplace starts like the original */
.frugaa-marketplace-panel:not(.frugaa-marketplace-panel-inside) {
	margin-top: 0 !important;
}

/* Responsive behavior */
@media (max-width: 1080px) {
	.frugaa-home-panels {
		width: min(100% - 24px, 1088px) !important;
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}

	.frugaa-home-panels .frugaa-why-panel {
		width: 100% !important;
	}
}

@media (max-width: 560px) {
	.frugaa-home-panels {
		width: min(100% - 18px, 1088px) !important;
		padding: 8px !important;
	}
}

/* =========================================================
   POLISHED COUPON VOTE UX
   Loading spinner + Thanks message + smooth percentage update
   ========================================================= */

.frugaa-coupon-success {
	position: relative !important;
	overflow: hidden !important;
}

.frugaa-coupon-success strong[data-frugaa-success-percent] {
	transition: transform 220ms ease, text-shadow 220ms ease, opacity 220ms ease !important;
}

.frugaa-coupon-success strong[data-frugaa-success-percent].is-updating {
	transform: scale(1.08) !important;
	text-shadow: 0 1px 6px rgba(255, 255, 255, 0.65) !important;
}

.frugaa-coupon-votes {
	position: relative !important;
}

.frugaa-vote-status {
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 34px !important;
	color: #ffffff !important;
	background: #2359c7 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	text-align: center !important;
	box-sizing: border-box !important;
	padding: 2px 6px !important;
}

.frugaa-vote-spinner {
	width: 18px !important;
	height: 18px !important;
	display: inline-block !important;
	border-radius: 50% !important;
	border: 3px solid rgba(255, 255, 255, 0.35) !important;
	border-top-color: #ffffff !important;
	animation: frugaa-vote-spin 700ms linear infinite !important;
}

.frugaa-coupon-card.is-vote-loading .frugaa-coupon-votes,
.frugaa-coupon-card.is-vote-thanked .frugaa-coupon-votes {
	background: #2359c7 !important;
}

.frugaa-coupon-card.is-vote-loading .frugaa-coupon-votes button,
.frugaa-coupon-card.is-vote-thanked .frugaa-coupon-votes button {
	display: none !important;
}

.frugaa-coupon-card.is-vote-loading .frugaa-vote-status,
.frugaa-coupon-card.is-vote-thanked .frugaa-vote-status {
	display: flex !important;
}

.frugaa-coupon-card.is-vote-locked .frugaa-coupon-votes {
	cursor: wait !important;
}

.frugaa-coupon-votes button:disabled {
	cursor: wait !important;
	opacity: 0.7 !important;
}

.frugaa-coupon-votes button.is-active {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.25) !important;
	transform: translateY(-1px) !important;
	filter: brightness(1.12) !important;
}

@keyframes frugaa-vote-spin {
	to {
		transform: rotate(360deg);
	}
}

/* =========================================================
   PERMANENT ONE-TIME VOTE STATE
   ========================================================= */

.frugaa-coupon-card.is-user-voted .frugaa-coupon-votes,
.frugaa-coupon-card.is-vote-loading .frugaa-coupon-votes,
.frugaa-coupon-card.is-vote-thanked .frugaa-coupon-votes {
	background: #2359c7 !important;
}

.frugaa-coupon-card.is-user-voted .frugaa-coupon-votes button,
.frugaa-coupon-card.is-vote-loading .frugaa-coupon-votes button,
.frugaa-coupon-card.is-vote-thanked .frugaa-coupon-votes button {
	display: none !important;
}

.frugaa-coupon-card.is-user-voted .frugaa-vote-status,
.frugaa-coupon-card.is-vote-loading .frugaa-vote-status,
.frugaa-coupon-card.is-vote-thanked .frugaa-vote-status {
	display: flex !important;
}

.frugaa-coupon-card.is-user-voted .frugaa-vote-status {
	background: #2359c7 !important;
	color: #ffffff !important;
}

.frugaa-coupon-card.is-user-voted .frugaa-coupon-votes {
	cursor: default !important;
}

/* =========================================================
   TOP NAVIGATION + POPULAR SEARCH LINKS
   Marketplace intentionally excluded
   ========================================================= */

.frugaa-custom-top-nav {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 42px !important;
	background: #3b2a1d !important;
	color: #ffffff !important;
	z-index: 90 !important;
	box-sizing: border-box !important;
}

.frugaa-custom-top-nav-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	height: 42px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 7px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 42px !important;
	white-space: nowrap !important;
}

.frugaa-custom-top-nav a {
	color: #ffffff !important;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}

.frugaa-custom-top-nav a:hover,
.frugaa-custom-top-nav a:focus {
	color: #ffd58a !important;
	outline: none !important;
}

.frugaa-custom-top-nav span {
	color: rgba(255, 255, 255, 0.75) !important;
}

.frugaa-top-rewards-link {
	position: relative !important;
	margin-right: 12px !important;
}

.frugaa-top-rewards-link em {
	position: absolute !important;
	top: -16px !important;
	right: -34px !important;
	width: 34px !important;
	height: 34px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #d91e13 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
	transform: rotate(10deg) !important;
}

.frugaa-top-cart-link {
	margin-left: 18px !important;
}

.frugaa-header-popular {
	position: absolute !important;
	left: 16px !important;
	top: 43px !important;
	z-index: 8 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
	white-space: nowrap !important;
	pointer-events: auto !important;
}

.frugaa-header-popular strong {
	color: #ffffff !important;
	font-weight: 800 !important;
}

.frugaa-header-popular a {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

.frugaa-header-popular a:hover,
.frugaa-header-popular a:focus {
	color: #ffd58a !important;
	outline: none !important;
}

/* Keep popular links visible below the search box */
#header .search-box,
.search-box {
	overflow: visible !important;
}

/* =========================================================
   VOTE UX COLOR FIX
   White box, black spinner, black text
   ========================================================= */

.frugaa-coupon-card.is-user-voted .frugaa-coupon-votes,
.frugaa-coupon-card.is-vote-loading .frugaa-coupon-votes,
.frugaa-coupon-card.is-vote-thanked .frugaa-coupon-votes {
	background: #ffffff !important;
	border-top: 1px solid #e2e2e2 !important;
}

.frugaa-vote-status {
	background: #ffffff !important;
	color: #000000 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	text-align: center !important;
}

.frugaa-coupon-card.is-user-voted .frugaa-vote-status,
.frugaa-coupon-card.is-vote-loading .frugaa-vote-status,
.frugaa-coupon-card.is-vote-thanked .frugaa-vote-status {
	background: #ffffff !important;
	color: #000000 !important;
	display: flex !important;
}

.frugaa-vote-spinner {
	width: 18px !important;
	height: 18px !important;
	display: inline-block !important;
	border-radius: 50% !important;
	border: 3px solid rgba(0, 0, 0, 0.14) !important;
	border-top-color: #000000 !important;
	animation: frugaa-vote-spin 700ms linear infinite !important;
}

.frugaa-coupon-card.is-user-voted .frugaa-coupon-votes button,
.frugaa-coupon-card.is-vote-loading .frugaa-coupon-votes button,
.frugaa-coupon-card.is-vote-thanked .frugaa-coupon-votes button {
	display: none !important;
}

/* Responsive top nav */
@media (max-width: 760px) {
	.frugaa-custom-top-nav {
		height: auto !important;
		min-height: 42px !important;
	}

	.frugaa-custom-top-nav-inner {
		width: min(100% - 20px, 980px) !important;
		height: auto !important;
		min-height: 42px !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 5px 7px !important;
		padding: 8px 0 !important;
		line-height: 1.2 !important;
	}

	.frugaa-top-cart-link {
		margin-left: 8px !important;
	}

	.frugaa-header-popular {
		left: 50% !important;
		top: 42px !important;
		transform: translateX(-50%) !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		width: min(100%, 460px) !important;
		gap: 5px 7px !important;
	}
}

/* =========================================================
   FINAL HEADER NAV + POPULAR LINKS SPACING FIX
   Fix cropping in top navigation and search popular row
   ========================================================= */

/* Give the full header more safe vertical room */
#header {
	min-height: 305px !important;
	overflow: visible !important;
}

/* Make all header containers allow overflow */
#header,
#header .holder,
#header .frames,
#header .frame,
#header .header-bar,
#header .search-box,
.search-box {
	overflow: visible !important;
}

/* Top dark navigation bar */
.frugaa-custom-top-nav {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 46px !important;
	min-height: 46px !important;
	background: #3b2a1d !important;
	color: #ffffff !important;
	z-index: 100 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

.frugaa-custom-top-nav-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	height: 46px !important;
	min-height: 46px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 7px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 46px !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Prevent the New badge from getting cropped */
.frugaa-top-rewards-link {
	position: relative !important;
	margin-right: 22px !important;
}

.frugaa-top-rewards-link em {
	position: absolute !important;
	top: -6px !important;
	right: -34px !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #d91e13 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
	transform: rotate(10deg) !important;
	overflow: visible !important;
}

/* Move the teal bar slightly lower and make it taller */
#header::before {
	top: 112px !important;
	height: 82px !important;
	border-radius: 17px !important;
}

/* Logo safe position */
#logo,
#header #logo,
#header .logo,
#header h1.logo,
#header .site-title,
#header .site-logo {
	top: 54px !important;
}

/* Search box spacing inside teal bar */
#header .search-box,
.search-box {
	top: 126px !important;
	height: 58px !important;
	z-index: 8 !important;
}

/* Keep the form/input aligned */
#header .search-box form,
.search-box form {
	height: 38px !important;
	overflow: visible !important;
}

/* Popular links below search input with proper breathing space */
.frugaa-header-popular,
#header .popular,
.popular {
	position: absolute !important;
	left: 16px !important;
	top: 44px !important;
	z-index: 12 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 14px !important;
	height: 16px !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
	white-space: nowrap !important;
	overflow: visible !important;
	pointer-events: auto !important;
}

.frugaa-header-popular strong,
#header .popular strong,
.popular strong {
	color: #ffffff !important;
	font-weight: 800 !important;
	line-height: 14px !important;
}

.frugaa-header-popular a,
#header .popular a,
.popular a {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	line-height: 14px !important;
}

.frugaa-header-popular a:hover,
.frugaa-header-popular a:focus,
#header .popular a:hover,
#header .popular a:focus,
.popular a:hover,
.popular a:focus {
	color: #ffd58a !important;
	outline: none !important;
}

/* Store carousel should sit below the header without touching it */
.frugaa-store-carousel {
	margin-top: 8px !important;
}

/* Responsive fix */
@media (max-width: 900px) {
	#header {
		min-height: 365px !important;
	}

	#header::before {
		top: 215px !important;
		height: 82px !important;
	}

	#header .search-box,
	.search-box {
		top: 232px !important;
		height: 58px !important;
	}

	.frugaa-header-popular,
	#header .popular,
	.popular {
		left: 50% !important;
		top: 44px !important;
		width: min(100%, 460px) !important;
		justify-content: center !important;
		transform: translateX(-50%) !important;
		flex-wrap: wrap !important;
		gap: 5px 7px !important;
		height: auto !important;
		line-height: 14px !important;
	}
}

@media (max-width: 760px) {
	.frugaa-custom-top-nav {
		height: auto !important;
		min-height: 52px !important;
	}

	.frugaa-custom-top-nav-inner {
		width: min(100% - 20px, 980px) !important;
		height: auto !important;
		min-height: 52px !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 5px 7px !important;
		padding: 8px 0 !important;
		line-height: 1.2 !important;
	}

	.frugaa-top-rewards-link em {
		top: -9px !important;
		right: -30px !important;
		width: 28px !important;
		height: 28px !important;
	}
}

/* =========================================================
   FINAL HEADER STRUCTURE FIX
   More space for logo, teal header bar, search, popular links
   ========================================================= */

/* Main header needs enough safe height */
#header {
	position: relative !important;
	min-height: 355px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	background: transparent !important;
}

/* Make all inner header wrappers safe */
#header .holder,
#header .frames,
#header .frame,
#header .header-bar {
	position: relative !important;
	min-height: 315px !important;
	overflow: visible !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* Top navigation bar: no cropping */
.frugaa-custom-top-nav {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 46px !important;
	min-height: 46px !important;
	background: #3b2a1d !important;
	z-index: 100 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

.frugaa-custom-top-nav-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	height: 46px !important;
	min-height: 46px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 7px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 46px !important;
	color: #ffffff !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Keep all top nav links clean */
.frugaa-custom-top-nav a,
.frugaa-custom-top-nav span {
	line-height: 46px !important;
}

.frugaa-custom-top-nav a {
	color: #ffffff !important;
	text-decoration: none !important;
}

.frugaa-custom-top-nav a:hover {
	color: #ffd58a !important;
}

/* Rewards New badge should sit inside safe nav area */
.frugaa-top-rewards-link {
	position: relative !important;
	margin-right: 34px !important;
}

.frugaa-top-rewards-link em {
	position: absolute !important;
	top: 4px !important;
	right: -34px !important;
	width: 30px !important;
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #d91e13 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
	transform: rotate(10deg) !important;
	overflow: visible !important;
}

/* Teal header bar: taller and lower */
#header::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 128px !important;
	width: 980px !important;
	max-width: calc(100% - 64px) !important;
	height: 90px !important;
	transform: translateX(-50%) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(
			180deg,
			#12a8a9 0%,
			#008b8d 42%,
			#007678 62%,
			#005c60 100%
		) !important;
	border: 1px solid rgba(0, 75, 78, 0.75) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		inset 0 -3px 8px rgba(0, 0, 0, 0.22),
		0 5px 9px rgba(0, 60, 65, 0.28) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

/* Logo: larger safe container, no crop */
#logo,
#header #logo,
#header .logo,
#header h1.logo,
#header .site-title,
#header .site-logo {
	position: absolute !important;
	left: calc(50% - 470px) !important;
	top: 66px !important;
	width: 320px !important;
	height: 225px !important;
	min-width: 320px !important;
	min-height: 225px !important;
	max-width: 320px !important;
	max-height: 225px !important;
	background-image: url("../images/frugaa-logo.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	z-index: 5 !important;
	overflow: visible !important;
	text-indent: -9999px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Search box: centered inside taller teal bar */
#header .search-box,
.search-box {
	position: absolute !important;
	top: 148px !important;
	right: calc(50% - 390px) !important;
	width: 500px !important;
	height: 62px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: flex-start !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	z-index: 8 !important;
	overflow: visible !important;
}

#header .search-box form,
.search-box form {
	width: 100% !important;
	height: 38px !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

#header .search-box input[type="text"],
#header .search-box input[type="search"],
.search-box input[type="text"],
.search-box input[type="search"] {
	height: 38px !important;
	min-height: 38px !important;
	line-height: 38px !important;
}

#header .search-box input[type="submit"],
#header .search-box button,
.search-box input[type="submit"],
.search-box button {
	height: 38px !important;
	min-height: 38px !important;
	line-height: 38px !important;
}

/* Popular links: placed clearly below input, not cropped */
.frugaa-header-popular,
#header .popular,
.popular {
	position: absolute !important;
	left: 16px !important;
	top: 44px !important;
	height: 18px !important;
	min-height: 18px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
	white-space: nowrap !important;
	overflow: visible !important;
	z-index: 12 !important;
	pointer-events: auto !important;
}

.frugaa-header-popular strong,
.frugaa-header-popular a,
#header .popular strong,
#header .popular a,
.popular strong,
.popular a {
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	text-decoration: none !important;
}

.frugaa-header-popular a:hover,
#header .popular a:hover,
.popular a:hover {
	color: #ffd58a !important;
}

/* Store carousel starts after header with breathing space */
.frugaa-store-carousel {
	margin-top: 10px !important;
	margin-bottom: 34px !important;
}

/* Responsive header */
@media (max-width: 900px) {
	#header {
		min-height: 420px !important;
	}

	#header::before {
		top: 235px !important;
		height: 90px !important;
		width: calc(100% - 32px) !important;
	}

	#logo,
	#header #logo,
	#header .logo,
	#header h1.logo,
	#header .site-title,
	#header .site-logo {
		left: 50% !important;
		top: 70px !important;
		width: 290px !important;
		height: 165px !important;
		min-width: 290px !important;
		min-height: 165px !important;
		max-width: 290px !important;
		max-height: 165px !important;
		transform: translateX(-50%) !important;
	}

	#header .search-box,
	.search-box {
		top: 254px !important;
		left: 50% !important;
		right: auto !important;
		width: min(82%, 520px) !important;
		height: 62px !important;
		transform: translateX(-50%) !important;
	}
}

@media (max-width: 760px) {
	.frugaa-custom-top-nav {
		height: auto !important;
		min-height: 58px !important;
	}

	.frugaa-custom-top-nav-inner {
		width: min(100% - 20px, 980px) !important;
		height: auto !important;
		min-height: 58px !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		padding: 8px 0 !important;
		gap: 5px 7px !important;
		line-height: 1.2 !important;
	}

	.frugaa-custom-top-nav a,
	.frugaa-custom-top-nav span {
		line-height: 1.2 !important;
	}

	.frugaa-top-rewards-link em {
		position: static !important;
		display: inline-flex !important;
		margin-left: 4px !important;
		width: 24px !important;
		height: 24px !important;
		transform: none !important;
	}
}

/* =========================================================
   ORIGINAL KOUPON IMAGE ASSETS
   Uses files from assets/koupon-images/
   ========================================================= */

/* Coupon section scissors icon */
.frugaa-coupon-zone-icon {
	width: 30px !important;
	height: 30px !important;
	display: inline-block !important;
	background: url("../koupon-images/ic-title.gif") no-repeat center center !important;
	background-size: contain !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	transform: none !important;
}

/* Marketplace cart icon */
.frugaa-marketplace-icon {
	width: 44px !important;
	height: 44px !important;
	display: inline-block !important;
	background: url("../koupon-images/icon-coupon-top-small.png") no-repeat center center !important;
	background-size: contain !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	filter: none !important;
}

/* Marketplace search magnifier */
.frugaa-marketplace-search-icon {
	width: 22px !important;
	height: 22px !important;
	right: 6px !important;
	background: url("../koupon-images/search-icon.png") no-repeat center center !important;
	background-size: contain !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	opacity: 1 !important;
}

/* Email envelope icon */
.frugaa-email-input-wrap span {
	width: 35px !important;
	height: 28px !important;
	right: 5px !important;
	background: url("../koupon-images/email-icon.png") no-repeat center center !important;
	background-size: contain !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* Rewards graphics using original Koupon reward icons */
.frugaa-reward-blue span,
.frugaa-reward-pink span,
.frugaa-reward-green span,
.frugaa-reward-yellow span {
	width: 48px !important;
	height: 42px !important;
	display: block !important;
	margin: 0 auto 5px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.frugaa-reward-blue span {
	background-image: url("../koupon-images/featured-image-first.png") !important;
}

.frugaa-reward-pink span {
	background-image: url("../koupon-images/featured-image-second.png") !important;
}

.frugaa-reward-green span {
	background-image: url("../koupon-images/featured-image-third.png") !important;
}

.frugaa-reward-yellow span {
	background-image: url("../koupon-images/gift.png") !important;
}

/* Rewards middle arrow image-style polish */
.frugaa-reward-arrow {
	color: #ffffff !important;
	font-size: 32px !important;
	line-height: 46px !important;
}

/* Header search button icon fallback alignment */
#header .search-box button::before,
.search-box button::before {
	content: "" !important;
	width: 22px !important;
	height: 22px !important;
	display: block !important;
	margin: 8px auto 0 !important;
	background: url("../koupon-images/searchbutton-icon.png") no-repeat center center !important;
	background-size: contain !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* =========================================================
   REMOVE UNWANTED DEFAULT HOMEPAGE WIDGETS / FOOTER
   ========================================================= */

body.home #main,
body.blog #main,
body.home #content,
body.blog #content,
body.home #sidebar,
body.blog #sidebar,
body.home .content-box:not(.frugaa-savings-calculator):not(.frugaa-why-panel),
body.blog .content-box:not(.frugaa-savings-calculator):not(.frugaa-why-panel),
body.home .widget-area:not(.frugaa-full-sidebar),
body.blog .widget-area:not(.frugaa-full-sidebar),
body.home .widget_search,
body.home .widget_recent_entries,
body.home .widget_recent_comments,
body.blog .widget_search,
body.blog .widget_recent_entries,
body.blog .widget_recent_comments {
	display: none !important;
}

body.home #footer,
body.blog #footer,
body.home .footer:not(.frugaa-site-footer),
body.blog .footer:not(.frugaa-site-footer),
body.home .site-footer:not(.frugaa-site-footer),
body.blog .site-footer:not(.frugaa-site-footer) {
	display: none !important;
}

/* =========================================================
   KOUPON-STYLE FRUGAA FOOTER
   ========================================================= */

.frugaa-site-footer {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #3b2a1d !important;
	color: #ffffff !important;
	clear: both !important;
	position: relative !important;
	z-index: 5 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* How-to section */
.frugaa-footer-howto {
	background: #3b2a1d !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 18px 0 24px !important;
}

.frugaa-footer-howto-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	margin: 0 auto !important;
}

.frugaa-footer-howto-title {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr !important;
	align-items: center !important;
	gap: 18px !important;
	margin-bottom: 28px !important;
}

.frugaa-footer-howto-title span {
	display: block !important;
	height: 1px !important;
	background: rgba(255, 255, 255, 0.35) !important;
}

.frugaa-footer-howto-title h2 {
	margin: 0 !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 24px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.45) !important;
	white-space: nowrap !important;
}

.frugaa-footer-steps {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 62px !important;
	align-items: center !important;
	justify-items: center !important;
}

.frugaa-footer-step {
	position: relative !important;
	width: 190px !important;
	height: 76px !important;
}

.frugaa-footer-step-card {
	width: 190px !important;
	height: 76px !important;
	background: #e8f7f6 !important;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.75), 0 2px 3px rgba(0, 0, 0, 0.3) !important;
	box-sizing: border-box !important;
	padding: 11px 12px 0 !important;
	color: #3b2a1d !important;
	text-align: center !important;
}

.frugaa-footer-step-card strong {
	display: block !important;
	color: #3b2a1d !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 15px !important;
	font-style: italic !important;
	line-height: 1.1 !important;
	margin-bottom: 10px !important;
}

.frugaa-footer-step-card span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 108px !important;
	height: 26px !important;
	border-radius: 999px !important;
	background: #3b2a1d !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 15px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 26px !important;
}

.frugaa-footer-step-select {
	background: #f1eeee !important;
}

.frugaa-footer-step-apply {
	background: #f4f4f4 !important;
}

.frugaa-footer-step-number {
	position: absolute !important;
	left: 16px !important;
	bottom: 8px !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #3b2a1d !important;
	font-size: 16px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	text-align: center !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* Link section */
.frugaa-footer-links {
	background: #3b2a1d !important;
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
	padding: 18px 0 24px !important;
}

.frugaa-footer-links-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 130px 110px 130px minmax(0, 1fr) !important;
	gap: 38px !important;
	align-items: start !important;
}

.frugaa-footer-column h3,
.frugaa-footer-testimonial h3 {
	margin: 0 0 7px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.frugaa-footer-column a {
	display: block !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
}

.frugaa-footer-column a:hover,
.frugaa-footer-column a:focus,
.frugaa-footer-legal a:hover,
.frugaa-footer-legal a:focus {
	color: #ffd58a !important;
	outline: none !important;
}

.frugaa-footer-testimonial p {
	margin: 0 0 7px !important;
	max-width: 330px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.frugaa-footer-testimonial a {
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

/* Bottom footer */
.frugaa-footer-bottom {
	background: #3b2a1d !important;
	padding: 12px 0 16px !important;
}

.frugaa-footer-bottom-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	margin: 0 auto !important;
	text-align: center !important;
}

.frugaa-footer-socials {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	margin-bottom: 10px !important;
}

.frugaa-footer-socials a {
	width: 25px !important;
	height: 25px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #d5d5d5 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 25px !important;
	text-decoration: none !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.28) !important;
}

.frugaa-footer-socials a:hover {
	background: #ffffff !important;
	color: #3b2a1d !important;
}

.frugaa-footer-legal {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-bottom: 5px !important;
}

.frugaa-footer-legal a {
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: underline !important;
}

.frugaa-footer-bottom p {
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

/* Responsive footer */
@media (max-width: 900px) {
	.frugaa-footer-steps {
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}

	.frugaa-footer-links-inner {
		grid-template-columns: 1fr 1fr !important;
		gap: 24px !important;
	}
}

@media (max-width: 560px) {
	.frugaa-footer-howto-inner,
	.frugaa-footer-links-inner,
	.frugaa-footer-bottom-inner {
		width: min(100% - 22px, 980px) !important;
	}

	.frugaa-footer-howto-title {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		text-align: center !important;
	}

	.frugaa-footer-howto-title span {
		display: none !important;
	}

	.frugaa-footer-howto-title h2 {
		white-space: normal !important;
		font-size: 22px !important;
	}

	.frugaa-footer-links-inner {
		grid-template-columns: 1fr !important;
		text-align: center !important;
	}

	.frugaa-footer-testimonial p {
		max-width: 100% !important;
	}
}

/* =========================================================
   FINAL FOOTER VISIBILITY FIX
   Show custom Frugaa footer immediately after coupon content
   Hide only old/default footer pieces
   ========================================================= */

/* Keep old Clipper/WordPress footer hidden */
body.home #footer,
body.blog #footer,
body.home .footer:not(.frugaa-site-footer),
body.blog .footer:not(.frugaa-site-footer),
body.home .site-footer:not(.frugaa-site-footer),
body.blog .site-footer:not(.frugaa-site-footer) {
	display: none !important;
}

/* Force our custom footer to display */
body.home .frugaa-site-footer,
body.blog .frugaa-site-footer {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	clear: both !important;
	margin-top: 0 !important;
	position: relative !important;
	z-index: 20 !important;
}

/* Remove unwanted blank space after custom homepage layout */
body.home #main,
body.blog #main,
body.home #content,
body.blog #content,
body.home #sidebar,
body.blog #sidebar {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* Tighten spacing between coupon/sidebar area and footer */
.frugaa-coupon-zone {
	margin-bottom: 0 !important;
}

.frugaa-site-footer {
	margin-top: 0 !important;
}

/* =========================================================
   FOOTER HOW-TO STEPS FINAL FIX
   Number + label inside same dark button
   Hover image/preview behavior like production
   ========================================================= */

.frugaa-footer-steps {
	display: grid !important;
	grid-template-columns: repeat(3, 190px) !important;
	gap: 62px !important;
	align-items: start !important;
	justify-content: center !important;
	justify-items: center !important;
}

.frugaa-footer-step {
	position: relative !important;
	width: 190px !important;
	height: 76px !important;
	cursor: pointer !important;
	outline: none !important;
}

.frugaa-footer-step-preview {
	position: relative !important;
	width: 190px !important;
	height: 54px !important;
	background: #eefafa !important;
	border: 1px solid rgba(255, 255, 255, 0.65) !important;
	box-shadow:
		inset 0 1px 3px rgba(255, 255, 255, 0.85),
		0 2px 3px rgba(0, 0, 0, 0.28) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	transition:
		transform 180ms ease,
		filter 180ms ease,
		box-shadow 180ms ease,
		opacity 180ms ease !important;
}

/* Step preview visual styling */
.frugaa-footer-step-one .frugaa-footer-step-preview {
	background:
		linear-gradient(180deg, rgba(204, 248, 246, 0.95), rgba(225, 255, 254, 0.95)),
		repeating-linear-gradient(0deg, transparent 0 11px, rgba(0, 120, 130, 0.08) 12px) !important;
}

.frugaa-footer-step-two .frugaa-footer-step-preview {
	background:
		linear-gradient(180deg, rgba(245, 239, 239, 0.96), rgba(255, 255, 255, 0.94)),
		repeating-linear-gradient(90deg, transparent 0 20px, rgba(160, 80, 80, 0.08) 21px) !important;
}

.frugaa-footer-step-three .frugaa-footer-step-preview {
	background:
		linear-gradient(180deg, rgba(248, 248, 248, 0.96), rgba(255, 255, 255, 0.94)),
		repeating-linear-gradient(0deg, transparent 0 13px, rgba(0, 130, 150, 0.08) 14px) !important;
}

.frugaa-footer-preview-text {
	position: absolute !important;
	left: 10px !important;
	right: 10px !important;
	top: 8px !important;
	display: block !important;
	color: #3b2a1d !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 14px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1.05 !important;
	text-align: center !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

/* Add small fake UI details inside previews */
.frugaa-footer-step-one .frugaa-footer-step-preview::after {
	content: "" !important;
	position: absolute !important;
	left: 14px !important;
	right: 14px !important;
	bottom: 7px !important;
	height: 15px !important;
	border-radius: 3px !important;
	background: #ffffff !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

.frugaa-footer-step-two .frugaa-footer-step-preview::after {
	content: "SHOW COUPON CODE" !important;
	position: absolute !important;
	left: 44px !important;
	bottom: 8px !important;
	width: 112px !important;
	height: 14px !important;
	background: #f6a122 !important;
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 7px !important;
	font-weight: 800 !important;
	line-height: 14px !important;
	text-align: center !important;
}

.frugaa-footer-step-three .frugaa-footer-step-preview::after {
	content: "" !important;
	position: absolute !important;
	left: 18px !important;
	right: 18px !important;
	bottom: 9px !important;
	height: 13px !important;
	border-radius: 2px !important;
	background: #ffffff !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

/* Dark button with number and text INSIDE same pill */
.frugaa-footer-step-button {
	position: absolute !important;
	left: 36px !important;
	bottom: 0 !important;
	width: 118px !important;
	height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	border-radius: 999px !important;
	background: #3b2a1d !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 28px !important;
	text-align: center !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 2px 3px rgba(0, 0, 0, 0.35) !important;
	z-index: 3 !important;
	transition:
		transform 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease !important;
}

.frugaa-footer-step-index {
	width: 22px !important;
	height: 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #3b2a1d !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	text-align: center !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* Remove previous separate number styling completely */
.frugaa-footer-step-number {
	display: none !important;
}

/* Hover/focus active preview effect */
.frugaa-footer-step:hover .frugaa-footer-step-preview,
.frugaa-footer-step:focus .frugaa-footer-step-preview {
	transform: translateY(-5px) scale(1.04) !important;
	filter: brightness(1.08) saturate(1.08) !important;
	box-shadow:
		inset 0 1px 3px rgba(255, 255, 255, 0.9),
		0 8px 12px rgba(0, 0, 0, 0.35) !important;
}

.frugaa-footer-step:hover .frugaa-footer-step-button,
.frugaa-footer-step:focus .frugaa-footer-step-button {
	transform: translateY(-2px) !important;
	background: #4c3523 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

/* Active-style image overlays on hover, similar to production */
.frugaa-footer-step-one:hover .frugaa-footer-step-preview::before,
.frugaa-footer-step-one:focus .frugaa-footer-step-preview::before {
	content: "Search for coupon codes" !important;
	position: absolute !important;
	left: 12px !important;
	right: 12px !important;
	bottom: 8px !important;
	height: 16px !important;
	padding-left: 6px !important;
	background: #ffffff !important;
	color: #6f6f6f !important;
	font-size: 8px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 16px !important;
	text-align: left !important;
	z-index: 2 !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.frugaa-footer-step-two:hover .frugaa-footer-step-preview::before,
.frugaa-footer-step-two:focus .frugaa-footer-step-preview::before {
	content: "Up To 50% Off - Nike Products" !important;
	position: absolute !important;
	left: 10px !important;
	right: 10px !important;
	top: 6px !important;
	height: 14px !important;
	color: #3b79a0 !important;
	font-size: 8px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center !important;
	z-index: 2 !important;
}

.frugaa-footer-step-three:hover .frugaa-footer-step-preview::before,
.frugaa-footer-step-three:focus .frugaa-footer-step-preview::before {
	content: "Apply it at checkout!" !important;
	position: absolute !important;
	left: 12px !important;
	right: 12px !important;
	top: 6px !important;
	color: #3b2a1d !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 14px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	text-align: center !important;
	z-index: 2 !important;
}

/* Responsive */
@media (max-width: 900px) {
	.frugaa-footer-steps {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	.frugaa-footer-step {
		margin: 0 auto !important;
	}
}

/* =========================================================
   FOOTER HOW-TO HOVER CLEAN FIX
   Remove overlapping hover text and make previews polished
   ========================================================= */

/* Make each footer step slightly taller so button has breathing room */
.frugaa-footer-step {
	width: 190px !important;
	height: 86px !important;
	position: relative !important;
	cursor: pointer !important;
	outline: none !important;
}

/* Clean preview box */
.frugaa-footer-step-preview {
	width: 190px !important;
	height: 58px !important;
	position: relative !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.65) !important;
	box-sizing: border-box !important;
	box-shadow:
		inset 0 1px 3px rgba(255, 255, 255, 0.85),
		0 2px 3px rgba(0, 0, 0, 0.28) !important;
	transition:
		transform 180ms ease,
		filter 180ms ease,
		box-shadow 180ms ease !important;
}

/* Remove old overlapping hover-generated text/details */
.frugaa-footer-step-preview::before,
.frugaa-footer-step-preview::after,
.frugaa-footer-step:hover .frugaa-footer-step-preview::before,
.frugaa-footer-step:hover .frugaa-footer-step-preview::after,
.frugaa-footer-step:focus .frugaa-footer-step-preview::before,
.frugaa-footer-step:focus .frugaa-footer-step-preview::after {
	content: none !important;
	display: none !important;
}

/* Keep the preview text stable and readable */
.frugaa-footer-preview-text {
	position: absolute !important;
	left: 10px !important;
	right: 10px !important;
	top: 7px !important;
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #3b2a1d !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 14px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	text-align: center !important;
	overflow: hidden !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) !important;
	z-index: 2 !important;
}

/* Add subtle fake UI details that do not overlap the text */
.frugaa-footer-step-one .frugaa-footer-step-preview {
	background:
		linear-gradient(180deg, rgba(205, 251, 249, 0.98), rgba(232, 255, 254, 0.98)) !important;
}

.frugaa-footer-step-one .frugaa-footer-step-preview .frugaa-footer-preview-text::after {
	content: "" !important;
	position: absolute !important;
	left: 12px !important;
	right: 12px !important;
	top: 33px !important;
	height: 12px !important;
	border-radius: 3px !important;
	background: rgba(255, 255, 255, 0.9) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.16) !important;
}

.frugaa-footer-step-two .frugaa-footer-step-preview {
	background:
		linear-gradient(180deg, rgba(245, 239, 239, 0.98), rgba(255, 255, 255, 0.96)) !important;
}

.frugaa-footer-step-two .frugaa-footer-step-preview .frugaa-footer-preview-text::after {
	content: "SHOW COUPON CODE" !important;
	position: absolute !important;
	left: 38px !important;
	right: 38px !important;
	top: 35px !important;
	height: 12px !important;
	background: #f6a122 !important;
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 6px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 12px !important;
	text-align: center !important;
	text-shadow: none !important;
}

.frugaa-footer-step-three .frugaa-footer-step-preview {
	background:
		linear-gradient(180deg, rgba(248, 248, 248, 0.98), rgba(255, 255, 255, 0.96)) !important;
}

.frugaa-footer-step-three .frugaa-footer-step-preview .frugaa-footer-preview-text::after {
	content: "" !important;
	position: absolute !important;
	left: 16px !important;
	right: 16px !important;
	top: 35px !important;
	height: 12px !important;
	border-radius: 2px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.16) !important;
}

/* Dark pill button with number + text inside */
.frugaa-footer-step-button {
	position: absolute !important;
	left: 35px !important;
	bottom: 0 !important;
	width: 120px !important;
	height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	border-radius: 999px !important;
	background: #3b2a1d !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 28px !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.22),
		0 2px 3px rgba(0, 0, 0, 0.38) !important;
	z-index: 5 !important;
	transition:
		transform 180ms ease,
		background-color 180ms ease,
		box-shadow 180ms ease !important;
}

.frugaa-footer-step-index {
	width: 22px !important;
	height: 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #3b2a1d !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* Better hover: no extra text, just polished active image feel */
.frugaa-footer-step:hover .frugaa-footer-step-preview,
.frugaa-footer-step:focus .frugaa-footer-step-preview {
	transform: translateY(-4px) scale(1.035) !important;
	filter: brightness(1.08) saturate(1.08) !important;
	box-shadow:
		inset 0 1px 4px rgba(255, 255, 255, 0.95),
		0 8px 14px rgba(0, 0, 0, 0.36) !important;
}

.frugaa-footer-step:hover .frugaa-footer-step-button,
.frugaa-footer-step:focus .frugaa-footer-step-button {
	transform: translateY(-2px) !important;
	background: #4c3523 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		0 5px 8px rgba(0, 0, 0, 0.42) !important;
}

/* Remove old separate number if any remains */
.frugaa-footer-step-number {
	display: none !important;
}

/* =========================================================
   FOOTER SOCIAL ICONS FINAL POLISH
   Pinterest, Facebook, X only — RSS removed
   ========================================================= */

.frugaa-footer-socials {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
}

.frugaa-footer-socials .frugaa-social-icon {
	width: 28px !important;
	height: 28px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background:
		linear-gradient(180deg, #f3f3f3 0%, #b8b8b8 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	color: #3b2a1d !important;
	text-decoration: none !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		inset 0 -1px 2px rgba(0, 0, 0, 0.16),
		0 2px 4px rgba(0, 0, 0, 0.32) !important;
	transition:
		transform 160ms ease,
		background 160ms ease,
		box-shadow 160ms ease,
		color 160ms ease !important;
}

.frugaa-footer-socials .frugaa-social-icon svg {
	width: 15px !important;
	height: 15px !important;
	display: block !important;
	fill: currentColor !important;
}

.frugaa-footer-socials .frugaa-social-icon:hover,
.frugaa-footer-socials .frugaa-social-icon:focus {
	transform: translateY(-2px) !important;
	background:
		linear-gradient(180deg, #ffffff 0%, #d7d7d7 100%) !important;
	color: #7b1f2d !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 1),
		0 4px 8px rgba(0, 0, 0, 0.42) !important;
	outline: none !important;
}

.frugaa-footer-socials .frugaa-social-pinterest:hover,
.frugaa-footer-socials .frugaa-social-pinterest:focus {
	color: #bd081c !important;
}

.frugaa-footer-socials .frugaa-social-facebook:hover,
.frugaa-footer-socials .frugaa-social-facebook:focus {
	color: #1877f2 !important;
}

.frugaa-footer-socials .frugaa-social-x:hover,
.frugaa-footer-socials .frugaa-social-x:focus {
	color: #000000 !important;
}

/* =========================================================
   INNER PAGES: STORES / CATEGORIES / CART
   ========================================================= */

.frugaa-inner-page-wrap {
	width: min(1040px, calc(100% - 64px)) !important;
	max-width: 1040px !important;
	margin: 0 auto 34px !important;
	clear: both !important;
}

.frugaa-inner-page-shell {
	display: grid !important;
	grid-template-columns: minmax(0, 516px) 204px !important;
	gap: 16px !important;
	align-items: start !important;
	background: rgba(255, 255, 255, 0.78) !important;
	border: 1px solid rgba(213, 203, 185, 0.7) !important;
	box-shadow: 0 10px 28px rgba(59, 42, 31, 0.08) !important;
	padding: 10px !important;
	box-sizing: border-box !important;
	justify-content: center !important;
}

.frugaa-inner-content-card {
	background: #ffffff !important;
	border: 1px solid #d6d6d6 !important;
	box-sizing: border-box !important;
	min-height: 120px !important;
}

.frugaa-inner-page-header {
	padding: 14px 16px 10px !important;
	border-bottom: 1px solid #e4e4e4 !important;
	background: #ffffff !important;
}

.frugaa-inner-page-header h1 {
	margin: 0 !important;
	color: #005c78 !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
}

.frugaa-inner-page-header p {
	margin: 6px 0 0 !important;
	color: #555555 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
}

/* A-Z nav */
.frugaa-az-nav {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 4px !important;
	padding: 12px 16px !important;
	border-bottom: 1px solid #eeeeee !important;
	background: #fafafa !important;
}

.frugaa-az-nav a {
	width: 18px !important;
	height: 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	border: 1px solid #cfcfcf !important;
	color: #005c78 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	text-decoration: none !important;
}

.frugaa-az-nav a:hover,
.frugaa-az-nav a:focus {
	background: #7b1f2d !important;
	color: #ffffff !important;
	outline: none !important;
}

/* Store directory */
.frugaa-store-directory {
	padding: 0 16px 18px !important;
}

.frugaa-store-letter-section {
	padding: 14px 0 10px !important;
	border-bottom: 1px solid #eeeeee !important;
}

.frugaa-letter-heading {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 10px !important;
}

.frugaa-letter-heading h2 {
	margin: 0 !important;
	color: #005c78 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.frugaa-letter-heading a {
	color: #666666 !important;
	font-size: 10px !important;
	text-decoration: none !important;
	border: 1px solid #cccccc !important;
	padding: 2px 7px !important;
	background: #ffffff !important;
}

.frugaa-store-grid {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	column-count: 3 !important;
	column-gap: 26px !important;
}

.frugaa-store-grid li {
	break-inside: avoid !important;
	margin: 0 0 7px !important;
	padding: 0 !important;
}

.frugaa-store-grid a {
	color: #005c78 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
}

.frugaa-store-grid a:hover,
.frugaa-store-grid a:focus {
	color: #e94b16 !important;
	text-decoration: underline !important;
}

/* Category directory */
.frugaa-category-directory {
	margin: 0 !important;
	padding: 16px !important;
	list-style: none !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.frugaa-category-directory li {
	margin: 0 !important;
	padding: 0 !important;
}

.frugaa-category-directory a {
	min-height: 54px !important;
	display: grid !important;
	grid-template-columns: 24px minmax(0, 1fr) !important;
	column-gap: 10px !important;
	align-items: center !important;
	background: #f7f7f7 !important;
	border: 1px solid #dddddd !important;
	padding: 8px 10px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: background 150ms ease, border-color 150ms ease, transform 150ms ease !important;
}

.frugaa-category-directory a:hover,
.frugaa-category-directory a:focus {
	background: #ffffff !important;
	border-color: #7b1f2d !important;
	transform: translateY(-1px) !important;
	outline: none !important;
}

.frugaa-category-directory-icon {
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #85b915 !important;
	color: transparent !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 2px rgba(0,0,0,0.25) !important;
}

.frugaa-category-directory strong {
	display: block !important;
	color: #005c78 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.frugaa-category-directory em {
	display: block !important;
	grid-column: 2 !important;
	color: #777777 !important;
	font-size: 11px !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	margin-top: 2px !important;
}

/* Cart */
.frugaa-cart-empty-box {
	padding: 22px 16px !important;
	min-height: 70px !important;
}

.frugaa-cart-empty-box p {
	margin: 0 0 18px !important;
	color: #333333 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
}

.frugaa-return-shop-button {
	float: right !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 112px !important;
	height: 28px !important;
	padding: 0 12px !important;
	background: linear-gradient(180deg, #12aeb0, #006c70) !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 28px !important;
	text-decoration: none !important;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25) !important;
}

/* Inner sidebar */
.frugaa-inner-sidebar {
	width: 204px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.frugaa-inner-sidebar .frugaa-sidebar-widget {
	width: 204px !important;
	border-radius: 5px !important;
}

.frugaa-inner-sidebar .frugaa-sidebar-widget header {
	min-height: 32px !important;
	padding: 0 8px !important;
}

.frugaa-inner-sidebar .frugaa-sidebar-widget header h2 {
	font-size: 16px !important;
	font-weight: 700 !important;
}

.frugaa-inner-stats-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: #efeadd !important;
}

.frugaa-inner-stats-list li {
	min-height: 31px !important;
	display: grid !important;
	grid-template-columns: 20px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 0 8px !important;
	background: #f7f3eb !important;
	border-bottom: 1px solid #ded6c9 !important;
	box-sizing: border-box !important;
}

.frugaa-inner-stats-list li:nth-child(even) {
	background: #ffffff !important;
}

.frugaa-inner-stats-list span {
	width: 18px !important;
	height: 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #85b915 !important;
	color: #244700 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 2px rgba(0,0,0,0.25) !important;
}

.frugaa-inner-stats-list strong,
.frugaa-inner-stats-list b {
	color: #222222 !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
}

.frugaa-inner-stats-list strong {
	font-weight: 400 !important;
}

.frugaa-inner-stats-list b {
	font-weight: 800 !important;
}

/* Make rewards widget fit smaller inner sidebar */
.frugaa-inner-sidebar .frugaa-rewards-body {
	padding: 12px 8px 14px !important;
	gap: 6px !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle {
	width: 78px !important;
	height: 78px !important;
	border-width: 4px !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle span {
	width: 34px !important;
	height: 28px !important;
	margin-bottom: 3px !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle span img {
	max-width: 32px !important;
	max-height: 26px !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle strong {
	font-size: 11px !important;
}

.frugaa-inner-sidebar .frugaa-reward-arrow {
	width: 34px !important;
	height: 34px !important;
	font-size: 22px !important;
}

.frugaa-inner-sidebar .frugaa-sidebar-widget-body {
	padding: 12px 10px !important;
}

.frugaa-inner-sidebar .frugaa-email-input-wrap input {
	height: 28px !important;
	min-height: 28px !important;
	font-size: 11px !important;
}

.frugaa-inner-sidebar .frugaa-email-footer button {
	width: 80px !important;
	height: 25px !important;
	font-size: 11px !important;
	line-height: 25px !important;
}

.frugaa-inner-sidebar .frugaa-email-footer p {
	font-size: 9px !important;
}

/* Empty states */
.frugaa-empty-state {
	padding: 22px 16px !important;
}

.frugaa-empty-state h2 {
	margin: 0 0 8px !important;
	color: #7b1f2d !important;
	font-size: 18px !important;
	font-weight: 400 !important;
}

.frugaa-empty-state p {
	margin: 0 !important;
	color: #555555 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

/* Responsive */
@media (max-width: 900px) {
	.frugaa-inner-page-wrap {
		width: min(100% - 24px, 1040px) !important;
	}

	.frugaa-inner-page-shell {
		grid-template-columns: 1fr !important;
	}

	.frugaa-inner-sidebar,
	.frugaa-inner-sidebar .frugaa-sidebar-widget {
		width: 100% !important;
	}

	.frugaa-store-grid {
		column-count: 2 !important;
	}
}

@media (max-width: 560px) {
	.frugaa-inner-page-wrap {
		width: min(100% - 18px, 1040px) !important;
	}

	.frugaa-store-grid {
		column-count: 1 !important;
	}

	.frugaa-category-directory {
		grid-template-columns: 1fr !important;
	}
}

/* =========================================================
   INNER PAGE LAYOUT FINAL FIX
   Match homepage width/sidebar proportions
   ========================================================= */

.frugaa-inner-page-wrap {
	width: min(1088px, calc(100% - 64px)) !important;
	max-width: 1088px !important;
	margin: 0 auto 34px !important;
	clear: both !important;
}

.frugaa-inner-page-shell {
	display: grid !important;
	grid-template-columns: minmax(0, 748px) 296px !important;
	gap: 30px !important;
	align-items: start !important;
	justify-content: center !important;

	background: rgba(255, 255, 255, 0.78) !important;
	border: 1px solid rgba(213, 203, 185, 0.7) !important;
	box-shadow: 0 10px 28px rgba(59, 42, 31, 0.08) !important;
	padding: 12px !important;
	box-sizing: border-box !important;
}

/* Main inner content card */
.frugaa-inner-content-card {
	width: 100% !important;
	min-height: 160px !important;
	background: #ffffff !important;
	border: 1px solid #d6d6d6 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.frugaa-inner-page-header {
	padding: 14px 16px 12px !important;
	border-bottom: 1px solid #e4e4e4 !important;
	background: #ffffff !important;
}

.frugaa-inner-page-header h1 {
	margin: 0 !important;
	color: #005c78 !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
}

.frugaa-inner-page-header p {
	margin: 7px 0 0 !important;
	color: #333333 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

/* Right sidebar should match homepage sidebar width */
.frugaa-inner-sidebar {
	width: 296px !important;
	max-width: 296px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
	align-self: start !important;
}

.frugaa-inner-sidebar .frugaa-sidebar-widget {
	width: 296px !important;
	max-width: 296px !important;
	border-radius: 7px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.frugaa-inner-sidebar .frugaa-sidebar-widget header {
	min-height: 42px !important;
	padding: 0 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #8a2535 !important;
	color: #ffffff !important;
}

.frugaa-inner-sidebar .frugaa-sidebar-widget header h2 {
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	letter-spacing: 0.03em !important;
	text-transform: uppercase !important;
}

/* Why Use Frugaa inner sidebar */
.frugaa-inner-stats-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: #efeadd !important;
}

.frugaa-inner-stats-list li {
	min-height: 39px !important;
	display: grid !important;
	grid-template-columns: 24px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 0 14px !important;
	background: #f7f3eb !important;
	border-bottom: 1px solid #ded6c9 !important;
	box-sizing: border-box !important;
}

.frugaa-inner-stats-list li:nth-child(even) {
	background: #ffffff !important;
}

.frugaa-inner-stats-list span {
	width: 22px !important;
	height: 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #85b915 !important;
	color: #244700 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.45),
		0 1px 2px rgba(0,0,0,0.25) !important;
}

.frugaa-inner-stats-list strong {
	color: #222222 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.frugaa-inner-stats-list b {
	color: #111111 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

/* Rewards widget back to homepage proportions */
.frugaa-inner-sidebar .frugaa-rewards-body {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;
	padding: 18px 12px 20px !important;
	background: #f6f0dc !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle {
	width: 104px !important;
	height: 104px !important;
	border-width: 5px !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle span {
	width: 48px !important;
	height: 42px !important;
	margin: 0 auto 5px !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle span img {
	max-width: 46px !important;
	max-height: 40px !important;
}

.frugaa-inner-sidebar .frugaa-reward-circle strong {
	font-size: 15px !important;
	line-height: 1.05 !important;
}

.frugaa-inner-sidebar .frugaa-reward-arrow {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 44px !important;
	height: 44px !important;
	transform: translate(-50%, -50%) !important;
	font-size: 30px !important;
	line-height: 44px !important;
}

/* Email widget back to homepage proportions */
.frugaa-inner-sidebar .frugaa-sidebar-widget-body {
	padding: 16px 20px 18px !important;
	background: #f6f0dc !important;
}

.frugaa-inner-sidebar .frugaa-email-input-wrap input {
	height: 36px !important;
	min-height: 36px !important;
	font-size: 14px !important;
}

.frugaa-inner-sidebar .frugaa-email-footer {
	margin-top: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
}

.frugaa-inner-sidebar .frugaa-email-footer p {
	margin: 0 !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
}

.frugaa-inner-sidebar .frugaa-email-footer button {
	width: 94px !important;
	height: 29px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 29px !important;
}

/* Categories page grid */
.frugaa-category-directory {
	margin: 0 !important;
	padding: 16px !important;
	list-style: none !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	background: #ffffff !important;
}

.frugaa-category-directory li {
	margin: 0 !important;
	padding: 0 !important;
}

.frugaa-category-directory a {
	min-height: 64px !important;
	display: grid !important;
	grid-template-columns: 30px minmax(0, 1fr) !important;
	column-gap: 12px !important;
	align-items: center !important;

	background: #f7f7f7 !important;
	border: 1px solid #dddddd !important;
	padding: 10px 12px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition:
		background 150ms ease,
		border-color 150ms ease,
		transform 150ms ease,
		box-shadow 150ms ease !important;
}

.frugaa-category-directory a:hover,
.frugaa-category-directory a:focus {
	background: #ffffff !important;
	border-color: #8a2535 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
	outline: none !important;
}

.frugaa-category-directory-icon {
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #85b915 !important;
	color: #244700 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.45),
		0 1px 2px rgba(0,0,0,0.25) !important;
}

.frugaa-category-directory-text strong {
	display: block !important;
	color: #005c78 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.frugaa-category-directory-text em {
	display: block !important;
	color: #777777 !important;
	font-size: 11px !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	margin-top: 3px !important;
}

/* Cart page polish */
.frugaa-cart-empty-box {
	padding: 24px 16px !important;
	min-height: 86px !important;
	background: #ffffff !important;
}

.frugaa-cart-empty-box p {
	margin: 0 0 18px !important;
	color: #333333 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.frugaa-return-shop-button {
	float: right !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 130px !important;
	height: 30px !important;
	padding: 0 14px !important;
	background: linear-gradient(180deg, #12aeb0, #006c70) !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 30px !important;
	text-decoration: none !important;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25) !important;
}

/* Make old Clipper footer hidden on these custom pages too */
body.page-template-default #footer,
body.page-template-default .footer:not(.frugaa-site-footer),
body.page-template-default .site-footer:not(.frugaa-site-footer) {
	display: none !important;
}

/* Responsive */
@media (max-width: 1080px) {
	.frugaa-inner-page-wrap {
		width: min(100% - 24px, 1088px) !important;
	}

	.frugaa-inner-page-shell {
		grid-template-columns: 1fr !important;
	}

	.frugaa-inner-sidebar,
	.frugaa-inner-sidebar .frugaa-sidebar-widget {
		width: 296px !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 620px) {
	.frugaa-inner-page-wrap {
		width: min(100% - 18px, 1088px) !important;
	}

	.frugaa-category-directory {
		grid-template-columns: 1fr !important;
	}
}

/* =========================================================
   SERVER-RENDERED TOP NAVIGATION
   Always visible for logged-in and logged-out users
   ========================================================= */

.frugaa-server-top-nav {
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	background: #3b2a1d !important;
	border-bottom: 4px solid #7b001f !important;
	color: #ffffff !important;
	position: relative !important;
	z-index: 999 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.frugaa-server-top-nav-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	height: 44px !important;
	min-height: 44px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 7px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 44px !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

.frugaa-server-top-nav a {
	color: #ffffff !important;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}

.frugaa-server-top-nav a:hover,
.frugaa-server-top-nav a:focus {
	color: #ffd58a !important;
	outline: none !important;
}

.frugaa-server-top-nav span {
	color: rgba(255, 255, 255, 0.78) !important;
}

.frugaa-server-rewards-link {
	position: relative !important;
	margin-right: 34px !important;
}

.frugaa-server-rewards-link em {
	position: absolute !important;
	top: -5px !important;
	right: -34px !important;
	width: 30px !important;
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #d91e13 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
	transform: rotate(10deg) !important;
}

.frugaa-server-cart-link {
	margin-left: 14px !important;
}

/* Hide older injected/custom duplicate nav if present */
.frugaa-custom-top-nav {
	display: none !important;
}

/* Hide old Clipper top login/rss fragments where possible */
#header .top-bar,
#header .top,
#header .rss,
#header .feed,
#header .login,
#header .register {
	display: none !important;
}

/* Responsive nav */
@media (max-width: 760px) {
	.frugaa-server-top-nav {
		height: auto !important;
		min-height: 54px !important;
	}

	.frugaa-server-top-nav-inner {
		width: min(100% - 20px, 980px) !important;
		height: auto !important;
		min-height: 54px !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		padding: 8px 0 !important;
		line-height: 1.3 !important;
		gap: 5px 7px !important;
	}

	.frugaa-server-rewards-link {
		margin-right: 4px !important;
	}

	.frugaa-server-rewards-link em {
		position: static !important;
		display: inline-flex !important;
		margin-left: 4px !important;
		width: 24px !important;
		height: 24px !important;
		transform: none !important;
	}
}

/* =========================================================
   MY ACCOUNT PAGE UI POLISH
   Keeps original Clipper login/register functionality as-is
   ========================================================= */

body.frugaa-my-account-page #content,
body.frugaa-my-account-page .content,
body.frugaa-my-account-page .content-area {
	background: #ffffff !important;
	border: 1px solid #d6d6d6 !important;
	box-sizing: border-box !important;
}

body.frugaa-my-account-page h1,
body.frugaa-my-account-page .page h1,
body.frugaa-my-account-page .content h1 {
	color: #005c78 !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	margin: 0 0 22px !important;
}

body.frugaa-my-account-page h2,
body.frugaa-my-account-page h3 {
	color: #005c78 !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	margin: 0 0 24px !important;
}

/* Form containers */
body.frugaa-my-account-page form {
	background: #ffffff !important;
	border: 1px solid #d8d8d8 !important;
	border-radius: 4px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
	box-sizing: border-box !important;
	padding: 24px 22px !important;
}

/* Login/register columns */
body.frugaa-my-account-page #content > div,
body.frugaa-my-account-page .content > div {
	box-sizing: border-box !important;
}

/* Labels */
body.frugaa-my-account-page label {
	color: #555555 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

/* Inputs */
body.frugaa-my-account-page input[type="text"],
body.frugaa-my-account-page input[type="email"],
body.frugaa-my-account-page input[type="password"] {
	height: 32px !important;
	min-height: 32px !important;
	padding: 5px 8px !important;
	background: #ffffff !important;
	border: 1px solid #9f9f9f !important;
	box-sizing: border-box !important;
	color: #222222 !important;
	font-size: 13px !important;
	line-height: 20px !important;
}

body.frugaa-my-account-page input[type="text"]:focus,
body.frugaa-my-account-page input[type="email"]:focus,
body.frugaa-my-account-page input[type="password"]:focus {
	border-color: #008b8d !important;
	box-shadow: 0 0 0 2px rgba(0, 139, 141, 0.14) !important;
	outline: none !important;
}

/* Remember checkbox */
body.frugaa-my-account-page input[type="checkbox"] {
	margin-right: 7px !important;
	vertical-align: middle !important;
}

/* Buttons */
body.frugaa-my-account-page input[type="submit"],
body.frugaa-my-account-page button[type="submit"],
body.frugaa-my-account-page .button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 74px !important;
	height: 28px !important;
	padding: 0 12px !important;
	background: linear-gradient(180deg, #12aeb0 0%, #007b7f 55%, #006064 100%) !important;
	border: 1px solid #00575a !important;
	border-radius: 2px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 28px !important;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.35),
		0 2px 3px rgba(0, 0, 0, 0.25) !important;
	cursor: pointer !important;
}

body.frugaa-my-account-page input[type="submit"]:hover,
body.frugaa-my-account-page button[type="submit"]:hover,
body.frugaa-my-account-page .button:hover {
	background: linear-gradient(180deg, #16c5c7 0%, #008c91 55%, #006e72 100%) !important;
	color: #ffffff !important;
}

/* Links */
body.frugaa-my-account-page a {
	color: #005c78 !important;
	text-decoration: underline !important;
}

body.frugaa-my-account-page a:hover {
	color: #e94b16 !important;
}

/* Register math/captcha row */
body.frugaa-my-account-page form p,
body.frugaa-my-account-page form div {
	font-size: 12px !important;
	line-height: 1.45 !important;
}

/* Make My Account content feel less plain */
body.frugaa-my-account-page .frugaa-inner-page-shell,
body.frugaa-my-account-page #main,
body.frugaa-my-account-page .main {
	background: rgba(255, 255, 255, 0.78) !important;
}

/* Keep original Clipper layout, just improve spacing */
body.frugaa-my-account-page #content {
	padding: 22px 20px !important;
}

/* Right sidebar consistency on account page */
body.frugaa-my-account-page #sidebar,
body.frugaa-my-account-page .sidebar {
	margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 760px) {
	body.frugaa-my-account-page form {
		padding: 18px 15px !important;
	}

	body.frugaa-my-account-page h1,
	body.frugaa-my-account-page h2,
	body.frugaa-my-account-page h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   FRUGAA MY ACCOUNT PAGE - FINAL UI
   Login + Register same page
   ========================================================= */

.frugaa-account-page-wrap {
	width: min(1088px, calc(100% - 64px)) !important;
	max-width: 1088px !important;
	margin: 0 auto 36px !important;
	clear: both !important;
}

.frugaa-account-shell {
	display: grid !important;
	grid-template-columns: minmax(0, 748px) 296px !important;
	gap: 30px !important;
	align-items: start !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.78) !important;
	border: 1px solid rgba(213, 203, 185, 0.7) !important;
	box-shadow: 0 10px 28px rgba(59, 42, 31, 0.08) !important;
	padding: 12px !important;
	box-sizing: border-box !important;
}

.frugaa-account-card {
	background: #ffffff !important;
	border: 1px solid #d6d6d6 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.frugaa-account-header {
	position: relative !important;
	padding: 18px 20px 16px !important;
	background:
		linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%) !important;
	border-bottom: 1px solid #e4e4e4 !important;
}

.frugaa-account-header h1 {
	margin: 0 !important;
	color: #005c78 !important;
	font-size: 25px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
}

.frugaa-account-header p {
	max-width: 580px !important;
	margin: 7px 0 0 !important;
	color: #444444 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.frugaa-account-tabs {
	display: flex !important;
	align-items: center !important;
	gap: 0 !important;
	padding: 0 20px !important;
	background: #f5f1e8 !important;
	border-bottom: 1px solid #d8d0c4 !important;
}

.frugaa-account-tabs a {
	min-width: 118px !important;
	height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 18px !important;
	background: transparent !important;
	color: #005c78 !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	border-right: 1px solid #d8d0c4 !important;
	box-sizing: border-box !important;
}

.frugaa-account-tabs a:first-child {
	border-left: 1px solid #d8d0c4 !important;
}

.frugaa-account-tabs a:hover,
.frugaa-account-tabs a:focus,
.frugaa-account-tabs a.is-active {
	background: #8a2535 !important;
	color: #ffffff !important;
	outline: none !important;
}

.frugaa-account-forms {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 22px !important;
	padding: 22px 20px 24px !important;
	background: #ffffff !important;
}

.frugaa-account-form-panel {
	background: #f8f8f8 !important;
	border: 1px solid #d9d9d9 !important;
	border-radius: 6px !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
	overflow: hidden !important;
}

.frugaa-account-panel-heading {
	padding: 15px 16px 13px !important;
	background: #8a2535 !important;
	color: #ffffff !important;
}

.frugaa-account-panel-heading h2 {
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.frugaa-account-panel-heading p {
	margin: 5px 0 0 !important;
	color: rgba(255, 255, 255, 0.88) !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

.frugaa-account-form-panel form {
	padding: 18px 16px 20px !important;
	background: #f8f8f8 !important;
	border: 0 !important;
	box-shadow: none !important;
}

.frugaa-account-form-panel p {
	margin: 0 0 14px !important;
}

.frugaa-account-form-panel label {
	display: block !important;
	margin-bottom: 5px !important;
	color: #333333 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.frugaa-account-form-panel label span {
	color: #8a2535 !important;
}

.frugaa-account-form-panel input[type="text"],
.frugaa-account-form-panel input[type="email"],
.frugaa-account-form-panel input[type="password"] {
	width: 100% !important;
	height: 36px !important;
	padding: 7px 9px !important;
	background: #ffffff !important;
	border: 1px solid #9f9f9f !important;
	border-radius: 3px !important;
	box-sizing: border-box !important;
	color: #222222 !important;
	font-size: 13px !important;
	line-height: 20px !important;
}

.frugaa-account-form-panel input[type="text"]:focus,
.frugaa-account-form-panel input[type="email"]:focus,
.frugaa-account-form-panel input[type="password"]:focus {
	border-color: #008b8d !important;
	box-shadow: 0 0 0 2px rgba(0, 139, 141, 0.16) !important;
	outline: none !important;
}

.frugaa-account-remember label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
}

.frugaa-account-remember input {
	margin: 0 !important;
}

.frugaa-account-form-panel button,
.frugaa-account-actions a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 110px !important;
	height: 34px !important;
	padding: 0 16px !important;
	background: linear-gradient(180deg, #12aeb0 0%, #007b7f 55%, #006064 100%) !important;
	border: 1px solid #00575a !important;
	border-radius: 3px !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 34px !important;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.35),
		0 2px 3px rgba(0, 0, 0, 0.25) !important;
	cursor: pointer !important;
}

.frugaa-account-form-panel button:hover,
.frugaa-account-actions a:hover {
	background: linear-gradient(180deg, #16c5c7 0%, #008c91 55%, #006e72 100%) !important;
	color: #ffffff !important;
}

.frugaa-account-small-link {
	display: inline-block !important;
	margin-left: 12px !important;
	color: #005c78 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

.frugaa-account-small-link:hover {
	color: #e94b16 !important;
}

.frugaa-account-message {
	margin: 14px 16px 0 !important;
	padding: 10px 12px !important;
	border-radius: 4px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	box-sizing: border-box !important;
}

.frugaa-account-error {
	background: #fff1f1 !important;
	border: 1px solid #d87a7a !important;
	color: #8a2535 !important;
}

.frugaa-account-success {
	background: #f1ffe8 !important;
	border: 1px solid #85b915 !important;
	color: #315400 !important;
}

.frugaa-account-warning {
	background: #fff8df !important;
	border: 1px solid #d6b951 !important;
	color: #6d4a00 !important;
}

.frugaa-hidden-field {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.frugaa-account-logged-in {
	padding: 42px 28px !important;
	text-align: center !important;
	background:
		radial-gradient(circle at top, rgba(18, 174, 176, 0.12), transparent 48%),
		#ffffff !important;
}

.frugaa-account-welcome-badge {
	width: 64px !important;
	height: 64px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 16px !important;
	border-radius: 50% !important;
	background: #85b915 !important;
	color: #244700 !important;
	font-size: 34px !important;
	font-weight: 900 !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.45),
		0 4px 12px rgba(0,0,0,0.22) !important;
}

.frugaa-account-logged-in h2 {
	margin: 0 0 8px !important;
	color: #005c78 !important;
	font-size: 26px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
}

.frugaa-account-logged-in p {
	margin: 0 0 22px !important;
	color: #444444 !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
}

.frugaa-account-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.frugaa-account-actions .frugaa-account-secondary-action {
	background: linear-gradient(180deg, #9c3446 0%, #7b1f2d 100%) !important;
	border-color: #681827 !important;
}

/* Make account page use correct sidebar proportions */
.frugaa-account-shell .frugaa-inner-sidebar {
	width: 296px !important;
	max-width: 296px !important;
}

/* Remove old Clipper login template artifacts if they appear */
body.page-id-198 .loginform,
body.page-id-198 .registerform,
body.page-id-198 .content-box:not(.frugaa-account-card) {
	box-shadow: none !important;
}

/* Responsive */
@media (max-width: 1080px) {
	.frugaa-account-page-wrap {
		width: min(100% - 24px, 1088px) !important;
	}

	.frugaa-account-shell {
		grid-template-columns: 1fr !important;
	}

	.frugaa-account-shell .frugaa-inner-sidebar {
		width: 296px !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 760px) {
	.frugaa-account-page-wrap {
		width: min(100% - 18px, 1088px) !important;
	}

	.frugaa-account-forms {
		grid-template-columns: 1fr !important;
		padding: 16px !important;
	}

	.frugaa-account-tabs {
		padding: 0 !important;
	}

	.frugaa-account-tabs a {
		flex: 1 !important;
		min-width: 0 !important;
	}

	.frugaa-account-header h1 {
		font-size: 23px !important;
	}
}

/* =========================================================
   MY ACCOUNT FINAL POLISH
   Remove tabs, improve headings, make forms cleaner
   ========================================================= */

/* Remove unnecessary tabs completely */
.frugaa-account-tabs {
	display: none !important;
}

/* Improve main account card */
.frugaa-account-card {
	background: #ffffff !important;
	border: 1px solid #d4d4d4 !important;
	box-shadow: 0 8px 22px rgba(59, 42, 31, 0.08) !important;
}

/* Better page intro */
.frugaa-account-header {
	padding: 22px 24px 20px !important;
	background:
		linear-gradient(180deg, #ffffff 0%, #f8f6f1 100%) !important;
	border-bottom: 1px solid #ded8cc !important;
}

.frugaa-account-header h1 {
	color: #005c78 !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	margin: 0 0 8px !important;
	letter-spacing: 0.01em !important;
}

.frugaa-account-header p {
	max-width: 620px !important;
	color: #3f3f3f !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	margin: 0 !important;
}

/* Give side-by-side forms better spacing */
.frugaa-account-forms {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 24px !important;
	padding: 24px !important;
	background: #ffffff !important;
}

/* Form cards */
.frugaa-account-form-panel {
	background: #f8f6f1 !important;
	border: 1px solid #d8d0c4 !important;
	border-radius: 7px !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.8),
		0 4px 12px rgba(59, 42, 31, 0.08) !important;
	overflow: hidden !important;
}

/* Fix heading color issue strongly */
.frugaa-account-form-panel .frugaa-account-panel-heading {
	padding: 18px 18px 16px !important;
	background:
		linear-gradient(180deg, #9b3042 0%, #7b1f2d 100%) !important;
	border-bottom: 1px solid #681827 !important;
}

.frugaa-account-form-panel .frugaa-account-panel-heading h2,
.frugaa-account-form-panel .frugaa-account-panel-heading h2 *,
.frugaa-account-panel-heading h2 {
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	margin: 0 0 5px !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
}

.frugaa-account-form-panel .frugaa-account-panel-heading p,
.frugaa-account-panel-heading p {
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	margin: 0 !important;
}

/* Form body */
.frugaa-account-form-panel form {
	padding: 20px 18px 22px !important;
	background: #f8f6f1 !important;
}

/* Labels */
.frugaa-account-form-panel label {
	color: #333333 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	margin-bottom: 6px !important;
}

/* Inputs */
.frugaa-account-form-panel input[type="text"],
.frugaa-account-form-panel input[type="email"],
.frugaa-account-form-panel input[type="password"] {
	width: 100% !important;
	height: 38px !important;
	background: #ffffff !important;
	border: 1px solid #b8b0a5 !important;
	border-radius: 4px !important;
	color: #222222 !important;
	font-size: 14px !important;
	padding: 8px 10px !important;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.frugaa-account-form-panel input[type="text"]:focus,
.frugaa-account-form-panel input[type="email"]:focus,
.frugaa-account-form-panel input[type="password"]:focus {
	border-color: #008b8d !important;
	box-shadow:
		inset 0 1px 3px rgba(0, 0, 0, 0.08),
		0 0 0 3px rgba(0, 139, 141, 0.16) !important;
	outline: none !important;
}

/* Buttons */
.frugaa-account-form-panel button {
	width: 100% !important;
	height: 38px !important;
	margin-top: 4px !important;
	background:
		linear-gradient(180deg, #12b9bb 0%, #007b7f 55%, #005f63 100%) !important;
	border: 1px solid #00575a !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.35),
		0 3px 6px rgba(0, 0, 0, 0.24) !important;
}

.frugaa-account-form-panel button:hover {
	background:
		linear-gradient(180deg, #18cfd1 0%, #008d92 55%, #006d71 100%) !important;
}

/* Lost password link */
.frugaa-account-small-link {
	display: block !important;
	margin: 12px 0 0 !important;
	text-align: center !important;
	color: #005c78 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

.frugaa-account-small-link:hover {
	color: #e94b16 !important;
}

/* Remember me row */
.frugaa-account-remember {
	margin-bottom: 16px !important;
}

.frugaa-account-remember label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #444444 !important;
	font-weight: 700 !important;
}

/* Registration disabled / messages */
.frugaa-account-message {
	margin: 16px 18px 0 !important;
	border-radius: 4px !important;
}

/* Mobile */
@media (max-width: 760px) {
	.frugaa-account-forms {
		grid-template-columns: 1fr !important;
		padding: 18px !important;
	}

	.frugaa-account-header {
		padding: 20px 18px 18px !important;
	}

	.frugaa-account-header h1 {
		font-size: 25px !important;
	}
}

/* =========================================================
   FINAL HEADER / TOP NAV FIX
   Keep top navigation white and consistent on all pages
   ========================================================= */

html body .frugaa-server-top-nav {
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	background: #3b2a1d !important;
	border-bottom: 4px solid #7b001f !important;
	color: #ffffff !important;
	position: relative !important;
	z-index: 9999 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html body .frugaa-server-top-nav .frugaa-server-top-nav-inner {
	width: min(980px, calc(100% - 64px)) !important;
	max-width: 980px !important;
	height: 44px !important;
	min-height: 44px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 44px !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

html body .frugaa-server-top-nav a,
html body .frugaa-server-top-nav a:visited,
html body .frugaa-server-top-nav a:active,
html body .frugaa-server-top-nav .frugaa-server-top-nav-inner a {
	color: #ffffff !important;
	text-decoration: none !important;
	border: 0 !important;
	outline: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55) !important;
}

html body .frugaa-server-top-nav a:hover,
html body .frugaa-server-top-nav a:focus {
	color: #ffd58a !important;
	text-decoration: none !important;
}

html body .frugaa-server-top-nav span {
	color: rgba(255, 255, 255, 0.82) !important;
	text-decoration: none !important;
}

html body .frugaa-server-rewards-link {
	position: relative !important;
	margin-right: 36px !important;
}

html body .frugaa-server-rewards-link em {
	position: absolute !important;
	top: -8px !important;
	right: -35px !important;
	width: 30px !important;
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #d91e13 !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
	transform: rotate(10deg) !important;
}

html body .frugaa-server-cart-link {
	margin-left: 14px !important;
}

/* =========================================================
   HEADER SEARCH POPULAR LINKS FINAL FIX
   Restore links below search box on all pages
   ========================================================= */

html body .frugaa-search-popular-holder {
	position: relative !important;
	min-height: 90px !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

html body .frugaa-search-popular-holder form {
	position: relative !important;
	z-index: 3 !important;
}

html body .frugaa-popular-searches {
	position: absolute !important;
	left: 392px !important;
	right: 110px !important;
	bottom: 15px !important;
	z-index: 5 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55) !important;
	white-space: nowrap !important;
	pointer-events: auto !important;
}

html body .frugaa-popular-searches strong {
	color: #ffffff !important;
	font-weight: 800 !important;
}

html body .frugaa-popular-searches a,
html body .frugaa-popular-searches a:visited,
html body .frugaa-popular-searches a:active {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	border: 0 !important;
	outline: none !important;
}

html body .frugaa-popular-searches a:hover,
html body .frugaa-popular-searches a:focus {
	color: #ffd58a !important;
	text-decoration: underline !important;
}

/* Keep the search input area high enough so the popular links do not get cropped */
html body .frugaa-search-popular-holder input[type="text"],
html body .frugaa-search-popular-holder input[type="search"] {
	position: relative !important;
	z-index: 4 !important;
}

/* Mobile / smaller screens */
@media (max-width: 900px) {
	html body .frugaa-search-popular-holder {
		min-height: 108px !important;
	}

	html body .frugaa-popular-searches {
		left: 24px !important;
		right: 24px !important;
		bottom: 12px !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		white-space: normal !important;
		gap: 6px 9px !important;
		text-align: center !important;
	}
}

@media (max-width: 560px) {
	html body .frugaa-popular-searches {
		font-size: 11px !important;
	}
}

/* =========================================================
   FINAL HEADER NAV + POPULAR LINKS + ACCOUNT BUTTON FIXES
   ========================================================= */

/* Top nav must stay white, no underline */
html body nav.frugaa-server-top-nav,
html body .frugaa-server-top-nav {
	background: #3b2a1d !important;
	border-bottom: 4px solid #7b001f !important;
	color: #ffffff !important;
}

html body nav.frugaa-server-top-nav a,
html body nav.frugaa-server-top-nav a:visited,
html body nav.frugaa-server-top-nav a:active,
html body .frugaa-server-top-nav a,
html body .frugaa-server-top-nav a:visited,
html body .frugaa-server-top-nav a:active {
	color: #ffffff !important;
	text-decoration: none !important;
	border: 0 !important;
	outline: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55) !important;
}

html body nav.frugaa-server-top-nav a:hover,
html body nav.frugaa-server-top-nav a:focus,
html body .frugaa-server-top-nav a:hover,
html body .frugaa-server-top-nav a:focus {
	color: #ffd58a !important;
	text-decoration: none !important;
}

html body .frugaa-server-top-nav span {
	color: rgba(255, 255, 255, 0.8) !important;
	text-decoration: none !important;
}

/* Header search area should have enough space for Popular links */
html body .frugaa-search-popular-holder {
	position: relative !important;
	min-height: 92px !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* Popular links below search bar */
html body .frugaa-popular-searches {
	position: absolute !important;
	left: 392px !important;
	right: 100px !important;
	bottom: 15px !important;
	z-index: 50 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;
	white-space: nowrap !important;
	pointer-events: auto !important;
}

html body .frugaa-popular-searches strong {
	color: #ffffff !important;
	font-weight: 800 !important;
}

html body .frugaa-popular-searches a,
html body .frugaa-popular-searches a:visited,
html body .frugaa-popular-searches a:active {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	border: 0 !important;
	outline: none !important;
}

html body .frugaa-popular-searches a:hover,
html body .frugaa-popular-searches a:focus {
	color: #ffd58a !important;
	text-decoration: underline !important;
}

/* Logged-in account action buttons must not become blue links */
html body .frugaa-account-actions a,
html body .frugaa-account-actions a:visited,
html body .frugaa-account-actions a:active {
	color: #ffffff !important;
	text-decoration: none !important;
	border: 1px solid #00575a !important;
}

html body .frugaa-account-actions a:hover,
html body .frugaa-account-actions a:focus {
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Log out secondary button */
html body .frugaa-account-actions .frugaa-account-secondary-action,
html body .frugaa-account-actions .frugaa-account-secondary-action:visited,
html body .frugaa-account-actions .frugaa-account-secondary-action:active {
	background: linear-gradient(180deg, #9c3446 0%, #7b1f2d 100%) !important;
	border-color: #681827 !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

html body .frugaa-account-actions .frugaa-account-secondary-action:hover,
html body .frugaa-account-actions .frugaa-account-secondary-action:focus {
	background: linear-gradient(180deg, #b03c50 0%, #8b2636 100%) !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Password helper text */
.frugaa-password-help {
	display: block !important;
	margin: 5px 0 0 !important;
	color: #666666 !important;
	font-size: 11px !important;
	line-height: 1.3 !important;
}

/* JS validation error inside form */
.frugaa-js-register-error {
	margin: 0 0 14px !important;
}

/* Mobile fix for popular links */
@media (max-width: 900px) {
	html body .frugaa-search-popular-holder {
		min-height: 112px !important;
	}

	html body .frugaa-popular-searches {
		left: 24px !important;
		right: 24px !important;
		bottom: 12px !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		white-space: normal !important;
		gap: 6px 9px !important;
		text-align: center !important;
	}
}

@media (max-width: 560px) {
	html body .frugaa-popular-searches {
		font-size: 11px !important;
	}
}

/* =========================================================
   LOST PASSWORD PAGE
   Match My Account login/sign-up UI
   ========================================================= */

.frugaa-lost-password-card {
	background: #ffffff !important;
	border: 1px solid #d4d4d4 !important;
	box-shadow: 0 8px 22px rgba(59, 42, 31, 0.08) !important;
}

.frugaa-lost-password-content {
	padding: 26px 24px 30px !important;
	background: #ffffff !important;
}

.frugaa-lost-password-panel {
	max-width: 420px !important;
	margin: 0 auto !important;
}

.frugaa-lost-password-panel form {
	padding: 22px 18px 24px !important;
	background: #f8f6f1 !important;
}

.frugaa-lost-password-panel button {
	width: 100% !important;
	height: 38px !important;
	margin-top: 4px !important;
	background: linear-gradient(180deg, #12b9bb 0%, #007b7f 55%, #005f63 100%) !important;
	border: 1px solid #00575a !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.35),
		0 3px 6px rgba(0, 0, 0, 0.24) !important;
	cursor: pointer !important;
}

.frugaa-lost-password-panel button:hover {
	background: linear-gradient(180deg, #18cfd1 0%, #008d92 55%, #006d71 100%) !important;
}

.frugaa-lost-password-panel input[type="text"] {
	width: 100% !important;
	height: 38px !important;
	background: #ffffff !important;
	border: 1px solid #b8b0a5 !important;
	border-radius: 4px !important;
	color: #222222 !important;
	font-size: 14px !important;
	padding: 8px 10px !important;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
	box-sizing: border-box !important;
}

.frugaa-lost-password-panel input[type="text"]:focus {
	border-color: #008b8d !important;
	box-shadow:
		inset 0 1px 3px rgba(0, 0, 0, 0.08),
		0 0 0 3px rgba(0, 139, 141, 0.16) !important;
	outline: none !important;
}

.frugaa-lost-password-panel label {
	display: block !important;
	margin-bottom: 6px !important;
	color: #333333 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

/* =========================================================
   HEADER POPULAR LINKS - FINAL RELIABLE POSITIONING
   ========================================================= */

html body .frugaa-header-search-has-popular {
	position: relative !important;
	overflow: visible !important;
	min-height: 92px !important;
	box-sizing: border-box !important;
}

html body .frugaa-header-search-has-popular .frugaa-popular-searches {
	position: absolute !important;
	left: var(--frugaa-popular-left, 390px) !important;
	top: var(--frugaa-popular-top, 58px) !important;
	width: var(--frugaa-popular-width, 480px) !important;
	z-index: 99999 !important;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;

	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;
	pointer-events: auto !important;
}

html body .frugaa-header-search-has-popular .frugaa-popular-searches strong {
	color: #ffffff !important;
	font-weight: 800 !important;
}

html body .frugaa-header-search-has-popular .frugaa-popular-searches a,
html body .frugaa-header-search-has-popular .frugaa-popular-searches a:visited,
html body .frugaa-header-search-has-popular .frugaa-popular-searches a:active {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	border: 0 !important;
	outline: none !important;
}

html body .frugaa-header-search-has-popular .frugaa-popular-searches a:hover,
html body .frugaa-header-search-has-popular .frugaa-popular-searches a:focus {
	color: #ffd58a !important;
	text-decoration: underline !important;
}

/* Prevent header search button/input from covering the links */
html body .frugaa-header-search-has-popular form,
html body .frugaa-header-search-has-popular input,
html body .frugaa-header-search-has-popular button {
	position: relative !important;
	z-index: 20 !important;
}

/* Mobile */
@media (max-width: 900px) {
	html body .frugaa-header-search-has-popular {
		min-height: 112px !important;
	}

	html body .frugaa-header-search-has-popular .frugaa-popular-searches {
		left: 20px !important;
		right: 20px !important;
		top: auto !important;
		bottom: 10px !important;
		width: auto !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		white-space: normal !important;
		gap: 6px 9px !important;
		text-align: center !important;
	}
}

/* =========================================================
   HEADER POPULAR LINKS - PHP INLINE FIX SUPPORT
   ========================================================= */

html body .frugaa-header-popular-holder {
	position: relative !important;
	overflow: visible !important;
	min-height: 92px !important;
}

html body .frugaa-popular-searches,
html body .frugaa-popular-searches * {
	box-sizing: border-box !important;
}

html body .frugaa-popular-searches strong {
	color: #ffffff !important;
	font-weight: 800 !important;
}

html body .frugaa-popular-searches a,
html body .frugaa-popular-searches a:visited,
html body .frugaa-popular-searches a:active {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	border: 0 !important;
	outline: none !important;
}

html body .frugaa-popular-searches a:hover,
html body .frugaa-popular-searches a:focus {
	color: #ffd58a !important;
	text-decoration: underline !important;
}

/* Keep it readable on smaller screens */
@media (max-width: 900px) {
	html body .frugaa-popular-searches {
		left: 20px !important;
		right: 20px !important;
		width: auto !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		white-space: normal !important;
		text-align: center !important;
	}
}

/* =========================================================
   FINAL HEADER SEARCH FIX
   Popular links exactly below search input + white search icon
   ========================================================= */

html body .frugaa-header-popular-holder {
	position: relative !important;
	overflow: visible !important;
	min-height: 92px !important;
}

html body .frugaa-header-popular-holder .frugaa-popular-searches {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;
	white-space: nowrap !important;
	pointer-events: auto !important;
}

html body .frugaa-header-popular-holder .frugaa-popular-searches strong {
	color: #ffffff !important;
	font-weight: 800 !important;
}

html body .frugaa-header-popular-holder .frugaa-popular-searches a,
html body .frugaa-header-popular-holder .frugaa-popular-searches a:visited,
html body .frugaa-header-popular-holder .frugaa-popular-searches a:active {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	border: 0 !important;
	outline: none !important;
}

html body .frugaa-header-popular-holder .frugaa-popular-searches a:hover,
html body .frugaa-header-popular-holder .frugaa-popular-searches a:focus {
	color: #ffd58a !important;
	text-decoration: underline !important;
}

/* Make the main header search icon clean white */
html body .frugaa-header-popular-holder button[type="submit"],
html body .frugaa-header-popular-holder input[type="submit"],
html body .frugaa-header-popular-holder .search-submit {
	background-color: #e94b16 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9.8 4a5.8 5.8 0 0 1 4.58 9.36l4.13 4.13a1.25 1.25 0 0 1-1.77 1.77l-4.13-4.13A5.8 5.8 0 1 1 9.8 4Zm0 2.5a3.3 3.3 0 1 0 0 6.6a3.3 3.3 0 0 0 0-6.6Z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 22px 22px !important;
	color: transparent !important;
	font-size: 0 !important;
	text-indent: -9999px !important;
	text-shadow: none !important;
	border: 0 !important;
}

/* If an old icon image exists inside the button, hide it */
html body .frugaa-header-popular-holder button[type="submit"] img,
html body .frugaa-header-popular-holder .search-submit img,
html body .frugaa-header-popular-holder button[type="submit"] i,
html body .frugaa-header-popular-holder .search-submit i {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Mobile safety */
@media (max-width: 900px) {
	html body .frugaa-header-popular-holder {
		min-height: 112px !important;
	}

	html body .frugaa-header-popular-holder .frugaa-popular-searches {
		left: 20px !important;
		right: 20px !important;
		width: auto !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		white-space: normal !important;
		text-align: center !important;
		gap: 6px 9px !important;
	}
}

/* =========================================================
   FRUGAA SAVINGS CALCULATOR - LIVE SLIDER FIX
   ========================================================= */

html body .frugaa-calculator-ready input[type="range"],
html body .frugaa-budget-range {
	width: 260px !important;
	height: 8px !important;
	margin: 0 12px !important;
	border-radius: 20px !important;
	background:
		linear-gradient(
			to right,
			#008b8d 0%,
			#008b8d var(--frugaa-range-progress, 18%),
			#d8d8d8 var(--frugaa-range-progress, 18%),
			#d8d8d8 100%
		) !important;
	outline: none !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	vertical-align: middle !important;
}

html body .frugaa-calculator-ready input[type="range"]::-webkit-slider-thumb,
html body .frugaa-budget-range::-webkit-slider-thumb {
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #4a4a4a !important;
	border: 2px solid #333333 !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35) !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

html body .frugaa-calculator-ready input[type="range"]::-moz-range-thumb,
html body .frugaa-budget-range::-moz-range-thumb {
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #4a4a4a !important;
	border: 2px solid #333333 !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35) !important;
	cursor: pointer !important;
}

html body .frugaa-calculator-ready .frugaa-budget-value,
html body .frugaa-calculator-ready .budget-value,
html body .frugaa-calculator-ready .amount,
html body .frugaa-calculator-ready input[type="text"][readonly] {
	width: 78px !important;
	height: 31px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 4px 8px !important;
	background: #ffffff !important;
	border: 1px solid #777777 !important;
	border-radius: 4px !important;
	color: #222222 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

/* =========================================================
   FRUGAA SAVINGS CALCULATOR - FINAL LIVE BUDGET SLIDER
   ========================================================= */

html body .frugaa-live-calculator .frugaa-live-budget-display {
	width: 84px !important;
	height: 32px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 4px 8px !important;
	background: #ffffff !important;
	border: 1px solid #777777 !important;
	border-radius: 4px !important;
	color: #222222 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

html body .frugaa-live-calculator .frugaa-live-budget-range {
	width: 260px !important;
	height: 8px !important;
	margin: 0 14px !important;
	border-radius: 20px !important;
	background:
		linear-gradient(
			to right,
			#008b8d 0%,
			#008b8d var(--frugaa-budget-progress, 18%),
			#d8d8d8 var(--frugaa-budget-progress, 18%),
			#d8d8d8 100%
		) !important;
	outline: none !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	vertical-align: middle !important;
}

html body .frugaa-live-calculator .frugaa-live-budget-range::-webkit-slider-thumb {
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	background: #4b4b4b !important;
	border: 2px solid #2f2f2f !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

html body .frugaa-live-calculator .frugaa-live-budget-range::-moz-range-thumb {
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	background: #4b4b4b !important;
	border: 2px solid #2f2f2f !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
	cursor: pointer !important;
}

html body .frugaa-live-calculator .frugaa-live-budget-range:hover::-webkit-slider-thumb {
	background: #333333 !important;
}

html body .frugaa-live-calculator .frugaa-live-budget-range:hover::-moz-range-thumb {
	background: #333333 !important;
}

/* =========================================================
   FORCE HIDE OLD DUPLICATE BUDGET SLIDER
   ========================================================= */

html body .frugaa-live-calculator div[class*="ui-slider"],
html body .frugaa-live-calculator span[class*="ui-slider"],
html body .frugaa-live-calculator div[id*="slider"],
html body .frugaa-live-calculator span[id*="slider"],
html body .frugaa-live-calculator div[class*="budget-slider"],
html body .frugaa-live-calculator span[class*="budget-slider"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* Keep the working slider visible */
html body .frugaa-live-calculator input.frugaa-live-budget-range {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 260px !important;
	height: 8px !important;
}

/* =========================================================
   RESTORE ORIGINAL SAVINGS CALCULATOR SLIDER
   Keep Koupon-style slider layout, remove injected duplicate slider
   ========================================================= */

html body .frugaa-live-budget-range {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Restore original jQuery UI slider */
html body .ui-slider,
html body .ui-slider-horizontal {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 260px !important;
	height: 8px !important;
	margin: 0 12px !important;
	border-radius: 20px !important;
	background: #d8d8d8 !important;
	border: 1px solid #b9b9b9 !important;
	position: relative !important;
	overflow: visible !important;
}

html body .ui-slider-range {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: 8px !important;
	background: #008b8d !important;
	border-radius: 20px !important;
}

html body .ui-slider-handle {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 18px !important;
	height: 18px !important;
	top: -6px !important;
	margin-left: -9px !important;
	border-radius: 50% !important;
	background: #4a4a4a !important;
	border: 2px solid #333333 !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35) !important;
	cursor: pointer !important;
	position: absolute !important;
}

/* Keep calculator amount box visible and clean */
html body input[value^="$"],
html body .frugaa-live-budget-display {
	width: 84px !important;
	height: 32px !important;
	background: #ffffff !important;
	border: 1px solid #777777 !important;
	border-radius: 4px !important;
	color: #222222 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	text-align: center !important;
}

/* =========================================================
   FRUGAA SAVINGS CALCULATOR - CLEAN FINAL VERSION
   ========================================================= */

.frugaa-savings-calculator {
	background: #eee9df;
	border: 1px solid #c9c0b5;
	border-radius: 7px;
	overflow: hidden;
}

.frugaa-savings-title {
	position: relative;
	background: #8b2032;
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	line-height: 44px;
	padding: 0 16px;
	letter-spacing: 0.04em;
}

.frugaa-savings-title::after {
	content: "";
	position: absolute;
	left: 18px;
	bottom: -11px;
	width: 0;
	height: 0;
	border-top: 12px solid #8b2032;
	border-right: 12px solid transparent;
}

.frugaa-savings-form {
	padding: 34px 46px 30px;
}

.frugaa-calc-row {
	display: flex;
	align-items: center;
	margin-bottom: 26px;
	color: #2b2b2b;
	font-size: 16px;
}

.frugaa-calc-step {
	width: 24px;
	flex: 0 0 24px;
	font-size: 16px;
	color: #2b2b2b;
}

.frugaa-calc-row label {
	margin-right: 18px;
	color: #6f7376;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}

.frugaa-calc-search-row select {
	width: 225px;
	height: 34px;
	padding: 5px 34px 5px 10px;
	border: 1px solid #777;
	background: #fff;
	font-size: 14px;
	color: #000;
}

.frugaa-calc-search-row input[type="text"] {
	width: 225px;
	height: 34px;
	padding: 5px 10px;
	border: 1px solid #999;
	background: #fff;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
}

.frugaa-calc-or {
	margin: 0 28px;
	color: #8b2032;
	font-size: 25px;
	font-weight: 800;
	font-style: italic;
	letter-spacing: 0.06em;
}

.frugaa-calc-budget-display {
	width: 70px;
	height: 31px;
	margin-right: 28px;
	background: #fff;
	border: 1px solid #777;
	border-radius: 4px;
	color: #222;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;
}

.frugaa-calc-slider-wrap {
	position: relative;
	width: 260px;
	margin-right: 18px;
}

.frugaa-calc-slide-label {
	position: absolute;
	left: 22px;
	top: -28px;
	color: #b23838;
	font-size: 22px;
	font-weight: 400;
}

.frugaa-calc-slide-label::before {
	content: "";
	position: absolute;
	left: -28px;
	top: -3px;
	width: 24px;
	height: 28px;
	background: #008b8d;
	border-radius: 28px 0 0 28px;
	transform: rotate(-13deg);
}

.frugaa-calc-slider {
	width: 260px;
	height: 8px;
	background: #d8d8d8;
	border: 1px solid #b6b6b6;
	border-radius: 20px;
	position: relative;
}

.frugaa-calc-slider .ui-slider-range {
	height: 8px;
	background: #008b8d;
	border-radius: 20px;
}

.frugaa-calc-slider .ui-slider-handle {
	position: absolute;
	top: -7px;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	background: #444;
	border: 1px solid #333;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
	cursor: pointer;
	outline: none;
}

.frugaa-calc-help {
	margin: 0;
	color: #222;
	font-size: 15px;
	line-height: 1.35;
}

.frugaa-calc-submit-row {
	margin-bottom: 0;
}

.frugaa-calc-submit {
	width: 120px;
	height: 36px;
	margin-left: 84px;
	background: linear-gradient(#0da2a4, #006467);
	border: 1px solid #004d50;
	border-radius: 7px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
	cursor: pointer;
}

.frugaa-calc-submit:hover {
	background: linear-gradient(#12b8ba, #00797d);
}

/* =========================================================
   FINAL STORE CAROUSEL ARROW POSITION FIX
   Keeps left/right arrows aligned beside store logos
   ========================================================= */

html body .frugaa-store-carousel {
	position: relative !important;
	overflow: visible !important;
}

html body .frugaa-store-carousel [data-frugaa-carousel] {
	position: relative !important;
	overflow: visible !important;
}

html body .frugaa-store-carousel [data-frugaa-carousel-viewport] {
	position: relative !important;
	z-index: 2 !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow,
html body .frugaa-store-carousel [data-frugaa-carousel-prev],
html body .frugaa-store-carousel [data-frugaa-carousel-next] {
	position: absolute !important;
	top: 45px !important;
	bottom: auto !important;
	z-index: 80 !important;

	width: 42px !important;
	height: 62px !important;
	margin: 0 !important;
	padding: 0 !important;

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

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

	color: #ffffff !important;
	font-size: 68px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45) !important;

	cursor: pointer !important;
	pointer-events: auto !important;
	transform: none !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow-left,
html body .frugaa-store-carousel [data-frugaa-carousel-prev] {
	left: 0 !important;
	right: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow-right,
html body .frugaa-store-carousel [data-frugaa-carousel-next] {
	right: 0 !important;
	left: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-prev]:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-next]:hover {
	transform: scale(1.08) !important;
	opacity: 0.95 !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow:disabled,
html body .frugaa-store-carousel [data-frugaa-carousel-prev]:disabled,
html body .frugaa-store-carousel [data-frugaa-carousel-next]:disabled {
	opacity: 0.35 !important;
	cursor: default !important;
	transform: none !important;
}

/* Mobile safety */
@media (max-width: 900px) {
	html body .frugaa-store-carousel .frugaa-carousel-arrow,
	html body .frugaa-store-carousel [data-frugaa-carousel-prev],
	html body .frugaa-store-carousel [data-frugaa-carousel-next] {
		top: 40px !important;
		font-size: 56px !important;
		width: 36px !important;
	}
}

@media (max-width: 560px) {
	html body .frugaa-store-carousel .frugaa-carousel-arrow,
	html body .frugaa-store-carousel [data-frugaa-carousel-prev],
	html body .frugaa-store-carousel [data-frugaa-carousel-next] {
		top: 36px !important;
		font-size: 46px !important;
		width: 32px !important;
	}
}

/* =========================================================
   FINAL HEADER POPULAR LINKS + STORE CAROUSEL ARROW FIX
   ========================================================= */

/* Hide old/duplicate popular-link blocks that are causing overlap */
html body #header .frugaa-header-popular,
html body #header .popular,
html body .search-box .popular {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Keep only the clean Popular links row */
html body .frugaa-popular-searches {
	position: absolute !important;
	left: var(--frugaa-popular-left, 0) !important;
	top: calc(var(--frugaa-popular-top, 46px) + 4px) !important;
	width: var(--frugaa-popular-width, 430px) !important;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;

	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 16px !important;
	white-space: nowrap !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;
	z-index: 999999 !important;
	pointer-events: auto !important;
}

html body .frugaa-popular-searches strong,
html body .frugaa-popular-searches a {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

html body .frugaa-popular-searches a:hover {
	color: #ffd58a !important;
	text-decoration: none !important;
}

/* Store carousel arrow positioning */
html body .frugaa-store-carousel {
	position: relative !important;
	overflow: visible !important;
}

html body .frugaa-store-carousel [data-frugaa-carousel],
html body .frugaa-store-carousel-viewport {
	position: relative !important;
	overflow: visible !important;
}

/* Center arrows vertically with the logo boxes */
html body .frugaa-store-carousel .frugaa-carousel-arrow,
html body .frugaa-store-carousel [data-frugaa-carousel-prev],
html body .frugaa-store-carousel [data-frugaa-carousel-next] {
	position: absolute !important;
	top: 45px !important;
	transform: translateY(-50%) !important;

	width: 42px !important;
	height: 62px !important;
	margin: 0 !important;
	padding: 0 !important;

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

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

	color: #ffffff !important;
	font-size: 68px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45) !important;

	z-index: 100 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow-left,
html body .frugaa-store-carousel [data-frugaa-carousel-prev] {
	left: -24px !important;
	right: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow-right,
html body .frugaa-store-carousel [data-frugaa-carousel-next] {
	right: -24px !important;
	left: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-prev]:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-next]:hover {
	transform: translateY(-50%) scale(1.08) !important;
	opacity: 0.95 !important;
}

/* Disabled arrow should stay in position */
html body .frugaa-store-carousel .frugaa-carousel-arrow:disabled,
html body .frugaa-store-carousel [data-frugaa-carousel-prev]:disabled,
html body .frugaa-store-carousel [data-frugaa-carousel-next]:disabled {
	transform: translateY(-50%) !important;
	opacity: 0.35 !important;
	cursor: default !important;
}

/* Mobile safety */
@media (max-width: 900px) {
	html body .frugaa-store-carousel .frugaa-carousel-arrow,
	html body .frugaa-store-carousel [data-frugaa-carousel-prev],
	html body .frugaa-store-carousel [data-frugaa-carousel-next] {
		top: 45px !important;
		font-size: 56px !important;
		width: 36px !important;
	}

	html body .frugaa-store-carousel .frugaa-carousel-arrow-left,
	html body .frugaa-store-carousel [data-frugaa-carousel-prev] {
		left: -10px !important;
	}

	html body .frugaa-store-carousel .frugaa-carousel-arrow-right,
	html body .frugaa-store-carousel [data-frugaa-carousel-next] {
		right: -10px !important;
	}
}

/* =========================================================
   FINAL POPULAR LINKS POSITION FIX
   Show Popular links only below the main header search bar
   ========================================================= */

/* Hide all wrongly placed duplicate Popular rows */
html body .frugaa-popular-searches,
html body .frugaa-header-popular {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Show only the correct Popular row inside the header search box */
html body #header .search-box .frugaa-popular-correct,
html body #header .frugaa-final-header-search-box .frugaa-popular-correct {
	position: absolute !important;
	left: 14px !important;
	top: 43px !important;
	width: 430px !important;

	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;

	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;

	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 16px !important;
	white-space: nowrap !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;

	z-index: 999999 !important;
	pointer-events: auto !important;
}

html body #header .search-box .frugaa-popular-correct strong,
html body #header .search-box .frugaa-popular-correct a,
html body #header .frugaa-final-header-search-box .frugaa-popular-correct strong,
html body #header .frugaa-final-header-search-box .frugaa-popular-correct a {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	line-height: 16px !important;
}

html body #header .search-box .frugaa-popular-correct strong,
html body #header .frugaa-final-header-search-box .frugaa-popular-correct strong {
	font-weight: 800 !important;
}

html body #header .search-box .frugaa-popular-correct a:hover,
html body #header .frugaa-final-header-search-box .frugaa-popular-correct a:hover {
	color: #ffd58a !important;
	text-decoration: none !important;
}

/* Make sure random Popular text never appears inside page content */
html body #main .frugaa-popular-searches,
html body #content .frugaa-popular-searches,
html body .content-box .frugaa-popular-searches,
html body .widget .frugaa-popular-searches {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* =========================================================
   FINAL HEADER + STORE CAROUSEL FIX
   ========================================================= */

/* Prevent sideways page scrolling caused by carousel overflow */
html,
body {
	overflow-x: hidden !important;
}

/* Hide every wrong Popular row by default */
html body .frugaa-popular-searches,
html body .frugaa-header-popular {
	display: none !important;
}

/* Show only the correct Popular row inside the search form */
html body #header .frugaa-popular-fixed-holder .frugaa-popular-final,
html body header .frugaa-popular-fixed-holder .frugaa-popular-final {
	position: absolute !important;
	left: 14px !important;
	top: 40px !important;

	display: flex !important;
	align-items: center !important;
	gap: 8px !important;

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

	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 16px !important;
	white-space: nowrap !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important;

	z-index: 9999 !important;
	pointer-events: auto !important;
}

html body #header .frugaa-popular-final strong,
html body #header .frugaa-popular-final a,
html body header .frugaa-popular-final strong,
html body header .frugaa-popular-final a {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	line-height: 16px !important;
}

html body #header .frugaa-popular-final a:hover,
html body header .frugaa-popular-final a:hover {
	color: #ffd58a !important;
	text-decoration: none !important;
}

/* Restore store carousel width/overflow */
html body .frugaa-store-carousel {
	position: relative !important;
	max-width: 980px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	overflow: visible !important;
}

html body .frugaa-store-carousel [data-frugaa-carousel-viewport],
html body .frugaa-store-carousel .frugaa-store-carousel-viewport,
html body .frugaa-store-carousel .carousel-viewport {
	overflow: hidden !important;
	position: relative !important;
}

/* Do not allow store cards to spill outside the carousel area */
html body .frugaa-store-carousel [data-frugaa-carousel-track],
html body .frugaa-store-carousel .frugaa-store-carousel-track {
	overflow: visible !important;
}

/* Center carousel arrows beside logo row */
html body .frugaa-store-carousel .frugaa-carousel-arrow,
html body .frugaa-store-carousel [data-frugaa-carousel-prev],
html body .frugaa-store-carousel [data-frugaa-carousel-next] {
	position: absolute !important;
	top: 72px !important;
	transform: translateY(-50%) !important;

	width: 42px !important;
	height: 70px !important;
	margin: 0 !important;
	padding: 0 !important;

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

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

	color: #ffffff !important;
	font-size: 68px !important;
	line-height: 1 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.45) !important;

	z-index: 100 !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow-left,
html body .frugaa-store-carousel [data-frugaa-carousel-prev] {
	left: -46px !important;
	right: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow-right,
html body .frugaa-store-carousel [data-frugaa-carousel-next] {
	right: -46px !important;
	left: auto !important;
}

html body .frugaa-store-carousel .frugaa-carousel-arrow:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-prev]:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-next]:hover {
	transform: translateY(-50%) scale(1.06) !important;
	opacity: 0.95 !important;
}

/* Mobile safety */
@media (max-width: 1050px) {
	html body .frugaa-store-carousel {
		max-width: 88vw !important;
	}

	html body .frugaa-store-carousel .frugaa-carousel-arrow-left,
	html body .frugaa-store-carousel [data-frugaa-carousel-prev] {
		left: -30px !important;
	}

	html body .frugaa-store-carousel .frugaa-carousel-arrow-right,
	html body .frugaa-store-carousel [data-frugaa-carousel-next] {
		right: -30px !important;
	}
}

/* =========================================================
   FINAL SMALL ALIGNMENT FIX
   1. Move Popular links slightly higher
   2. Center carousel arrows with coupon/store boxes
   ========================================================= */

/* Move Popular links slightly higher but keep gap below search box */
html body #header .frugaa-popular-fixed-holder .frugaa-popular-final,
html body header .frugaa-popular-fixed-holder .frugaa-popular-final,
html body #header .search-box .frugaa-popular-correct,
html body #header .frugaa-final-header-search-box .frugaa-popular-correct {
	top: 34px !important;
}

/* Keep the search form tall enough so Popular row does not touch/crop */
html body #header .frugaa-popular-fixed-holder,
html body header .frugaa-popular-fixed-holder {
	overflow: visible !important;
	padding-bottom: 0px !important;
}

/* Move coupon/store carousel arrows up to center of logo boxes */
html body .frugaa-store-carousel .frugaa-carousel-arrow,
html body .frugaa-store-carousel [data-frugaa-carousel-prev],
html body .frugaa-store-carousel [data-frugaa-carousel-next] {
	top: 40px !important;
	transform: translateY(-50%) !important;
}

/* Keep hover effect without moving arrows down */
html body .frugaa-store-carousel .frugaa-carousel-arrow:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-prev]:hover,
html body .frugaa-store-carousel [data-frugaa-carousel-next]:hover {
	transform: translateY(-50%) scale(1.06) !important;
}

/* =========================================================
   FINAL SEARCH ICON FIX
   Remove duplicate search icon and show only one clean white icon
   ========================================================= */

/* Remove old background/search icon from the input field */
html body #header input[type="text"],
html body #header input[type="search"],
html body header input[type="text"],
html body header input[type="search"] {
	background-image: none !important;
}

/* Reset the orange search button and force one clean icon only */
html body #header .search-box button,
html body #header .search-box input[type="submit"],
html body #header button[type="submit"],
html body #header input[type="submit"],
html body header .search-box button,
html body header .search-box input[type="submit"],
html body header button[type="submit"],
html body header input[type="submit"] {
	background-color: #f04a18 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 22px 22px !important;

	color: transparent !important;
	font-size: 0 !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
}

/* Hide any extra icon inserted inside the button */
html body #header .search-box button i,
html body #header .search-box button span,
html body header .search-box button i,
html body header .search-box button span {
	display: none !important;
}


/* =========================================================
   FINAL HARD FIX: REMOVE DOUBLE SEARCH ICON
   ========================================================= */

/* Make search holder stable */
html body #header .search-box,
html body header .search-box,
html body #header form,
html body header form {
	position: relative !important;
	overflow: visible !important;
}

/* Remove old icon/background from input and button */
html body #header .search-box input,
html body #header .search-box button,
html body #header .search-box input[type="submit"],
html body header .search-box input,
html body header .search-box button,
html body header .search-box input[type="submit"] {
	background-image: none !important;
}

/* Force orange button to have no built-in image/icon */
html body #header .search-box button,
html body #header .search-box input[type="submit"],
html body header .search-box button,
html body header .search-box input[type="submit"] {
	position: relative !important;
	background: #f04a18 !important;
	color: transparent !important;
	text-indent: -9999px !important;
	font-size: 0 !important;
	overflow: hidden !important;
}

/* Hide any icon element, image, span, pseudo-icon inside button */
html body #header .search-box button *,
html body header .search-box button *,
html body #header .search-box button::before,
html body #header .search-box button::after,
html body #header .search-box input[type="submit"]::before,
html body #header .search-box input[type="submit"]::after,
html body header .search-box button::before,
html body header .search-box button::after,
html body header .search-box input[type="submit"]::before,
html body header .search-box input[type="submit"]::after {
	display: none !important;
	content: none !important;
	background: none !important;
}

/* Hide old theme search icon if it is attached to the search container */
html body #header .search-box::before,
html body header .search-box::before {
	display: none !important;
	content: none !important;
	background: none !important;
}

/* Add only ONE clean white search icon */
html body #header .search-box::after,
html body header .search-box::after {
	content: "" !important;
	position: absolute !important;
	right: 16px !important;
	top: 20% !important;
	transform: translateY(-50%) !important;

	width: 22px !important;
	height: 22px !important;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 22px 22px !important;

	z-index: 999999 !important;
	pointer-events: none !important;
}

.frugaa-blog-page {
	margin-top: 35px;
}

.frugaa-blog-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.frugaa-blog-card {
	display: flex;
	gap: 18px;
	padding: 16px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.frugaa-blog-thumb img {
	width: 150px;
	height: 110px;
	object-fit: cover;
	border: 1px solid #ccc;
}

.frugaa-blog-content h2 {
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.3;
}

.frugaa-blog-content h2 a {
	color: #00566b;
	text-decoration: none;
}

.frugaa-blog-content h2 a:hover {
	color: #8f2138;
	text-decoration: none;
}

.frugaa-blog-meta {
	margin-bottom: 10px;
	font-size: 12px;
	color: #777;
}

.frugaa-blog-excerpt {
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

.frugaa-read-more {
	display: inline-block;
	margin-top: 10px;
	color: #00566b;
	font-weight: 700;
	text-decoration: none;
}

.frugaa-pagination {
	margin-top: 25px;
	text-align: center;
}

.frugaa-pagination a,
.frugaa-pagination span {
	display: inline-block;
	margin: 0 3px;
	padding: 6px 10px;
	background: #f5f2e8;
	border: 1px solid #d5c9b6;
	color: #00566b;
	text-decoration: none;
}

.frugaa-pagination .current {
	background: #8f2138;
	color: #fff;
	border-color: #8f2138;
}

@media (max-width: 768px) {
	.frugaa-blog-card {
		flex-direction: column;
	}

	.frugaa-blog-thumb img {
		width: 100%;
		height: auto;
	}
}

.frugaa-hot-coupons-shell {
	width: 980px;
	max-width: calc(100% - 40px);
	margin: 25px auto 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	gap: 18px;
	align-items: start;
}

.frugaa-hot-coupons-left {
	background: #fff;
	border: 1px solid #d6d1c5;
}

.frugaa-hot-coupons-heading {
	background: #f7f7f7;
	border-bottom: 1px solid #d6d1c5;
	padding: 9px 14px;
}

.frugaa-hot-coupons-heading h2 {
	margin: 0;
	color: #00566b;
	font-size: 15px;
	font-weight: 700;
}

.frugaa-hot-coupon-row {
	display: grid;
	grid-template-columns: 95px minmax(0, 1fr) 88px;
	gap: 10px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

.frugaa-hot-coupon-logo {
	text-align: center;
	font-size: 10px;
	color: #00566b;
}

.frugaa-hot-coupon-logo img {
	width: 88px;
	height: 58px;
	object-fit: contain;
	border: 1px solid #ccc;
	background: #fff;
	display: block;
	margin: 0 auto 5px;
}

.frugaa-hot-coupon-logo span {
	width: 88px;
	height: 58px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 5px;
	color: #9b2a3c;
	font-size: 12px;
}

.frugaa-hot-coupon-logo a {
	color: #00566b;
	font-size: 10px;
	text-decoration: underline;
}

.frugaa-hot-coupon-details h3 {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 400;
}

.frugaa-hot-coupon-details h3 a {
	color: #00566b;
	text-decoration: none;
}

.frugaa-hot-coupon-details h3 a:hover {
	text-decoration: underline;
}

.frugaa-hot-coupon-details p {
	margin: 0 0 7px;
	color: #333;
	font-size: 11px;
	line-height: 1.35;
}

.frugaa-hot-coupon-code-line {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #00566b;
	font-weight: 700;
}

.frugaa-orange-coupon-btn {
	display: inline-block;
	background: linear-gradient(#ffb15b, #f06f22);
	color: #fff !important;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

.frugaa-hot-coupon-footer {
	margin-top: 7px;
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	color: #777;
	font-size: 10px;
}

.frugaa-hot-coupon-footer a,
.frugaa-hot-coupon-footer span {
	color: #777;
	font-size: 10px;
	text-decoration: none;
}

.frugaa-hot-coupon-success {
	text-align: center;
	align-self: center;
}

.frugaa-success-box {
	background: #1fc900;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	padding: 4px 0;
}

.frugaa-hot-coupon-success small {
	display: block;
	margin-top: 3px;
	color: #333;
	font-size: 9px;
	font-weight: 700;
	line-height: 1.1;
}

.frugaa-vote-counts {
	margin-top: 5px;
	font-size: 10px;
	color: #777;
}

.frugaa-hot-coupons-right {
	min-width: 0;
}

@media (max-width: 900px) {
	.frugaa-hot-coupons-shell {
		grid-template-columns: 1fr;
	}

	.frugaa-hot-coupons-right {
		display: none;
	}
}

@media (max-width: 640px) {
	.frugaa-hot-coupon-row {
		grid-template-columns: 1fr;
	}

	.frugaa-hot-coupon-logo {
		text-align: left;
	}

	.frugaa-hot-coupon-logo img,
	.frugaa-hot-coupon-logo span {
		margin-left: 0;
	}

	.frugaa-hot-coupon-success {
		text-align: left;
	}

	.frugaa-success-box {
		max-width: 100px;
		text-align: center;
	}
}

/* Store sidebar budget calculator fix */
.frugaa-store-sidebar .frugaa-store-budget-box,
.frugaa-common-sidebar .frugaa-store-budget-box {
	background: #c9b69e;
	border-radius: 6px;
	margin: 0 0 18px;
	padding: 14px 12px 16px;
	box-sizing: border-box;
	width: 100%;
	box-shadow: none;
}

.frugaa-store-sidebar .frugaa-store-budget-box h2,
.frugaa-common-sidebar .frugaa-store-budget-box h2 {
	position: relative;
	margin: 0 0 8px;
	padding-left: 48px;
	color: #9b2038;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.2;
}

.frugaa-store-sidebar .frugaa-store-budget-box h2::before,
.frugaa-common-sidebar .frugaa-store-budget-box h2::before {
	content: "↪";
	position: absolute;
	left: 10px;
	top: -4px;
	color: #008b8b;
	font-size: 34px;
	font-weight: bold;
	line-height: 1;
}

.frugaa-store-sidebar .frugaa-store-budget-slider,
.frugaa-common-sidebar .frugaa-store-budget-slider {
	margin: 8px 0 10px;
	padding: 0;
}

.frugaa-store-sidebar .frugaa-store-budget-slider input[type="range"],
.frugaa-common-sidebar .frugaa-store-budget-slider input[type="range"] {
	width: 100%;
	height: 12px;
	margin: 0;
	cursor: pointer;
	accent-color: #008b8b;
}

.frugaa-store-sidebar .frugaa-store-budget-row,
.frugaa-common-sidebar .frugaa-store-budget-row {
	display: grid;
	grid-template-columns: auto 56px 1fr;
	gap: 8px;
	align-items: center;
}

.frugaa-store-sidebar .frugaa-store-budget-row span,
.frugaa-common-sidebar .frugaa-store-budget-row span {
	color: #4a3d34;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}

.frugaa-store-sidebar .frugaa-store-budget-row input[type="number"],
.frugaa-common-sidebar .frugaa-store-budget-row input[type="number"] {
	width: 56px;
	height: 30px;
	padding: 2px 6px;
	border: 1px solid #777;
	background: #fff;
	color: #333;
	font-size: 18px;
	box-sizing: border-box;
}

.frugaa-store-sidebar .frugaa-store-budget-row button,
.frugaa-common-sidebar .frugaa-store-budget-row button {
	height: 34px;
	padding: 0 14px;
	border: 0;
	border-radius: 6px;
	background: linear-gradient(#00a7a1, #006f6b);
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	white-space: nowrap;
}

.frugaa-store-sidebar .frugaa-store-budget-row button:hover,
.frugaa-common-sidebar .frugaa-store-budget-row button:hover {
	background: linear-gradient(#00b9b3, #007b77);
}

/* Global Frugaa footer consistency fix */
.frugaa-footer,
.frugaa-site-footer,
.frugaa-common-footer,
.frugaa-footer-howto,
.frugaa-footer-main,
.frugaa-footer-bottom {
	background: #33261d !important;
	color: #ffffff !important;
}

.frugaa-footer *,
.frugaa-site-footer *,
.frugaa-common-footer *,
.frugaa-footer-howto *,
.frugaa-footer-main *,
.frugaa-footer-bottom * {
	color: #ffffff !important;
}

.frugaa-footer a,
.frugaa-site-footer a,
.frugaa-common-footer a,
.frugaa-footer-howto a,
.frugaa-footer-main a,
.frugaa-footer-bottom a {
	color: #ffffff !important;
	text-decoration: underline;
}

.frugaa-footer h2,
.frugaa-site-footer h2,
.frugaa-common-footer h2,
.frugaa-footer-howto h2,
.frugaa-footer-main h2,
.frugaa-footer-bottom h2 {
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-style: italic;
	font-weight: bold;
}

.frugaa-footer h3,
.frugaa-site-footer h3,
.frugaa-common-footer h3,
.frugaa-footer-main h3,
.frugaa-footer-bottom h3 {
	color: #ffffff !important;
	font-weight: bold;
}

.frugaa-copyright,
.frugaa-copyright * {
	color: #ffffff !important;
}

/* =========================================================
   GLOBAL FRUGAA FOOTER FINAL VISUAL FIX
   Makes footer readable, consistent, and clean across pages
========================================================= */

.frugaa-footer,
.frugaa-site-footer,
.frugaa-common-footer {
	background: #33261d !important;
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Footer dark sections */
.frugaa-footer-howto,
.frugaa-footer-links,
.frugaa-footer-bottom {
	background: #33261d !important;
	color: #ffffff !important;
}

/* Main title */
.frugaa-footer-howto h2,
.frugaa-footer-howto-title h2 {
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 28px !important;
	font-style: italic !important;
	font-weight: bold !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,.8) !important;
}

/* Step preview boxes: dark text on light boxes */
.frugaa-footer-step-preview,
.frugaa-step-box {
	background: #f7f7f7 !important;
	border: 1px solid #d8d8d8 !important;
	color: #33261d !important;
	text-shadow: none !important;
}

.frugaa-footer-step-preview *,
.frugaa-footer-preview-text,
.frugaa-step-box,
.frugaa-step-box * {
	color: #33261d !important;
	text-shadow: none !important;
	font-weight: bold !important;
}

/* Step buttons: white text on brown buttons */
.frugaa-footer-step-button,
.frugaa-step-num {
	background: linear-gradient(#4a3528, #241913) !important;
	border-radius: 18px !important;
	color: #ffffff !important;
	box-shadow: 0 2px 3px rgba(0,0,0,.45) !important;
}

.frugaa-footer-step-button *,
.frugaa-footer-step-button span,
.frugaa-step-num *,
.frugaa-step-num span {
	color: #ffffff !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7) !important;
}

/* Number circles */
.frugaa-footer-step-index,
.frugaa-step-num span {
	background: #ffffff !important;
	color: #3b2a20 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: bold !important;
	text-shadow: none !important;
}

/* Footer columns */
.frugaa-footer-column h3,
.frugaa-footer-col h3,
.frugaa-footer-testimonial h3 {
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.75) !important;
}

.frugaa-footer-column a,
.frugaa-footer-col a,
.frugaa-footer-testimonial a,
.frugaa-footer-legal a,
.frugaa-footer-links a,
.frugaa-footer-readmore {
	color: #ffffff !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

.frugaa-footer-column a:hover,
.frugaa-footer-col a:hover,
.frugaa-footer-testimonial a:hover,
.frugaa-footer-legal a:hover,
.frugaa-footer-links a:hover {
	color: #f5d7a0 !important;
}

/* Testimonial */
.frugaa-footer-testimonial p,
.frugaa-footer-testimonial,
.frugaa-footer-testimonial * {
	color: #ffffff !important;
	font-style: italic !important;
	font-weight: bold !important;
	line-height: 1.35 !important;
}

/* Social icons */
.frugaa-footer-socials,
.frugaa-socials {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 12px 0 10px !important;
}

.frugaa-social-icon,
.frugaa-socials a {
	position: relative !important;
	display: inline-flex !important;
	width: 30px !important;
	height: 30px !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: linear-gradient(#f6f6f6, #bfbfbf) !important;
	border: 1px solid #8d8d8d !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 3px rgba(0,0,0,.45) !important;
	color: #3b2a20 !important;
	text-decoration: none !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0 !important;
	font-weight: bold !important;
	overflow: hidden !important;
}

.frugaa-social-icon::before,
.frugaa-socials a::before {
	color: #3b2a20 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	line-height: 1 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.6) !important;
}

.frugaa-social-pinterest::before {
	content: "P" !important;
}

.frugaa-social-facebook::before {
	content: "f" !important;
	font-size: 18px !important;
}

.frugaa-social-x::before {
	content: "X" !important;
}

.frugaa-socials a:nth-child(1)::before {
	content: "P" !important;
}

.frugaa-socials a:nth-child(2)::before {
	content: "f" !important;
	font-size: 18px !important;
}

.frugaa-socials a:nth-child(3)::before {
	content: "X" !important;
}

/* Bottom copyright */
.frugaa-footer-bottom,
.frugaa-footer-bottom *,
.frugaa-copyright,
.frugaa-copyright * {
	color: #ffffff !important;
	font-weight: bold !important;
}

.frugaa-footer-bottom {
	border-top: 1px solid rgba(255,255,255,.15) !important;
	padding-top: 12px !important;
}

/* Remove accidental invisible/washed-out footer text */
.frugaa-footer [style*="color"],
.frugaa-site-footer [style*="color"],
.frugaa-common-footer [style*="color"] {
	color: inherit !important;
}

/* =========================================================
   FOOTER SOCIAL ICON + STEP NUMBER FINAL FIX
========================================================= */

/* Remove double letters from social icons */
.frugaa-footer .frugaa-footer-socials a,
.frugaa-footer .frugaa-socials a,
.frugaa-site-footer .frugaa-footer-socials a,
.frugaa-site-footer .frugaa-socials a,
.frugaa-common-footer .frugaa-footer-socials a,
.frugaa-common-footer .frugaa-socials a {
	font-size: 0 !important;
	text-indent: -9999px !important;
	color: transparent !important;
	overflow: hidden !important;
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	background: linear-gradient(#f8f8f8, #b9b9b9) !important;
	border: 1px solid #8b8b8b !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,.45) !important;
	text-decoration: none !important;
}

/* Add clean single letters only */
.frugaa-footer .frugaa-footer-socials a::before,
.frugaa-footer .frugaa-socials a::before,
.frugaa-site-footer .frugaa-footer-socials a::before,
.frugaa-site-footer .frugaa-socials a::before,
.frugaa-common-footer .frugaa-footer-socials a::before,
.frugaa-common-footer .frugaa-socials a::before {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 30px !important;
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-indent: 0 !important;
	color: #3a2a20 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: bold !important;
	line-height: 1 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.7) !important;
}

/* Common footer social class names */
.frugaa-footer .frugaa-social-pinterest::before,
.frugaa-site-footer .frugaa-social-pinterest::before,
.frugaa-common-footer .frugaa-social-pinterest::before {
	content: "P" !important;
}

.frugaa-footer .frugaa-social-facebook::before,
.frugaa-site-footer .frugaa-social-facebook::before,
.frugaa-common-footer .frugaa-social-facebook::before {
	content: "f" !important;
	font-size: 19px !important;
}

.frugaa-footer .frugaa-social-x::before,
.frugaa-site-footer .frugaa-social-x::before,
.frugaa-common-footer .frugaa-social-x::before {
	content: "X" !important;
}

/* Fallback if social links are only nth-child */
.frugaa-footer .frugaa-socials a:nth-child(1)::before,
.frugaa-site-footer .frugaa-socials a:nth-child(1)::before,
.frugaa-common-footer .frugaa-socials a:nth-child(1)::before {
	content: "P" !important;
}

.frugaa-footer .frugaa-socials a:nth-child(2)::before,
.frugaa-site-footer .frugaa-socials a:nth-child(2)::before,
.frugaa-common-footer .frugaa-socials a:nth-child(2)::before {
	content: "f" !important;
	font-size: 19px !important;
}

.frugaa-footer .frugaa-socials a:nth-child(3)::before,
.frugaa-site-footer .frugaa-socials a:nth-child(3)::before,
.frugaa-common-footer .frugaa-socials a:nth-child(3)::before {
	content: "X" !important;
}

/* Make step number circles readable */
.frugaa-footer .frugaa-footer-step-index,
.frugaa-footer .frugaa-step-num span,
.frugaa-site-footer .frugaa-footer-step-index,
.frugaa-site-footer .frugaa-step-num span,
.frugaa-common-footer .frugaa-footer-step-index,
.frugaa-common-footer .frugaa-step-num span {
	background: #ffffff !important;
	color: #3a2a20 !important;
	border: 1px solid rgba(0,0,0,.2) !important;
	border-radius: 50% !important;
	width: 23px !important;
	height: 23px !important;
	min-width: 23px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 15px !important;
	font-weight: bold !important;
	line-height: 1 !important;
	text-shadow: none !important;
	text-indent: 0 !important;
}

/* Keep Search / Choose / Save text white */
.frugaa-footer .frugaa-footer-step-button,
.frugaa-footer .frugaa-step-num,
.frugaa-site-footer .frugaa-footer-step-button,
.frugaa-site-footer .frugaa-step-num,
.frugaa-common-footer .frugaa-footer-step-button,
.frugaa-common-footer .frugaa-step-num {
	color: #ffffff !important;
	font-weight: bold !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.75) !important;
}

/* Keep preview box text dark and readable */
.frugaa-footer .frugaa-footer-preview-text,
.frugaa-footer .frugaa-step-box,
.frugaa-site-footer .frugaa-footer-preview-text,
.frugaa-site-footer .frugaa-step-box,
.frugaa-common-footer .frugaa-footer-preview-text,
.frugaa-common-footer .frugaa-step-box {
	color: #3a2a20 !important;
	text-shadow: none !important;
	font-weight: bold !important;
}