@import 'parent_override.css';
@import 'parts/titles.css';
@import 'parts/buttons.css';
@import 'parts/header.css';
@import 'parts/homepage.css';
@import 'parts/macroaree.css';
@import 'parts/products.css';
@import 'parts/cart.css';
@import 'parts/contact.css';
@import 'parts/footer.css';
@import 'parts/landing.css';

:root {
	--black: #2c2c2c;
	--green: #96bc24;
	--green-600: #759719;
	--brown: #4d4d4d;
	--orange: var(--green);
	--blue: #4d4d4d;
	--light-gray: #f3f3f3;
	--gray: #646464;
	--darker-gray: #707070;
	--dark-gray: #4d4d4d;
	--white: #ffffff;
	--error: #db3e1f;
	--menu-color: var(--white);
	--max-width: 1500px;
	--small-width: 1200px;
	--border-radius: 1rem;
	--border-radius-xsmall: 4px;
	--border-radius-small: 0.5rem;
	--border-radius-large: 2rem;
}

html {
	scroll-padding-top: 3rem;
}

body {
	font-size: 16px;
	accent-color: var(--green);
}

html body .grwf2_backdrop {
	display: none;
}

p {
	font-size: 1.1875rem; /* 19px */
}

.d-flex {
	display: flex;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-between {
	justify-content: space-between;
}
.align-items-center {
	align-items: center;
}
.flex-column {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}

.gap-1 {
	gap: 0.25rem;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-3 {
	gap: 1rem;
}

.m-1 {
	margin: 0.25rem;
}
.m-2 {
	margin: 0.5rem;
}
.m-3 {
	margin: 1rem;
}

.p-1 {
	padding: 0.25rem;
}
.p-2 {
	padding: 0.5rem;
}
.p-3 {
	padding: 1rem;
}

.w-100 {
	width: 100%;
}
.h-100 {
	height: 100%;
}

.text-primary,
.green {
	color: var(--green) !important;
}

.brown {
	color: var(--brown);
}

.orange {
	color: var(--orange);
}

.uppercase {
	text-transform: uppercase;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.no-transformation {
	text-transform: none;
}

.mx-auto {
	margin-inline: auto !important;
}

.mb30 {
	margin-bottom: 30px;
}
.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}
.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.arrow-right {
	position: relative;
}

img {
	pointer-events: none !important;
	max-width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	select,
	textarea,
	input {
		font-size: 16px;
	}
}

.arrow-right:after {
	content: '\e900';
	position: relative;
	margin-left: 15px;
	font-family: 'c_icons';
	font-weight: 100;
	font-size: 50px;
}

.container-fluid {
	max-width: calc(var(--max-width) + 180px) !important;
}

.add-to-links .compare,
#_desktop_compare {
	display: none !important;
}

.desc_slideshow h2 {
	text-transform: none;
	color: var(--brown);
	font-weight: 800;
}

#main #pos_search_top {
	display: block;
	float: unset;
	width: 100%;
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	z-index: 1;
	margin: 0;
	min-width: unset;
}

#main #_desktop_search_category {
	float: unset;
	height: fit-content;
	margin-bottom: 50px;
}

#main #_desktop_search_category * {
	float: unset;
}

#main #_desktop_search_category .search_submit {
	background: var(--green);
}

#pos_search_top .form_search .search_submit {
	color: var(--menu-color);
}

#main
	#_desktop_search_category
	#pos_search_top
	.form_search.show-categories
	.form-control {
	border-color: var(--green);
	font-size: 1.2em;
}

.macroaree {
	margin: 0 0 75px 0;
}

.macrotitle {
	padding: 5px 15px;
	background: var(--brown);
	transition: 0.5s ease;

	.h2 {
		color: white;
		font-size: 2rem;
		margin: 0;
		line-height: 1;
		letter-spacing: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: flex;
		flex-flow: wrap row;
		justify-content: space-between;
		align-items: center;
		span {
			display: flex;
			flex-flow: nowrap row;
			justify-content: flex-start;
			align-items: center;
			overflow: hidden;
			text-overflow: ellipsis;
			flex: 1;
			white-space: nowrap;
			img {
				height: 60px;
				margin: 0;
				margin-right: 10px;
			}
		}
	}
}

.macroarea:hover .macrotitle {
	background: var(--green);
}

.featured_link {
	display: flex;
	flex-flow: wrap column;
	justify-content: flex-start;
	align-items: flex-start;
	justify-items: flex-start;
	padding: 15px 40px;
	background: #eff6e4;
	border-bottom: 4px solid #8dc040;
	position: relative;
	min-height: 170px;
	overflow: hidden;
	margin-bottom: 20px;
}

.featured_parent {
	width: 100%;
	display: block;
	color: var(--green);
	text-transform: uppercase;
	font-size: 1em;
	line-height: normal;
	margin: 0;
}

.featured_name {
	width: 100%;
	display: block;
	color: var(--brown);
	text-transform: unset;
	font-size: 1.5em;
	line-height: normal;
	margin: 0;
}

.featured_link {
	* {
		z-index: 1;
	}
	img {
		position: absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		max-width: 80%;
		max-height: 100%;
		margin: 0;
		width: auto;
		height: auto;
		transition: 0.5s ease;
		z-index: 0;
	}
	&:hover .btn-green {
		color: var(--green);
		background: white;
		border: 1px solid var(--green);
	}
	&:hover img {
		transform: translatey(-50%) scale(1.1);
	}
}

.bg-mountains {
	background-repeat: no-repeat;
	background-size: 120vw;
	@media (width<1000px) {
		background-size: 200vw;
	}
	@media (width<800px) {
		background-size: 250vw;
		.b2b-home-categorie-intro {
			padding-top: 20vw;
		}
	}
}

.countdown-amount {
	color: var(--green);
}

.title_countdown {
	margin-right: 10px;
	font-size: 1.3em;
	width: fit-content;
	display: block;
	max-width: unset;
	color: var(--blue);
	font-weight: 500;
}

.is-countdown,
.countdown-amount {
	color: var(--green) !important;
	font-weight: 700;
}

.countdown-period {
	color: var(--blue) !important;
	font-weight: 500;
}

.product-flag .new,
.product-flag .on-sale,
.product-flag .pack {
	border-radius: var(--border-radius-large);
	padding: 0px 7px;
	font-weight: 500;
}

.static_cms .box_cms .txt_cms h2 {
	color: var(--brown);
	font-size: 1.5em;
	line-height: normal;
}

.static_cms .box_cms .txt_cms p {
	color: var(--brown);
	font-size: 1.1em;
	line-height: normal;
}

.info #_desktop_search_category #pos_search_top {
	display: block;
	float: unset;
	width: 100%;
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	z-index: 1;
	margin: 0;
	min-width: unset;
}

.info #_desktop_search_category {
	width: 100%;
	margin-top: 40px;
}

.info #_desktop_search_category .form_search.show-categories .form-control {
	border-color: var(--green);
	font-size: 1.2em;
}

.info #_desktop_search_category .search_submit,
.info #_desktop_search_category .search_submit:hover,
.info #_desktop_search_category .search_submit:active,
.info #_desktop_search_category .search_submit:focus {
	background: var(--green);
}

@media screen and (max-width: 767px) {
	.macroarea {
		margin: 0 auto 20px;
		width: fit-content;
	}

	/* .macrotitle,
    .macrolink:hover .macrotitle {
        background: transparent;
    } */

	/* .macrotitle .h2 {
        color: var(--brown);
        text-align: center;
        margin-bottom: 10px;
    } */

	/* .macrotitle .h2.arrow-right:after {
        display: none;
    } */

	.macrotitle .btn {
		width: fit-content;
		margin: 0 auto;
		display: flex;
		font-weight: bold;
	}

	.macrotitle .h2 span {
		display: unset;
	}

	.featured_categories {
		margin: 30px 0;
	}

	.nivoSlider .nivo-main-image {
		position: absolute !important;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 100% !important;
		width: auto !important;
		max-width: unset;
	}

	#pos-slideshow-home {
		min-height: 450px;
	}

	.desc_slideshow .readmore {
		font-size: 1.2em;
		display: flex;
		width: fit-content;
		margin: 20px auto 0;
		padding: 5px 15px;
		flex-flow: wrap row;
		justify-content: center;
		align-items: center;
		line-height: normal;
		height: fit-content;
		border-radius: var(--border-radius-large);
	}

	.desc_slideshow h2 {
		font-size: 2.3em;
	}

	#wrapper .section-title {
		font-size: 2.3em;
		line-height: 1;
		margin-bottom: 20px;
	}

	.section-subtitle {
		font-size: 1.7em;
		line-height: 1;
	}

	.pos_new_product .js-product-miniature {
		min-height: 306px !important;
	}
}

@media screen and (max-width: 576px) {
	.pos_new_product .js-product-miniature {
		width: calc(50% - 5px);
		float: left;
	}

	.pos_new_product .js-product-miniature:nth-of-type(2n - 1) {
		margin-right: 10px;
	}

	#wrapper .section-title {
		margin-bottom: 0;
	}

	.home_banner span {
		text-align: center;
		width: 100%;
		display: block;
		font-size: 2em;
	}

	.home_banner .h2 {
		text-align: center;
		font-size: 2.4em;
	}

	.home_banner .btn {
		margin: 50px auto;
	}

	.home_banner .col-xs-12 {
		height: 300px;
	}
}

/** END HOME */

/*
-- //MARK: Categories
*/

body:not(#index):has(.breadcrumb_container) #wrapper {
	padding-top: 4rem; /* da ridurre a 2 con testata img corretta */
}
body.page-cart:not(#index):has(.breadcrumb_container) #wrapper {
	/*padding-top: 0;*/
}

@media (width: <=575px) {
	#wrapper {
		padding-top: 0 !important;
	}
}

body.page-category {
	#wrapper {
		padding-top: 0 !important;
	}
	.breadcrumb_container {
		&::after {
			height: max(100px, 12vh);
		}
	}
}

.breadcrumb_container {
	height: 350px;
	background-position: center;
	background-size: cover;
	background-color: #00000057;
	background-blend-mode: overlay;
	display: flex;
	flex-flow: wrap row;
	justify-content: center;
	align-items: center;
	padding: 0;
	@media (width>1400px) {
		.container > div.name_category {
			margin-top: -4rem;
		}
	}
	&.normal {
		height: fit-content;
		padding: 50px 0 0;
		background: transparent;
		border: none;
	}
}

.macrocat_subcategories {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	margin-bottom: 50px;
	.featured_link {
		margin: 0;
	}
}

.custom-reassurance {
	float: left;
}

.static_cms .box_cms {
	align-items: center;
	img {
		width: auto;
		margin-right: 30px;
	}
}

.bootstrap-touchspin {
	width: 90px;
}

.selector-block {
	padding: 0 0 0 20px;
}

.selector-block:before {
	display: none;
}

#sorry {
	display: flex;
	flex-flow: wrap row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 20px;
	background-color: #96bc2480;
	border-radius: var(--border-radius-small);
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 80px;
	user-select: none;
}

@media screen and (max-width: 575px) {
	.active.animale ~ .clear-animali-filters {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 991px) {
	#_desktop_wishtlist,
	#_desktop_user_info {
		display: none;
	}

	#header .header-nav #_desktop_contact_link {
		text-align: center;
		justify-content: center;
	}
}

.static_cms .col-sm-6 {
	min-height: 126px;
	display: flex;
	flex-flow: wrap row;
	justify-content: flex-start;
	align-items: center;
}

.product-features > dl.data-sheet dd.value,
.product-features > dl.data-sheet dt.name {
	text-transform: unset;
}

.custom_filter_sub {
	padding-left: 20px;
}

.expand_sub {
	position: absolute;
	right: 0;
	top: 0;
	height: 22px;
	width: 30px;
	display: flex;
	flex-flow: wrap row;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	cursor: pointer;
}

.facet-label {
	position: relative;
}

@media screen and (max-width: 767px) {
	.custom_filter-main {
		padding: 10px;
	}
}

.cantbuy {
	padding: 20px;
	background: #e84f1bb0;
	font-size: 1.6em;
	line-height: normal;
	font-weight: 500;
	color: white;
	text-align: center;
	border-radius: 10px;
	border: 1px solid var(--orange);
}

/*
* // MARK: Alerts
*/

.alert_pericolo_container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000080;
	z-index: 9999;
	display: flex;
	flex-flow: wrap row;
	justify-content: center;
	align-items: center;
}

.alert_pericolo {
	background: white;
	padding: 20px;
	text-align: center;
	width: 500px;
	max-width: calc(100% - 50px);
	max-height: calc(100% - 50px);
	height: fit-content;
	border-radius: var(--border-radius-small);
	font-size: 1.2em;
	display: flex;
	flex-flow: wrap row;
	justify-content: center;
	align-items: center;
}

.alert_pericolo b {
	color: var(--orange);
	font-size: 1.1em;
	padding: 0 5px;
}

.alert_pericolo a {
	padding: 10px 20px;
	background: var(--orange);
	display: block;
	border-radius: var(--border-radius-small);
	color: white;
	margin-top: 20px;
}

a[data-link-action='display-register-form'],
a[data-link-action='display-login-form'] {
	padding: 7px 20px;
	background: var(--green);
	display: block;

	width: fit-content;
	margin: auto;
	border-radius: var(--border-radius-small);
	color: white;
	font-size: 1.2em;

	user-select: none;
}

a[data-link-action='display-login-form']:hover,
a[data-link-action='display-register-form']:hover {
	background: var(--orange);
}

.gformbuilderpro_form_2 form {
	display: flex;
	flex-flow: wrap column;
	justify-content: center;
	align-items: center;
}

#gformbuilderpro_form_2 form #submitForm {
	text-transform: capitalize;
	font-weight: 400;
	font-size: 14px;
	border: none;
	line-height: 25px;
	box-shadow: none;
	padding: 5px 20px;
	border-radius: var(--border-radius-small);
	display: inline-block;
	background: #253237;
	color: #ffffff;
}

#gformbuilderpro_form_2 form #submitForm:hover {
	background: var(--orange);
}

#gformbuilderpro_form_2 form .form-control.message,
#gformbuilderpro_form_2 form p.help-block {
	width: 590px;
	max-width: calc(100vw - 80px);
	margin: 0 auto;
	float: unset;
}

.grecaptcha-badge {
	z-index: 2;
	bottom: 75px !important;
}

.products-selection p,
.products-selection .sort-by {
	text-transform: none;
}

.kr_blog_post_area.single .blog_post {
	max-width: 1000px;
	margin: 0 auto;
	border: unset;
	padding-bottom: 0;
}

/*
#module-xipblog-single .breadcrumb_container:after {
	content: '';
	background: #00000080;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

#module-xipblog-single .breadcrumb_container .container {
	z-index: 1;
	position: relative;
}

#module-xipblog-single .section-title {
	color: white;
}*/

span.meta_author,
span.meta_date {
	font-weight: 500;
	color: white;
	opacity: 0.8;
}

.kr_blog_post_area.single .blog_post a {
	color: var(--green);
	text-decoration: underline;
}

#result_comment.fade.in {
	width: 100%;
	height: 100%;
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

#result_comment.fade.in:after {
	content: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0ndHJ1ZScgZm9jdXNhYmxlPSdmYWxzZScgZGF0YS1wcmVmaXg9J2ZhbCcgZGF0YS1pY29uPSd0aW1lcycgcm9sZT0naW1nJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMjAgNTEyJz48cGF0aCBmaWxsPSd3aGl0ZScgZD0nTTE5My45NCAyNTZMMjk2LjUgMTUzLjQ0bDIxLjE1LTIxLjE1YzMuMTItMy4xMiAzLjEyLTguMTkgMC0xMS4zMWwtMjIuNjMtMjIuNjNjLTMuMTItMy4xMi04LjE5LTMuMTItMTEuMzEgMEwxNjAgMjIyLjA2IDM2LjI5IDk4LjM0Yy0zLjEyLTMuMTItOC4xOS0zLjEyLTExLjMxIDBMMi4zNCAxMjAuOTdjLTMuMTIgMy4xMi0zLjEyIDguMTkgMCAxMS4zMUwxMjYuMDYgMjU2IDIuMzQgMzc5LjcxYy0zLjEyIDMuMTItMy4xMiA4LjE5IDAgMTEuMzFsMjIuNjMgMjIuNjNjMy4xMiAzLjEyIDguMTkgMy4xMiAxMS4zMSAwTDE2MCAyODkuOTQgMjYyLjU2IDM5Mi41bDIxLjE1IDIxLjE1YzMuMTIgMy4xMiA4LjE5IDMuMTIgMTEuMzEgMGwyMi42My0yMi42M2MzLjEyLTMuMTIgMy4xMi04LjE5IDAtMTEuMzFMMTkzLjk0IDI1NnonPjwvcGF0aD48L3N2Zz4=);
	position: relative;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: #00000080;
	padding: 5px 12px 12px;
	border-radius: var(--border-radius-small);
	border: 1px solid #aaaaaa;
}

#result_comment.fade.in .modal-dialog {
	margin: 0;
}

/***/

.landing .pay_footer {
	position: static;
}

.buttonCallMe {
	background-color: #ffbb33;
	position: relative;
	padding: 15px 55px;
	font-size: 16px;
	font-weight: 700;
	border: none;
	border-radius: var(--border-radius-large);
	box-shadow: none;
	text-transform: uppercase;
	margin-left: 100px;
	display: inline-block;
}

.buttonCallMe:hover {
	color: #fff;
}

@media screen and (max-width: 840px) {
	.buttonCallMe {
		display: flex;
	}
}

@media screen and (max-width: 822px) {
	.buttonCallMe {
		margin-left: 0px;
		display: inline-block;
	}
}

@media screen and (max-width: 767px) {
	.buttonCallMe {
		display: inline-block;
		margin-left: 100px;
	}
}

@media screen and (max-width: 480px) {
	.buttonCallMe {
		margin-left: 100px;
		padding: 15px 30px;
	}
}

@media screen and (max-width: 360px) {
	.buttonCallMe {
		margin-left: 0px;
	}
}

.toProd {
	width: fit-content;
	padding: 15px 50px;
	text-transform: uppercase;
	font-weight: 500;
}

.featured_categories {
	margin: 5rem 0 4rem;
}

.macrotitle .btn {
	display: none;
}

/*
-- //MARK: Alerts
*/

.alert-danger {
	border: none;
}
.alert span {
	font-size: 1rem;
}

#notifications {
	.container {
		@media (width>=1200px) {
			width: calc(var(--max-width) + 30px);
		}
		.alert {
			font-size: 1rem;
			border: none;
			text-align: center;
			padding-block: 2rem;
		}
	}
}

#left-column {
	container-type: inline-size;
	container-name: left-column;
}

#search_filters_wrapper #search_filters .facet .collapse li {
	display: flex;
	flex-flow: column;
}

@container left-column (width<=320px) {
	.block-categories .category-sub-menu {
		a.category-sub-link {
			font-size: 1rem;
		}
	}
	.block-categories a.h6,
	#search_filters .facet .title p {
		font-size: 1rem;
	}
	.block-categories .category-sub-menu .category-sub-link {
		line-height: 1.5rem;
	}
}

@container left-column (width<=240px) {
	.block-categories a.category-sub-link {
		padding-left: 0 !important;
		&::before {
			display: none !important;
		}
	}
}

@media (max-width: 768px) {
	#left-column .filter-title {
		padding: 15px 20px 15px 15px;
	}
	#left-column.col-sm-4 {
		margin-bottom: 4rem;
		.block-categories,
		#search_filters_wrapper > div {
			margin-bottom: 2.5rem;
		}
		#search_filters .facet {
			padding: 0 !important;
		}
	}
	#category #left-column #search_filters .facet .navbar-toggler {
		padding: 0.5rem 0.75rem !important;
	}
}

@media (max-width: 768px) and (pointer: fine) {
	.block-categories .category-sub-menu .category-sub-link {
		line-height: 1.6;
	}
}
@media (min-width: 380px) and (max-width: 768px) and (pointer: coarse) {
	#search_filters_wrapper #search_filters .facet .facet-label a,
	#search_filters .faceted-slider p,
	.block-categories
		.category-sub-menu
		ul.category-sub-menu
		.category-sub-menu
		li
		> a {
		font-size: 1.05rem;
	}
	.block-categories .category-sub-menu .category-sub-link {
		line-height: 2.5rem;
	}
}

@media (max-width: 575px) {
	#category #left-column #search_filters_wrapper {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* sezione sfondo nero con bordi frastagliati per banner footer e sezione descrizione macrocategorie */

.category-bottom-image--container > img {
	aspect-ratio: 7/8;
	object-fit: cover !important;
	height: auto !important;
	max-height: 100% !important;
	width: 100%;
}

.black-row,
.gray-row {
	& > .container {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	&:not(.full-bottom) {
		& > .container {
			& > div {
				margin-inline: auto;
				padding-block: clamp(2rem, 0.857rem + 2.857vi, 6rem);
				display: flex;
				gap: 5vw;
				align-items: center;
				flex-wrap: wrap;

				div {
					width: unset;
					float: none;
					padding: 0;
					flex: 1 1 530px;
					text-align: start;

					img {
						margin-inline: auto;
						max-width: 35rem;
						display: block;
					}
					p {
						font-size: 1.15rem;
						line-height: 1.6em;
						text-align: start !important;
						margin-bottom: 1.5rem;
					}
				}
				&:after {
					content: '';
					display: none;
				}
			}
		}
	}
}

.gray-row {
	color: var(--black);
	padding-bottom: 4rem;
	border-top: solid 4rem white;
	&::before {
		content: '';
		display: block;
		left: 0;
		width: 100%;
		height: 8rem;
		background-size: cover;
		background-position: top center;
		background-color: #f1f1f1;
		background-repeat: no-repeat;
		background-image: url(/img/gray-top.png);
	}

	& > .container {
		background-color: var(--light-gray);

		& > div {
			div {
				* {
					color: var(--black);
				}
				&:only-child {
					padding-inline: clamp(0rem, -9.487rem + 22.321vi, 15.625rem);
				}
			}
		}
	}
	&.bottom {
		margin-bottom: 0;
		padding-bottom: 0;
		& > .container {
			padding-bottom: 0;
		}
	}
}

.gray-row.bottom + .full-bottom.black-row {
	padding-top: 0;
	& > .container {
		padding-top: 2rem;
		&::before {
			display: none;
		}
	}
}

.gray-row.bottom:has(+ .full-bottom.black-row) {
	& > .container::after {
		content: '';
		display: block;
		left: 0;
		width: 100%;
		height: 5rem;
		background-size: cover;
		background-position: top center;
		background-color: #1d1c17;
		background-image: url(/img/bg-gray-to-black.png);
	}
}

.black-row {
	color: #fff;
	padding-top: 4rem;
	&:not(.full-bottom) {
		padding-bottom: 4rem;
	}
	& > .container {
		background: #1d1c17;
		& > div {
			div {
				strong,
				b {
					color: var(--green);
				}
				* {
					color: #fff;
				}
			}
		}
		&::before,
		&::after {
			content: '';
			display: block;
			left: 0;
			width: 100%;
			height: 4rem;
			background-color: #1d1c17;
			background-size: cover;
		}
		&::before {
			background-position: top center;
			background-image: url(/img/bottom-fullbanner-bg.png);
		}
		&::after {
			background-position: bottom center;
		}
		@media (width<980px) {
			&::before,
			&::after {
				height: max(2.5rem, 6.5vw);
			}
		}
	}
	&:not(.full-bottom) {
		& > .container {
			&::after {
				background-image: url(/img/bottom-fullbanner-bg.png);
			}
		}
	}
}

nav.pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: solid 1px var(--gray);
	margin: 0;
	padding-top: 1.5rem;
	.pagination-items-count {
		font-size: 1rem;
		color: var(--dark-gray);
	}
	.page-list {
		display: flex;
		gap: 1rem;
		align-items: center;
		padding-bottom: 0;

		li {
			a {
				background: none !important;
				color: var(--black);
				width: auto;

				&:not(.next):not(.previous) {
					font-size: 1rem;
				}
			}
			&.current a {
				font-weight: 700;
				color: var(--green);
			}
		}
		&:after {
			display: none;
		}
	}
}

#pagenotfound,
body.page-pagenotfound {
	#wrapper {
		padding-top: 8rem !important;
	}
	.breadcrumb_container {
		display: none;
	}
	.page-header h1 {
		text-align: center;
		font-size: 2.5rem;
	}
	.page-content,
	.page-not-found {
		text-align: center;
		font-size: 1.25rem;
		box-shadow: none;
	}
}

body.page-customer-account #content-wrapper {
	padding-inline: clamp(0rem, -9.487rem + 22.321vi, 15.625rem) !important;
	.page-header h1 {
		text-align: center !important;
	}
	.register-form > p {
		margin-bottom: 1.5rem;
		a {
			font-weight: bold;
			color: var(--green);
		}
	}
	p.send-renew-password-link {
		text-align: center;
		margin-bottom: 2rem;
	}
	.forgotten-password .form-fields .center-email-fields {
		align-items: center;
		button {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			line-height: 1em;
		}
	}
}