/* TYPE */
@font-face {
	font-family: 'Futura Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('FuturaTOTMedCon'),
		 local('FuturaStd-CondensedLight'),
		 url('../fonts/Futura/FuturaTOT-MedCon.woff') format('woff'),
		 url('../fonts/Futura/FuturaTOT-MedCon.otf') format('opentype'),
		 url('../fonts/Futura/FuturaTOT-MedCon.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura Condensed';
	font-style: normal;
	font-weight: bold;
	src: local('FuturaTOTBolCon'),
		 local('FuturaStd-CondensedBold'),
		 url('../fonts/Futura/FuturaTOT-BolCon.woff') format('woff'),
		url('../fonts/Futura/FuturaTOT-BolCon.otf') format('opentype'),
		 url('../fonts/Futura/FuturaTOT-BolCon.ttf') format('truetype');
}
:root {

	/* BASIC COLORS */

	--black: 0,0%,0%;
	--dark: 0,0%,31%;
	--gray: 0,0%,50%;
	--light: 0,0%,93.3%;
	--white: 0,0%,100%;

	--red: 0,73.8%,42%;
	--orange: 30,100%,60%;
	--yellow: 53,100%,50%;
	--lime: 110,100%,75%;
	--green: 120,100%,25.1%;
	--teal: 180,100%,65%;
	--cyan: 200,65%,35%;
	--blue: 230,75%,30%;
	--purple: 280,80%,20%;
	--magenta: 330,100%,40%;

	--graphite: 30,7%,22%;
	--iron: 20,4%,73%;
	--steel: 202,15%,90%;
	--lightred: 2,85%,64%;

	/* LAYOUT COLORS */

	--main-header: var(--black);
	--main-layer: var(--black);
	--main-front: var(--black);
	--main-body: var(--light);
	--main-footer: var(--black);

	--alt-body: var(--dark);

	--link: var(--dark);

	--main-highlight: var(--lightred);
	--alt-highlight: 315,75%,35%;

	/* OPACITY */

	--text-opacity: 1;
	--text-opacity-half: 1;
	--text-opacity-quarter: 1;
	--text-opacity-min: 1;
	--text-opacity-full: 1;

	--bg-opacity: 1;
	--bg-opacity-half: 1;
	--bg-opacity-quarter: 1;
	--bg-opacity-min: 1;
	--bg-opacity-full: 1;

	--border-opacity: 1;
	--border-opacity-half: 1;
	--border-opacity-quarter: 1;
	--border-opacity-min: 1;
	--border-opacity-full: 1;

	/* BORDERS */

	--corner: 0.3rem;
	--alt-corner: 0.3rem;

	--border-color-null: transparent;
	--border-color-min: transparent;
	--border-color-idle: transparent;
	--border-color-hover: transparent;

	/* TYPEFACE */

	--plain-font: 'Open Sans', Arial, Helvetica, sans-serif;
	--title-font: 'Futura Condensed', Arial, Helvetica, sans-serif;
	--alt-font: 'Futura Condensed', Arial, Helvetica, sans-serif;


	--small-font-size: 0.6rem;
	--plain-font-size: 0.8rem;
	--h4-font-size: 1rem;
	--h3-font-size: 1.2rem;
	--h2-font-size: 1.4rem;
	--h1-font-size: 1.6rem;

	--small-line-height: 0.8rem;
	--plain-line-height: 1.2rem;
	--h4-line-height: 1.4rem;
	--h3-line-height: 1.6rem;
	--h2-line-height: 1.8rem;
	--h1-line-height: 2rem;

	--form-input-padding: 0.6rem 1.2rem;

	--text-line-height: 1.2rem;

	/* SHADOWS */

	--drop-shadow-idle: 0px 0px 6px 0px hsla(var(--black),0);
	--drop-shadow-hover: 0px 3px 6px 0px hsla(var(--black),0.2);
	--inner-shadow-idle: 0px 0px 10px 0px hsla(var(--black),0.2) inset;
	--inner-shadow-hover: 0px 0px 10px 0px hsla(var(--black),0.4) inset;

}

body {
	color: hsla(var(--alt),var(--text-opacity));
}

/* FORM */

.alert-warning,
.alert-light {
	color: hsla(var(--alt),var(--text-opacity));
}
.alert-primary {
	background: hsla(var(--gray),var(--bg-opacity));
}
.btn {
	padding: 1rem 2.5rem;
	line-height: var(--plain-line-height);
}
.btn:hover {
	color: hsla(var(--main-highlight),var(--text-opacity));
	background: hsla(var(--alt),var(--bg-opacity));
}
.btn-primary {
	background: hsla(var(--alt),var(--bg-opacity));
}
.btn-secondary {
	background: hsla(var(--main-highlight),var(--bg-opacity));
}
.btn-warning {
	background: hsla(var(--orange),var(--bg-opacity));
}
.btn-link {
	background: hsla(var(--gray),var(--bg-opacity));
}
.btn-secondary,
.btn-warning,
.btn-light,
.btn-highlight {
	color: hsla(var(--alt),var(--text-opacity));
}
.btn-lg {
	padding: 1.4rem 3.5rem;
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
}
.btn-sm {
	padding: 0.4rem 1.5rem;
	font-size: var(--plain-font-size);
	line-height: var(--plain-line-height);
}
input[type='text'],
input[type='number'],
input[type='email'],
input[type='password'],
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='tel'] {
	font-family: var(--title-font);
	letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
input[type='password']{
	font-family: var(--plain-font) !important;
	text-transform: none !important;
}
input:-webkit-autofill {
	font-family: var(--title-font);
	letter-spacing: var(--title-spacing);
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
input[type='color'] {
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
.form-bracket input[type='text'],
.form-bracket input[type='number'],
.form-bracket input[type='email'],
.form-bracket input[type='password'],
.form-bracket input[type='date'],
.form-bracket input[type='time'],
.form-bracket input[type='datetime-local'],
.form-bracket input[type='month'],
.form-bracket input[type='week'],
.form-bracket input[type='tel'] {
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
.form-bracket input[type='text']:hover,
.form-bracket input[type='number']:hover,
.form-bracket input[type='email']:hover,
.form-bracket input[type='password']:hover,
.form-bracket input[type='date']:hover,
.form-bracket input[type='time']:hover,
.form-bracket input[type='datetime-local']:hover,
.form-bracket input[type='month']:hover,
.form-bracket input[type='week']:hover,
.form-bracket input[type='tel']:hover{
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
.form-bracket .btn {
	background: hsla(var(--alt),var(--bg-opacity));
	font-size: var(--h4-font-size);
}
input[type='text']:hover,
input[type='text']:focus,
.form-group:hover input[type='text'],
input[type='number']:hover,
input[type='number']:focus,
.form-group:hover input[type='number'],
input[type='email']:hover,
input[type='email']:focus,
.form-group:hover input[type='email'],
input[type='password']:hover,
input[type='password']:focus,
.form-group:hover input[type='password'],
input[type='date']:hover,
input[type='date']:focus,
.form-group:hover input[type='date'],
input[type='time']:hover,
input[type='time']:focus,
.form-group:hover input[type='time'],
input[type='datetime-local']:hover,
input[type='datetime-local']:focus,
.form-group:hover input[type='datetime-local'],
input[type='month']:hover,
input[type='month']:focus,
.form-group:hover input[type='month'],
input[type='week']:hover,
input[type='week']:focus,
.form-group:hover input[type='week'],
input[type='tel']:hover,
input[type='tel']:focus,
.form-group:hover input[type='tel'],
textarea:hover,
textarea:focus,
.form-group:hover textarea,
.textarea-wrapper:hover,
.textarea-wrapper:focus-within,
.form-group:hover .textarea-wrapper,
select:hover,
select:focus,
.form-group:hover select {
	box-shadow: var(--inner-shadow-hover);
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
::-webkit-input-placeholder {
	color: hsla(var(--gray), var(--text-opacity-quarter));
}
:-moz-placeholder {
	color: hsla(var(--gray), var(--text-opacity-quarter));
}
::-moz-placeholder {
	color: hsla(var(--gray), var(--text-opacity-quarter));
}
:-ms-input-placeholder {
	color: hsla(var(--gray), var(--text-opacity-quarter));
}
::-ms-input-placeholder {
	color: hsla(var(--gray), var(--text-opacity-quarter));
}
:placeholder-shown {
	color: hsla(var(--gray), var(--text-opacity-quarter));
}
.form-group label,
.form-row label {
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
}
label.input-checkbox,
label.input-radio {
	color: hsla(var(--alt),var(--text-opacity));
}
label.input-checkbox::before,
label.input-radio::before {
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='checkbox']:checked + label.input-checkbox::before,
input[type='checkbox']:checked + label.input-checkbox-alt::before,
input[type='radio']:checked + label.input-radio::before,
input[type='radio']:checked + label.input-radio-alt::before,
input[type='checkbox']:checked + label.input-checkbox,
input[type='checkbox']:checked + label.input-checkbox-alt,
input[type='radio']:checked + label.input-radio,
input[type='radio']:checked + label.input-radio-alt {
	color: hsla(var(--alt),var(--text-opacity-full));
}
label.input-file,
label.input-file:hover {
	padding-left: 5.5rem;
	color: hsla(var(--alt),var(--text-opacity-full));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
label.input-file::before {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 4.5rem;
	height: 100%;
	background: hsla(var(--alt),var(--bg-opacity));
}
label.input-file:hover::before {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}
select {
	font-family: var(--title-font);
	letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
option {
	font-family: var(--title-font);
	letter-spacing: var(--title-spacing);
}
.select-wrapper::before {
	background: hsla(var(--alt),var(--bg-opacity));
}
.select-wrapper:hover::before {
	background: hsla(var(--alt),var(--bg-opacity));
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}
textarea {
	font-family: var(--title-font);
	letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
.textarea-wrapper {
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
.textarea-wrapper textarea {
	box-shadow: none;
	background: transparent;
	min-height: 1rem;
	padding: 0px;
	border: none;
	border-color: transparent;
	transition: none;
}
input[type='range']::-webkit-slider-runnable-track {
	background: hsla(var(--gray),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-webkit-slider-runnable-track,
input[type='range']:focus::-webkit-slider-runnable-track {
	background: hsla(var(--main-highlight),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']::-webkit-slider-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-webkit-slider-thumb,
input[type='range']:focus::-webkit-slider-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
}
input[type='range']::-moz-range-track {
	background: hsla(var(--gray),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-moz-range-track,
input[type='range']:focus::-moz-range-track {
	background: hsla(var(--main-highlight),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']::-moz-range-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-moz-range-thumb,
input[type='range']:focus::-moz-range-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
}
input[type='range']::-ms-track {
	background: hsla(var(--gray),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-ms-track,
input[type='range']:focus::-ms-track {
	background: hsla(var(--main-highlight),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']::-ms-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
}
input[type='range']:hover::-ms-thumb,
input[type='range']:focus::-ms-thumb {
	background: hsla(var(--alt),var(--bg-opacity));
}
label.input-checkbox-alt,
label.input-radio-alt {
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
}
label.input-checkbox-alt::before,
label.input-radio-alt::before {
	background: hsla(var(--alt),var(--bg-opacity));
	border-radius: 0;
}
label.input-radio::before {
	content: '\f00c';
}
input[type='checkbox']:checked + label.input-checkbox-alt::before,
input[type='radio']:checked + label.input-radio::before,
input[type='radio']:checked + label.input-radio-alt::before {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
	background: hsla(var(--alt),var(--bg-opacity));
}
.pagination li a,
.pagination li span.page-link {
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	color: hsla(var(--alt),var(--text-opacity));
}
.pagination li a:hover,
.pagination li span.page-link:hover {
	background: hsla(var(--alt),var(--bg-opacity));
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.pagination li a.frame-outline {
	border: 2px solid transparent !important;
	border-color: hsla(var(--alt), var(--border-opacity)) !important;
}

.form-group .input-read {
	background: hsla(var(--main),var(--bg-opacity-quarter));
	color: hsla(var(--gray),var(--text-opacity-full));
	box-sizing: border-box;
	border: 2px solid transparent;
	border-color: hsla(var(--alt),var(--text-opacity-full));
}
.faq-card,
.faq-card:hover {
	box-sizing: border-box;
	border: 2px solid transparent;
	border-color: hsla(var(--alt),var(--text-opacity-full));
	border-radius: var(--corner);
}
.faq-card-switch-label {
	background: hsla(var(--main),var(--bg-opacity-quarter));
	color: hsla(var(--alt),var(--text-opacity-full));
}
.faq-card-info-inner {
	background: hsla(var(--light),var(--bg-opacity-min));
	color: hsla(var(--dark),var(--text-opacity-full));
}

.drag-file {
	border-color: hsla(var(--gray),var(--text-opacity-full));
}
.drag-file:hover {
	border-color: hsla(var(--alt),var(--text-opacity-full));
	color: hsla(var(--alt),var(--text-opacity-full));
}

/* HEADER */

.page-header .header-logo {
	width: 30%;
	min-width: 4rem;
	height: 100%;
}
.nav li a:hover,
.nav li.active a,
.nav li label:hover,
.nav li.active label {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}

/* PAGE */

.page-article,
.page-info,
.page-taxonomy,
.page-taxonomy li,
.page-taxonomy li a {
	color: hsla(var(--alt),var(--text-opacity-full));
	border-color: hsla(var(--gray),var(--border-opacity));
}
.page-taxonomy li a:hover {
	color: hsla(var(--gray),var(--text-opacity-full));
	border-color: hsla(var(--dark),var(--border-opacity));
}
.counter-simple,
.counter-button,
.counter-button label {
	color: hsla(var(--gray),var(--text-opacity-full));
}



/* CARD */

.card {
	background: hsla(var(--main),var(--bg-opacity-half));
	color: hsla(var(--alt),var(--text-opacity));
	box-shadow: 0px 3px 6px 0px hsla(var(--alt),0.1);
}
.card-headline {
	font-size: var(--plain-font-size);
	background: hsla(var(--alt),var(--bg-opacity-quarter));
	color: hsla(var(--main-highlight),var(--text-opacity-full));
	border: none;
}
.card-info,
.card-footer {
	background: hsla(var(--light),var(--bg-opacity-quarter));
	color: hsla(var(--gray),var(--text-opacity-full));
}
.card hr {
	border-color: hsla(var(--light),var(--bg-opacity-quarter));
}
.card-title {
	color: hsla(var(--alt),var(--text-opacity));
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight: bold;
}
.card-medium,
.card-medium .card-title {
	color: hsla(var(--main),var(--text-opacity));
}
.list-group li,
.list-group-item{
	color: hsla(var(--gray),var(--text-opacity-full));
}
.list-group li a {
	color: hsla(var(--dark),var(--text-opacity-full));
}
.list-group li a:hover {
	color: hsla(var(--alt),var(--text-opacity-full));
}
.list .list-group li,
.list .list-group-item{
	color: hsla(var(--main),var(--text-opacity-full));
}
.list .list-group li a {
	color: hsla(var(--light),var(--text-opacity-full));
}
.list .list-group li a:hover {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}

/* BENTO */
.bento-wrapper-compact .bento-menu-sm .bento-menu-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}
.bento-menu-lg .bento-menu-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}
.bento-card-featured {
	background-image: url(../layout/bento-card-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.bento-card-featured-content {
	color: hsla(var(--dark),var(--text-opacity-full));
}
.bento-card-featured-title {
	color: hsla(var(--alt),var(--text-opacity-full));
}
.bento-card-featured-content hr,
.bento-card-content hr{
	border-color: hsla(var(--light),var(--border-opacity-min));
}
.bento-card-featured-subtitle,
.bento-card-featured-score {
	color: hsla(var(--dark),var(--text-opacity));
}
.bento-menu-sm .bento-menu-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}
a .bento-card-title {
	color: hsla(var(--alt),var(--text-opacity));
}
a:hover .bento-card-title {
	color: hsla(var(--gray),var(--text-opacity-full));
}

/* CALENDAR */

.calendar-day-label {
	border: 2px solid transparent;
	border-color: hsla(var(--light), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	color: hsla(var(--alt),var(--text-opacity));
}
.calendar-day-label:hover {
	color: hsla(var(--alt),var(--text-opacity));
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--light),var(--bg-opacity));
}
.calendar-day {
	border-color: hsla(var(--light), var(--border-opacity-min));
}
.calendar-day-label:hover .calendar-day {
	border-color: hsla(var(--alt), var(--border-opacity-min));
}
.calendar-day-event {
	background: hsla(var(--light),var(--bg-opacity));
}

/* TABLE */

td, th {
	background: hsla(var(--main),var(--bg-opacity-min));
}
tr:hover td {
	background: hsla(var(--main-highlight),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity-full));
}
tr:hover th {
	background: hsla(var(--main-highlight),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity-full));
}
.bento-table td {
	background: hsla(var(--main),var(--bg-opacity-min));
	border-color: hsla(var(--light),var(--border-opacity-min));
	color: hsla(var(--dark),var(--text-opacity));
}
.bento-table th {
	background: hsla(var(--light),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity));
}
.bento-table tr:hover th {
	background: hsla(var(--alt),var(--bg-opacity-min));
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.bento-table tr:hover td {
	background: hsla(var(--main-highlight),var(--bg-opacity-min));
	color: hsla(var(--alt),var(--text-opacity));
}
.bento-card-tileset {
	background-image: url(../image/icon-tileset.svg);
}
/* LOGIN BG */

.login-background::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	background-image: url(../layout/bg-4.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
}
.login-background::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 100%;
	background-image: url(../layout/bg-4.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	transform: rotateX(180deg) rotateY(180deg);
}

/* QUESTIONS */

.answers li label {
	color: hsla(var(--alt),var(--text-opacity));
}
.answers li label:hover {
	color: hsla(var(--main-highlight),var(--text-opacity));
}

/* BINDINGS */

a.user-link {
	color: hsla(var(--alt), var(--text-opacity));
}

/* SLIDESHOW */
.slideshow-caption h3, .slideshow-caption h4, .slideshow-caption h5 {
	color: hsla(var(--alt), var(--text-opacity));
}
.slideshow-caption {
	background: linear-gradient(to top, hsla(var(--main), var(--bg-opacity)) 0%, hsla(var(--main), 0) 100%);
	color: hsla(var(--dark), var(--text-opacity));
}
a.slideshow-item:hover .slideshow-caption {
	color: hsla(var(--alt), var(--text-opacity));
}
a.slideshow-item:hover .slideshow-caption h3,
a.slideshow-item:hover .slideshow-caption h4,
a.slideshow-item:hover .slideshow-caption h5 {
	color: hsla(var(--main-highlight), var(--text-opacity));
}
.slideshow-control-wrapper li label {
	color: hsla(var(--dark), var(--text-opacity));
}
/* CARD OPTION */

.card-option {
	background: hsla(var(--light),var(--bg-opacity));
}
.card-option:hover {
	background: hsla(var(--alt),var(--bg-opacity));
}
.card-option a.card-body {
	color: hsla(var(--dark),var(--text-opacity-full));
}
.card-option a.card-body .card-title {
	color: hsla(var(--alt),var(--text-opacity-full));
}
.card-option:hover a.card-body {
	color: hsla(var(--main),var(--text-opacity-full));
}
.card-option:hover a.card-body .card-title {
	color: hsla(var(--main-highlight),var(--text-opacity-full));
}

.page-login .action-links a {
	color: hsla(var(--gray),var(--text-opacity-half));
}
.page-login .action-links a:hover {
	color: hsla(var(--dark),var(--text-opacity-full));
}

.nf-card,
.nf-card:hover {
	box-sizing: border-box;
	border: 2px solid transparent;
	border-color: hsla(var(--alt),var(--text-opacity-full));
}

.nf-card-main {
	background: hsla(var(--main),var(--bg-opacity));
	color: hsla(var(--alt),var(--text-opacity-half));
}
.nf-card-main:hover {
	background: hsla(var(--light),var(--bg-opacity));
}
.nf-card-info-inner {
	background: hsla(var(--gray),var(--bg-opacity-min));
}


.wc-block-components-button,
.woocommerce button.button.alt,
.woocommerce ul.products li.product .button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	color: hsla(var(--alt),var(--text-opacity));
}
.wc-block-components-button:hover,
.woocommerce button.button.alt:hover,
.woocommerce ul.products li.product .button:hover,
.wc-block-grid__product-add-to-cart.wp-block-button:hover .wp-block-button__link {
	color: hsla(var(--main-highlight),var(--text-opacity));
	background: hsla(var(--alt),var(--bg-opacity));
}
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price {
	color: hsla(var(--alt),var(--text-opacity));
}
.woocommerce .quantity .qty,
.wc-block-components-quantity-selector,
.wc-block-components-text-input input[type='text'],
.wc-block-components-text-input input[type='email'],
.wc-block-components-text-input input[type='password'],
.wc-block-components-text-input input[type='date'],
.wc-block-components-text-input input[type='time'],
.wc-block-components-text-input input[type='datetime-local'],
.wc-block-components-text-input input[type='month'],
.wc-block-components-text-input input[type='week'],
.wc-block-components-text-input input[type='tel'] {
	box-sizing: border-box;
	border: 2px solid transparent !important;
	border-color: hsla(var(--alt),var(--text-opacity-full)) !important;
	background: hsla(var(--main),var(--bg-opacity)) !important;
	color: hsla(var(--alt),var(--text-opacity-half)) !important;
}
/*.wc-block-components-quantity-selector__input:focus,
.wc-block-components-quantity-selector__input:focus-visible,
.wc-block-components-quantity-selector__button:focus,
.wc-block-components-quantity-selector__button:focus-visible {
	box-shadow: none;
}*/
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
	box-shadow: none !important;
}
.form-group .container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	box-shadow: var(--inner-shadow-idle);
	min-height: 2rem;
	line-height: var(--h1-line-height);
	box-sizing: border-box;
	padding: 0.2rem;
	transition: color 0.3s, box-shadow 0.3s, border-color 0.3s, background 0.3s;
	width: 100%;
	border-radius: var(--corner);
	font-family: var(--title-font);
	letter-spacing: var(--title-spacing);
	color: hsla(var(--alt),var(--text-opacity));
	border: 2px solid transparent;
	border-color: hsla(var(--alt), var(--border-opacity));
	background: hsla(var(--main),var(--bg-opacity));
	text-transform: uppercase;
	font-size: var(--h4-font-size);
}
.form-group .container iframe {
	height: calc(2.6rem + 4px);
}

/* WOOCOMMERCE ######################################################## */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	color: hsla(var(--alt),var(--text-opacity));
	background: hsla(var(--main-highlight), 0.8);
	display: flex;
	flex-flow: row nowrap;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
	color: hsla(var(--alt),var(--text-opacity));
	border-color: hsla(var(--black),0.6);
}
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover {
	background: transparent;
	background: hsla(var(--alt-front),0);
	opacity: 1;
	color: hsla(var(--alt),var(--text-opacity));
	border-color: hsla(var(--black),1);
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
	color: hsla(var(--alt),var(--text-opacity));
	margin-right: 0.5rem;
}
.woocommerce span.onsale {
	background: hsla(var(--main-highlight),1);
	color: hsla(var(--alt),var(--text-opacity));
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wc-block-grid__product-price {
	color: hsla(var(--alt),var(--text-opacity)) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	color: hsla(var(--alt),var(--text-opacity));
	background: hsla(var(--main-highlight),var(--bg-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
	background-color: hsla(var(--alt),1);
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
	color: hsla(var(--alt),var(--text-opacity));
	background: hsla(var(--main-highlight),var(--bg-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
	background-color: hsla(var(--alt),1);
	color: hsla(var(--main-highlight),var(--text-opacity));
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover {
	background-color: hsla(var(--alt),1);
	color: hsla(var(--main-highlight),var(--text-opacity));
}
@media all and (max-width: 720px) {
	.header-logo {
		width: 40% !important;
	}
}
@media all and (max-width: 540px) {
	.header-logo {
		width: 70% !important;
	}
}
/* CASHBREQUE & FAISCA — landing page. Scoped to preserve other campaign pages. */
.cashbreque-landing {
	width: 100%;
	--cb-red: #d9231c;
	--cb-ink: #171717;
	--cb-paper: #f5f3ef;
	display: block;
	padding-top: 0;
	background: var(--cb-paper);
	color: var(--cb-ink);
	font-size: 15px;
	line-height: 1.65;
}
.cashbreque-landing *,
.cashbreque-landing *::before,
.cashbreque-landing *::after {
	box-sizing: border-box;
}
.cashbreque-landing main { width: 100%; }
.cashbreque-landing [id] { scroll-margin-top: 100px; }
.cashbreque-landing a:focus-visible,
.cashbreque-landing summary:focus-visible {
	outline: 3px solid #e36d1c;
	outline-offset: 5px;
}
.cashbreque-landing .page-limit {
	max-width: 1280px;
	padding: 0 40px;
}
.cashbreque-landing .cb-skip-link {
	position: fixed;
	top: -100px;
	left: 20px;
	z-index: 200;
	padding: 12px 20px;
	background: #fff;
	color: var(--cb-ink);
}
.cashbreque-landing .cb-skip-link:focus { top: 12px; }
.cashbreque-landing .cb-header {
	position: sticky;
	top: 0;
	height: 80px;
	z-index: 100;
	background: #171717;
	border-bottom: 1px solid #383532;
	box-shadow: none;
}
.cashbreque-landing .cb-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	height: 100%;
}
.cashbreque-landing .cb-header .header-logo {
	position: static;
	flex: 0 1 285px;
	width: 285px !important;
	max-width: none;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0;
}
.cashbreque-landing .header-logo img { display: block; height: auto; }
.cashbreque-landing .cb-desktop-nav { display: flex; gap: 30px; margin-left: auto; }
.cashbreque-landing .cb-desktop-nav a,
.cashbreque-landing .cb-login { font-size: 13px; font-weight: bold; color: #fff; }
.cashbreque-landing .cb-desktop-nav a { padding: 15px 0; }
.cashbreque-landing .cb-desktop-nav a:hover,
.cashbreque-landing .cb-text-link:hover { color: var(--cb-red); }
.cashbreque-landing .cb-login {
	display: inline-flex;
	align-items: center;
	gap: 24px;
	padding: 10px 20px;
	border: 1px solid #77716b;
	border-radius: 3px;
	white-space: nowrap;
}
.cashbreque-landing .cb-login:hover { border-color: var(--cb-red); color: var(--cb-red); }
.cashbreque-landing .cb-mobile-menu { display: none; }
.cashbreque-landing .cb-hero {
	min-height: 0;
	background: #f5f3ef;
	isolation: isolate;
}
.cashbreque-landing .cb-hero::before {
	content: '';
	position: absolute;
	inset: 0 0 0 38%;
	z-index: -1;
	background: linear-gradient(90deg, #f5f3ef 0%, rgba(245,243,239,.2) 48%), url('../layout/bg-1.jpg') center 58% / cover no-repeat;
	opacity: .72;
}
.cashbreque-landing .cb-hero::after { display: none; }
.cashbreque-landing .cb-hero-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	align-items: center;
	padding-top: 48px;
	padding-bottom: 48px;
	z-index: 1;
}
.cashbreque-landing .cb-hero-copy { width: 100%; }
.cashbreque-landing .cb-eyebrow {
	margin: 0 0 20px;
	font-family: var(--plain-font);
	font-size: 11px;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}
.cashbreque-landing .cb-status-dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 7px 1px 0;
	border-radius: 50%;
	background: var(--cb-red);
}
.cashbreque-landing .cb-campaign-logo {
	display: block;
	width: min(100%, 480px);
	height: auto;
	margin: 0 0 28px;
}
.cashbreque-landing h1,
.cashbreque-landing .promo-title,
.cashbreque-landing .cb-final h2 {
	font-family: var(--title-font);
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -.5px;
	line-height: 1.05;
	text-shadow: none;
	color: inherit;
	padding: 0;
}
.cashbreque-landing h1 { font-size: clamp(45px, 4.7vw, 66px); margin: 0 0 22px; }
.cashbreque-landing h1 > span,
.cashbreque-landing .cb-products .promo-title > span,
.cashbreque-landing .cb-faq .promo-title > span { color: var(--cb-red); }
.cashbreque-landing .cb-hero-description { max-width: 440px; font-size: 15px; color: #4e4b48; }
.cashbreque-landing .cb-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding: 0; margin: 28px 0 20px; }
.cashbreque-landing .cb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	min-height: 52px;
	padding: 16px 26px;
	border: 1px solid transparent;
	border-radius: 3px;
	background: var(--cb-red);
	color: #fff;
	font-family: var(--plain-font);
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0;
	text-shadow: none;
	box-shadow: none;
	transition: background .2s, transform .2s;
}
.cashbreque-landing .cb-button:hover { background: #ae1c16; color: #fff; transform: translateY(-2px); }
.cashbreque-landing .cb-button > span,
.cashbreque-landing .cb-text-link > span { font-size: 20px; line-height: 1; }
.cashbreque-landing .cb-text-link { display: inline-flex; align-items: center; gap: 16px; color: var(--cb-ink); font-size: 12px; font-weight: bold; }
.cashbreque-landing .cb-hero-period { font-size: 11px; line-height: 1.7; color: #66615b; }
.cashbreque-landing .cb-hero-visual { position: relative; width: 100%; padding-top: 26px; }
.cashbreque-landing .cb-hero-visual .cb-packshot { display: block; width: 100%; height: auto; filter: drop-shadow(0 18px 18px rgba(43,26,17,.12)); }
.cashbreque-landing .cb-cashback-stamp {
	position: absolute;
	top: 3%;
	right: -4px;
	z-index: 2;
	padding: 13px 24px;
	transform: rotate(7deg);
	background: var(--cb-red);
	color: #fff;
	box-shadow: 5px 5px 0 rgba(217,35,28,.14);
}
.cashbreque-landing .cb-cashback-stamp span { display: block; font-size: 10px; font-weight: bold; }
.cashbreque-landing .cb-cashback-stamp strong { display: block; font-family: var(--title-font); font-size: 36px; line-height: 1.1; text-transform: uppercase; }
.cashbreque-landing .cb-visual-caption { text-align: center; font-size: 10px; font-weight: bold; letter-spacing: .4px; }
.cashbreque-landing .cb-visual-caption > span { margin-right: 10px; font-size: 19px; color: var(--cb-red); font-weight: bold; }
.cashbreque-landing .cb-benefits { position: relative; z-index: 3; background: var(--cb-red); color: #fff; }
.cashbreque-landing .cb-benefits-inner { display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 24px; padding-bottom: 24px; }
.cashbreque-landing .cb-benefits p { display: flex; align-items: center; gap: 18px; font-size: 11px; line-height: 1.6; padding: 0 24px; border-left: 1px solid rgba(255,255,255,.3); }
.cashbreque-landing .cb-benefits p:first-child { padding-left: 0; border-left: 0; }
.cashbreque-landing .cb-benefits strong { display: block; font-family: var(--title-font); font-size: 24px; line-height: 1.3; text-transform: uppercase; }
.cashbreque-landing .cb-benefit-icon { font-size: 34px; font-weight: normal; line-height: 1; }
.cashbreque-landing .page-parallax-space { padding: 88px 0; }
.cashbreque-landing .promo-title { font-size: clamp(36px, 3.7vw, 50px); }
.cashbreque-landing .cb-how { background: #141414 url('../layout/bg-2.jpg') center / cover no-repeat; color: #fff; }
.cashbreque-landing .cb-how .cb-eyebrow { color: #ff8178; }
.cashbreque-landing .cb-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.cashbreque-landing .cb-section-heading > p { color: #c5c5c5; font-size: 14px; padding-bottom: 3px; }
.cashbreque-landing .cb-how .promo-title > span { color: #d2d0cc; }
.cashbreque-landing .cb-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; list-style: none; margin: 48px 0 38px; padding: 0; }
.cashbreque-landing .cb-steps li { border-top: 1px solid #575350; padding-top: 20px; }
.cashbreque-landing .cb-step-number { display: block; margin-bottom: 20px; font-family: var(--title-font); font-size: 56px; font-weight: bold; line-height: 1; color: #ff655c; }
.cashbreque-landing .cb-steps h3 { margin-bottom: 12px; font-family: var(--title-font); font-size: 28px; line-height: 1.1; text-transform: uppercase; font-weight: bold; }
.cashbreque-landing .cb-steps p { font-size: 13px; line-height: 1.8; color: #c5c5c5; }
.cashbreque-landing .cb-steps a { display: inline-block; margin-top: 18px; color: #fff; font-size: 11px; font-weight: bold; border-bottom: 1px solid #8b4943; padding-bottom: 3px; }
.cashbreque-landing .cb-steps a:hover { color: #ff8178; }
.cashbreque-landing .cb-how-note { padding-top: 22px; border-top: 1px solid #444; color: #bfbdbb; font-size: 11px; }
.cashbreque-landing .cb-how-note a { color: #fff; margin-left: 10px; text-decoration: underline; text-underline-offset: 4px; }
.cashbreque-landing .cb-products { background: var(--cb-paper); }
.cashbreque-landing .cb-products-inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: center; z-index: 1; }
.cashbreque-landing .cb-products-heading > p:not(.cb-eyebrow) { max-width: 320px; margin: 24px 0; color: #5c5752; font-size: 14px; }
.cashbreque-landing .cb-product-list { border-top: 3px solid var(--cb-ink); }
.cashbreque-landing .cb-product { display: grid; grid-template-columns: 1fr auto; column-gap: 24px; padding: 28px 0; border-bottom: 1px solid #d4d0c9; }
.cashbreque-landing .cb-product-top { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; gap: 16px; }
.cashbreque-landing .cb-product-category { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: bold; color: #6a625b; }
.cashbreque-landing .cb-brand-name { font-family: Arial, sans-serif; font-weight: 900; font-size: 20px; letter-spacing: -1px; }
.cashbreque-landing .cb-brand-name > span { font-size: 9px; vertical-align: top; letter-spacing: 0; margin-left: 1px; }
.cashbreque-landing .cb-brand-champion { font-family: var(--title-font); font-size: 24px; letter-spacing: -.5px; }
.cashbreque-landing .cb-product h3 { font-family: var(--title-font); font-size: 32px; line-height: 1.1; font-weight: bold; text-transform: uppercase; }
.cashbreque-landing .cb-product > p:not(.cb-product-reward) { grid-column: 1; margin-top: 12px; max-width: 310px; font-size: 13px; color: #605a54; }
.cashbreque-landing .cb-product-reward { grid-column: 2; grid-row: 2 / 4; align-self: center; border-left: 1px solid #d4d0c9; padding-left: 24px; }
.cashbreque-landing .cb-product-reward strong { display: block; color: var(--cb-red); font-family: var(--title-font); font-size: 58px; line-height: 1.1; white-space: nowrap; }
.cashbreque-landing .cb-product-reward small,
.cashbreque-landing .cb-product-reward strong > span { font-size: 26px; }
.cashbreque-landing .cb-product-reward > span { display: block; font-size: 10px; line-height: 1.6; color: #625b54; }
.cashbreque-landing .cb-product-note { margin-top: 16px; font-size: 10px; color: #6a625b; }
.cashbreque-landing .cb-faq { background: #fff; border-top: 1px solid #e7e3dd; }
.cashbreque-landing .cb-faq-inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; }
.cashbreque-landing .cb-faq .promo-title + p { margin-top: 22px; color: #605a54; font-size: 14px; }
.cashbreque-landing .cb-questions { border-top: 1px solid #d4d0c9; }
.cashbreque-landing .cb-questions details { border-bottom: 1px solid #d4d0c9; }
.cashbreque-landing .cb-questions summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; font-weight: bold; font-size: 14px; line-height: 1.5; cursor: pointer; list-style: none; }
.cashbreque-landing summary::-webkit-details-marker { display: none; }
.cashbreque-landing .cb-questions summary::after { content: '+'; flex-shrink: 0; color: var(--cb-red); font-size: 24px; font-weight: normal; line-height: 1; }
.cashbreque-landing .cb-questions details[open] > summary::after { content: '−'; }
.cashbreque-landing .cb-questions summary:hover { color: var(--cb-red); }
.cashbreque-landing .cb-questions details > p,
.cashbreque-landing .cb-rules { padding: 0 32px 22px 0; color: #605a54; font-size: 13px; line-height: 1.8; }
.cashbreque-landing .cb-rules ul { padding-left: 20px; margin: 12px 0; }
.cashbreque-landing .cb-rules li { margin: 6px 0; }
.cashbreque-landing .cb-final { position: relative; overflow: hidden; padding: 54px 0; background: var(--cb-red); color: #fff; }
.cashbreque-landing .cb-final::before { content: ''; position: absolute; top: -100px; bottom: -100px; right: 33%; width: 100px; transform: skewX(-24deg); border-left: 1px solid rgba(255,255,255,.15); border-right: 28px solid rgba(255,255,255,.06); pointer-events: none; }
.cashbreque-landing .cb-final-inner { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.cashbreque-landing .cb-final .cb-eyebrow { margin-bottom: 12px; }
.cashbreque-landing .cb-final h2 { font-size: clamp(34px, 3.5vw, 48px); }
.cashbreque-landing .cb-button-light { background: #fff; color: var(--cb-ink); }
.cashbreque-landing .cb-button-light:hover { background: #171717; color: #fff; }
.cashbreque-landing .cb-final .cb-button + p { margin-top: 12px; font-size: 11px; }
.cashbreque-landing .cb-final p > a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.cashbreque-landing .cb-footer { padding: 32px 0; background: #171717; color: #fff; border: 0; }
.cashbreque-landing .cb-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.cashbreque-landing .cb-footer .footer-column { display: flex; flex-wrap: nowrap; align-items: center; gap: 24px; width: auto; padding: 0; }
.cashbreque-landing .cb-footer .footer-logo { display: block; flex-shrink: 0; width: 94px; height: auto; margin: 0; }
.cashbreque-landing .cb-footer p { font-size: 12px; }
.cashbreque-landing .cb-footer p > span { color: #b7b7b7; font-size: 10px; }
.cashbreque-landing .cb-footer nav { display: flex; gap: 24px; }
.cashbreque-landing .cb-footer nav a { color: #d0d0d0; font-size: 10px; }
.cashbreque-landing .cb-footer nav a:hover { color: #ff8178; }
@media (min-width: 1600px) {
	.cashbreque-landing .cb-hero-inner { padding-top: 64px; padding-bottom: 64px; }
}
@media (max-width: 1050px) {
	.cashbreque-landing .page-limit { padding-left: 28px; padding-right: 28px; }
	.cashbreque-landing .cb-header-inner { gap: 24px; }
	.cashbreque-landing .cb-header .header-logo { flex-basis: 240px; }
	.cashbreque-landing .cb-desktop-nav { gap: 20px; }
	.cashbreque-landing .cb-products-inner,
	.cashbreque-landing .cb-faq-inner { gap: 40px; grid-template-columns: .8fr 1.2fr; }
	.cashbreque-landing .cb-product { column-gap: 16px; }
	.cashbreque-landing .cb-product-reward { padding-left: 16px; }
	.cashbreque-landing .cb-benefits p { padding: 0 16px; gap: 12px; }
	.cashbreque-landing .cb-benefits strong { font-size: 22px; }
	.cashbreque-landing .cb-steps { gap: 24px; }
	.cashbreque-landing .cb-footer-inner { flex-wrap: wrap; }
}
@media (max-width: 800px) {
	.cashbreque-landing .cb-header { height: 70px; }
	.cashbreque-landing .cb-desktop-nav { display: none; }
	.cashbreque-landing .cb-login { margin-left: auto; }
	.cashbreque-landing .cb-mobile-menu { display: block; }
	.cashbreque-landing .cb-mobile-menu summary { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 10px; cursor: pointer; list-style: none; }
	.cashbreque-landing .cb-mobile-menu summary span { display: block; height: 2px; background: #fff; }
	.cashbreque-landing .cb-mobile-menu nav { position: absolute; top: 100%; left: 0; width: 100%; padding: 18px 28px; border-bottom: 3px solid var(--cb-red); box-shadow: 0 10px 18px rgba(0,0,0,.12); background: #fff; }
	.cashbreque-landing .cb-mobile-menu nav a { display: block; padding: 12px 0; color: var(--cb-ink); font-size: 14px; }
	.cashbreque-landing .cb-hero-inner { gap: 4px; padding-top: 36px; padding-bottom: 36px; }
	.cashbreque-landing h1 { font-size: 44px; }
	.cashbreque-landing .cb-hero-description { font-size: 13px; }
	.cashbreque-landing .cb-eyebrow { font-size: 10px; letter-spacing: 1.3px; }
	.cashbreque-landing .cb-cashback-stamp { right: 0; padding: 10px 15px; }
	.cashbreque-landing .cb-cashback-stamp strong { font-size: 28px; }
	.cashbreque-landing .cb-visual-caption { font-size: 9px; }
	.cashbreque-landing .cb-benefits-inner { gap: 16px; }
	.cashbreque-landing .cb-benefits p { display: block; padding: 0 0 0 16px; font-size: 10px; }
	.cashbreque-landing .cb-benefit-icon { display: none; }
	.cashbreque-landing .cb-benefits strong { font-size: 22px; }
	.cashbreque-landing .page-parallax-space { padding: 64px 0; }
	.cashbreque-landing .cb-section-heading { display: block; }
	.cashbreque-landing .cb-section-heading > p { margin-top: 22px; }
	.cashbreque-landing .cb-steps { grid-template-columns: repeat(2, 1fr); row-gap: 36px; }
	.cashbreque-landing .cb-products-inner,
	.cashbreque-landing .cb-faq-inner { grid-template-columns: 1fr; gap: 36px; }
	.cashbreque-landing .cb-products-heading > p:not(.cb-eyebrow) { max-width: 100%; }
	.cashbreque-landing .cb-product { grid-template-columns: 1fr 160px; }
	.cashbreque-landing .cb-product > p:not(.cb-product-reward) { max-width: 100%; }
	.cashbreque-landing .cb-final-inner { flex-wrap: wrap; }
}
@media (max-width: 560px) {
	body.cashbreque-landing { padding-top: 0; }
	.cashbreque-landing .page-limit { padding-left: 22px; padding-right: 22px; }
	.cashbreque-landing .cb-header-inner { gap: 14px; }
	.cashbreque-landing .cb-header .header-logo { flex-basis: 245px; max-width: calc(100% - 58px); }
	.cashbreque-landing .cb-login { display: none; }
	.cashbreque-landing .cb-mobile-menu { margin-left: auto; }
	.cashbreque-landing .cb-hero-inner { grid-template-columns: 1fr; gap: 12px; padding-top: 30px; padding-bottom: 26px; }
	.cashbreque-landing .cb-hero::before { inset: 44% 0 0; background-image: linear-gradient(#f5f3ef 0%, rgba(245,243,239,.15) 50%, #f5f3ef 100%), url('../layout/bg-1.jpg'); }
	.cashbreque-landing .cb-hero-copy { max-width: 440px; margin: 0 auto; }
	.cashbreque-landing .cb-hero-copy .cb-eyebrow { margin-bottom: 18px; }
	.cashbreque-landing .cb-campaign-logo { width: 92%; margin-bottom: 24px; }
	.cashbreque-landing h1 { font-size: clamp(39px, 10.7vw, 58px); margin-bottom: 18px; }
	.cashbreque-landing .cb-hero-description { font-size: 14px; }
	.cashbreque-landing .cb-actions { gap: 18px; margin: 24px 0 18px; }
	.cashbreque-landing .cb-button { font-size: 13px; padding: 16px 20px; gap: 24px; }
	.cashbreque-landing .cb-text-link { font-size: 11px; gap: 10px; }
	.cashbreque-landing .cb-hero-period { font-size: 10px; }
	.cashbreque-landing .cb-hero-visual { max-width: 370px; margin: 0 auto; padding-top: 18px; }
	.cashbreque-landing .cb-cashback-stamp { top: 6%; right: 4px; }
	.cashbreque-landing .cb-benefits-inner { grid-template-columns: 1fr; gap: 0; padding-top: 8px; padding-bottom: 8px; }
	.cashbreque-landing .cb-benefits p { display: flex; padding: 16px 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.25); gap: 22px; font-size: 11px; }
	.cashbreque-landing .cb-benefits p:first-child { border-top: 0; }
	.cashbreque-landing .cb-benefit-icon { display: block; width: 24px; font-size: 28px; }
	.cashbreque-landing .cb-benefits strong { font-size: 24px; }
	.cashbreque-landing .page-parallax-space { padding: 52px 0; }
	.cashbreque-landing .promo-title { font-size: 37px; }
	.cashbreque-landing .cb-steps { margin: 32px 0; gap: 28px 20px; }
	.cashbreque-landing .cb-step-number { font-size: 46px; margin-bottom: 16px; }
	.cashbreque-landing .cb-steps h3 { font-size: 25px; }
	.cashbreque-landing .cb-steps p { font-size: 12px; }
	.cashbreque-landing .cb-steps a { font-size: 10px; }
	.cashbreque-landing .cb-how-note a { display: inline-block; margin: 8px 0 0; }
	.cashbreque-landing .cb-product { grid-template-columns: 1fr 118px; column-gap: 16px; }
	.cashbreque-landing .cb-product h3 { font-size: 27px; }
	.cashbreque-landing .cb-product > p:not(.cb-product-reward) { font-size: 12px; }
	.cashbreque-landing .cb-product-reward strong { font-size: 46px; }
	.cashbreque-landing .cb-product-reward small,
	.cashbreque-landing .cb-product-reward strong > span { font-size: 21px; }
	.cashbreque-landing .cb-product-reward > span { font-size: 9px; }
	.cashbreque-landing .cb-product-category { font-size: 9px; }
	.cashbreque-landing .cb-questions summary { font-size: 13px; padding: 19px 0; }
	.cashbreque-landing .cb-final { padding: 42px 0; }
	.cashbreque-landing .cb-final h2 { font-size: 36px; }
	.cashbreque-landing .cb-footer .footer-column { gap: 18px; }
	.cashbreque-landing .cb-footer .footer-logo { width: 74px; }
	.cashbreque-landing .cb-footer nav { flex-wrap: wrap; gap: 14px 22px; }
}
@media (prefers-reduced-motion: reduce) {
	.cashbreque-landing *,
	.cashbreque-landing *::before,
	.cashbreque-landing *::after { transition: none !important; animation: none !important; }
	.cashbreque-landing .cb-button:hover { transform: none; }
}