/*
Theme Name: Masteri Flooring
Theme URI: 
Author: Masteri Flooring
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: masteri-flooring
Tags: 

/* CSS Reset
---------------------------------------------------------------------------- */

/* CSS Reset
---------------------------------------------------------------------------- */
/* html, body {
  overflow-x: hidden;
} */

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: 600;
}

ol,
ul {
	padding: 0;
}

header {
	position: fixed;
	height: 107px;
	display: flex;
	align-items: center;
	width: 100%;
	background-color: #fff;
	z-index: 9999;
	top: 0;
}

header .wp-block-site-logo img {
	height: 100px;
	object-fit: contain;
}

/* .global-header-page-banner {
	margin-top: 107px;
} */

body .wp-site-blocks {
	margin-top: 107px;
}

footer {
	margin: 0 !important;
}

.grecaptcha-badge {
	z-index: 999999 !important;
}

.nav-items-container {
	position: relative;
}

.mega-current-menu-item>a {
	border-bottom: 2px solid !important;
	border-color: var(--wp--preset--color--secondary) !important;
}

#mega-menu-max_mega_menu_2>li:not(.mega-menu-item-has-children):not(.mega-current-menu-item):hover a {
	color: var(--wp--preset--color--secondary) !important;
}

footer .mega-menu-item a {
	padding: 0 !important;
	margin: 0 10px !important;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--md);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--neutral-9);
	font-size: var(--wp--preset--spacing--xs);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

select:hover {
	cursor: pointer;
}

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

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

#gform_wrapper_1,
#gf_1 {
	scroll-margin-top: 107px;
}

.admin-bar {
	margin-top: 32px;
}

.post-type-archive-product h1 {
	font-size: var(--wp--preset--font-size--text-6-xl);
	line-height: 1.15;

}

.logged-in.admin-bar header {
	margin-top: 32px;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--neutral-10);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--neutral-10);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--text-base);
	width: 100%;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--neutral-10);
	font-size: var(--wp--preset--font-size--text-sm);
	opacity: 0.75;
}

/* Post Comment Button */
input[type="submit"].wp-block-button__link {
	padding-top: var(--wp--custom--block--button--padding-y);
	padding-right: var(--wp--custom--block--button--padding-x);
	padding-bottom: var(--wp--custom--block--button--padding-y);
	padding-left: var(--wp--custom--block--button--padding-x);
}

input[type="submit"].wp-block-button__link:hover {
	background-color: var(--wp--preset--color--neutral-12);
	color: var(--wp--preset--color--light);
	border-color: var(--wp--preset--color--neutral-12);
}

.is-style-arrow-icon.white-bg .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--secondary) !important;
	color: #fff !important;
	border-color: var(--wp--preset--color--secondary) !important;
}

:root {
	--focus-ring-color: var(--wp--preset--color--neutral-10);
	--focus-ring-offset: 2px;
}

:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
	outline-color: var(--focus-ring-color);
	outline-offset: var(--focus-ring-offset);
}

/* Mobile admin bar */
@media (width >=1300px) {
	.nav-items-container :nth-child(2) {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (max-width: 782px) {
	body.admin-bar header.is-sticky {
		top: 46px;
	}
}

.wp-element-button,
.wp-block-button__link {
	transition: all 0.2s ease-in-out;
}

.global-cta-pattern {
	background-repeat: no-repeat;
	background-position: right center;
}

/* homepage */
#global-buyer-supply-map .map-container {
	position: relative;
}

#global-buyer-supply-map .map-container .icon-container {
	position: absolute;
	top: 48%;
	left: 29%;
}

.oem-featured-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
}

.oem-featured-grid img {
	width: 100%;
	object-fit: cover;
	transition: ease 0.3s;
	height: 100%;
}

.oem-featured-image {
	overflow: hidden;
	height: 100%;
}

.oem-featured-image img:hover {
	transition: ease 0.3s;
	transform: scale(1.1);
}

.oem-featured-item a {
	position: relative;
}

.oem-featured-title {
	margin: 0;
	position: absolute;
	bottom: 20px;
	padding: 20px;
	color: #fff;
	font-size: 22px;
}

/* end of homepage */

/* privacy policy page */
.privacy-policy-group a {
	overflow-wrap: anywhere;
}

.privacy-policy-group a {
	color: #B76F0B;
}

/* woocommerce styles - product page */
.woo-product-details {
	background-color: transparent;
	border-radius: 10px;
	padding: 20px;
	position: absolute;
	bottom: 12px;
}

.product-collection-sect li.wc-block-product {
	position: relative;
}

.product-collection-sect .taxonomy-product_cat {
	position: absolute;
	top: 20px;
	left: 20px;
}

/* .product-collection-sect .wc-block-components-product-image {
	position: relative;
} */

.wc-block-components-product-image__inner-container {
	padding: 20px;
}

/* Make image ignore pointer events so it doesn't trigger hover */
/* .wc-block-components-product-image>a {
	pointer-events: none;
} */

/* Only the inner container reacts to hover */
.wc-block-components-product-image .taxonomy-product_cat {
	width: max-content;
}

.woo-product-details .wc-block-components-product-button {
	margin: 0;
}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	margin: 0 !important;
	padding: 0;
	background-color: unset;
	color: #fff !important;
	font-size: var(--wp--preset--font-size--text-base) !important;
}

.yith-wcan-filters .filters-container form {
	display: flex;
	flex-direction: row;
	gap: 24px;
	flex-wrap: wrap;
}

.filters-container form>div {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
	margin: 0 !important;
}

.yith-wcan-reset-filters {
	padding: 8px 16px;
	color: #71717A;
	border: 1px solid #E0E0E4;
	background: #FFFAF3;
	border-radius: 8px;
}

.yith-wcan-reset-filters:hover {
	cursor: pointer;
	border-color: #B76F0B;
	color: #B76F0B;
}

.woocommerce.wc-block-catalog-sorting form label,
.yith-wcan-filters .filters-container h4 {
	margin: 0;
	font-size: var(--wp--preset--font-size--text-xl);
	font-weight: 400;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
	width: 180px;
	background-color: #fff;
	border: 1px solid #E4E4E7;
}

.wp-container-core-group-is-layout-cb46ffcb {
	align-items: flex-start;
	/* justify-content: flex-start; */
	flex-wrap: wrap;
	margin: 0 auto !important;
}

.wp-container-core-group-is-layout-cb46ffcb .yith-wcan-filters {
	background-color: unset !important;
}

.woocommerce.wc-block-catalog-sorting form {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.woocommerce.wc-block-catalog-sorting form select {
	width: 150px;
	font-size: var(--wp--preset--font-size--text-base) !important;
	background-color: #fff;
	border: 1px solid #E4E4E7;
	font-weight: 400;
}

.wp-block-query-pagination {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	list-style: none;
	padding: 25px 0 0;
	margin: 24px 0 0;
	font-weight: 400;
}

.wp-block-query-pagination .wp-block-query-pagination-previous {
	position: absolute;
	left: 0;
}

.wp-block-query-pagination .wp-block-query-pagination-next {
	position: absolute;
	right: 0;
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background-color: #181818;
	color: #fff;
	border-radius: 10px;
	padding: 8px 17px;
}

.wp-block-query-pagination>a {
	padding: 12px 24px;
	background: #181818;
	color: #fff;
	border-radius: 10px;
	font-size: var(--wp--preset--font-size--text-base) !important;
	font-weight: 400;
}

.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .wp-block-query-pagination-previous:hover {
	background-color: var(--wp--preset--color--secondary);
}

.wp-block-query-pagination-numbers>* {
	padding: 8px 12px;
	font-size: var(--wp--preset--font-size--text-base) !important;
}

.wp-block-woocommerce-product-button>a:hover {
	text-decoration: underline;
}

/* end of woocommerce styles - product page */

/* product - single page  */
.single-product .wp-block-post-featured-image {
	max-width: 1176px;
	max-height: 458px;
	width: 100%;
	height: auto;
}

.product-content-details h4 {
	font-weight: 500;
	margin: 0;
}

.product-content-details li,
.product-content-details p {
	color: #797C7F;
}

.product-content-details ul {
	/* list-style-position: inside; */
	margin-top: 12px;
}

.product-content-details li::marker {
	font-size: 12px;
}

.wc-product-gallery-section .swiper {
	width: 100%;
	height: 100%;
}

.wc-product-gallery-section .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wc-product-gallery-section .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wc-product-gallery-section .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.wc-product-gallery-section .swiper-slide {
	background-size: cover;
	background-position: center;
	max-width: 1176px;
	max-height: 600px;
	width: 100% !important;
	height: auto;
}

.wc-product-gallery-section .mySwiper2 {
	height: 80%;
	width: 100%;
}

.wc-product-gallery-section .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.wc-product-gallery-section .mySwiper .swiper-slide {
	max-width: 386px !important;
	max-height: 376px;
	opacity: 0.4;
	width: 100% !important;
	height: auto;
}

.wc-product-gallery-section .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.wc-product-gallery-section .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 1176px;
	max-height: 600px;
}

.installation-guide-box,
.care-instructions-box {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 576px;
	height: 100%;
}

.installation-guide-box h4,
.care-instructions-box h4 {
	width: 100%;
}

.installation-guide-box h4,
.care-instructions-box h4 {
	width: 100%;
}

.install-guide-pagination {
	padding-top: 25px;
}

.install-guide-pagination ul {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: 400;
}

.install-guide-pagination .page-numbers>li:has(.pagination-prev) {
	position: absolute;
	left: 0;
}

.install-guide-pagination .page-numbers>li:has(.pagination-next) {
	position: absolute;
	right: 0;
}

.install-guide-pagination li:not(:has(.pagination-prev)):not(:has(.pagination-next)) {
	margin: 0 6px;
}

.install-guide-pagination .prev,
.install-guide-pagination .next {
	background-color: #181818;
	padding: 12px 24px;
	color: #fff;
	border-radius: 10px;
}

.install-guide-pagination .prev:hover,
.install-guide-pagination .next:hover {
	background-color: var(--wp--preset--color--secondary);
}

.install-guide-pagination .page-numbers.current {
	padding: 8px 17px;
}

.install-guide-pagination span,
.install-guide-pagination a {
	font-size: var(--wp--preset--font-size--text-base);
}

.install-guide-pagination span {
	background-color: transparent;
	color: #fff;
	border-radius: 10px;
}

.install-guide-pagination .page-numbers.current {
	background-color: #181818;
}

/* .installation-guide-box a:hover,
.care-instructions-box a:hover {
	color: var(--wp--preset--color--secondary);
} */
.installation-guide-box a:hover svg path,
.care-instructions-box a:hover svg path {
	stroke: var(--wp--preset--color--secondary) !important;
}

.care-ins-box {
	margin: 0 !important;
	height: 100%;
}

.product-faq-cf-container h6 {
	text-transform: none;
	margin: 0;
	padding: 24px 0;
}

.product-faq-cf-container p {
	color: #797C7F;
	margin: 0;
	padding: 24px 0;
}

.product-faq-item {
	border-bottom: 1px solid #797c7f;
}

.product-faq-item .product-faq-question {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.product-faq-question:hover {
	cursor: pointer;
}

.product-faq-answer {
	transition: transform .3s ease-in-out;
}

.product-faq-question.active>p {
	transform: rotate(-180deg);
}

@media (prefers-reduced-motion: no-preference) {
	.product-faq-question>p {
		transition: transform .2s ease-in-out;
	}

	.product-faq-answer {
		transition: transform .3s ease-in-out;
	}
}

.product-faq-answer.hide {
	display: none;
}

/* end of product - single page */

/* installation guide page */
.install-guide-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.install-guide-container .install-guide-item {
	background-color: #FFFAF3;
	border: 1px solid #B76F0B33;
	border-radius: 10px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.install-guide-item h5,
.install-guide-item p {
	margin: 0;
}

.install-guide-item .install-btn {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: flex-start;
	width: max-content;
}

.install-guide-item .install-btn {
	cursor: pointer;
	/* base cursor */
}

.install-guide-item .install-btn:hover svg path {
	stroke: var(--wp--preset--color--secondary);
}

.install-guide-item .install-btn:hover a {
	color: var(--wp--preset--color--secondary);
}

.install-guide-item .install-btn a {
	font-size: 17px;
}

/* end of installation guide page styles */

/* product catalogs page css */
.product-catalog-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px 24px;
	margin-bottom: 48px;
}

.product-catalog-container .product-catalog-item {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
}

.product-catalog-item h5,
.product-cataloge-item p {
	margin: 0;
}

.catalog-item-btn {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: flex-start;
	width: max-content;
	padding: 13px 24px;
	border: 1px solid #181818;
	border-radius: 10px;
}

.product-catalog-item .catalog-item-btn:hover {
	border-color: var(--wp--preset--color--secondary);
	background-color: var(--wp--preset--color--secondary);
}

.product-catalog-item .catalog-item-btn:hover svg path {
	stroke: #fff;
}

.product-catalog-item .catalog-item-btn:hover span,
.product-catalog-item .catalog-item-btn:hover a {
	color: #fff;
}

.product-catalog .catalog-item-btn a {
	font-size: 17px;
}

.product-catalog-item img {
	transition: ease-in 0.2s;
}

.product-catalog-item img:hover {
	transform: scale(1.1);
	transition: ease-in 0.2s;
}

.product-catalog-pagination {
	padding-top: 25px;
}

.product-catalog-pagination ul {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: 400;
}

.filter-selected-hidden {
	display: none;
}

.product-catalog-pagination .page-numbers>li:has(.pagination-prev) {
	position: absolute;
	left: 0;
}

.product-catalog-pagination .page-numbers>li:has(.pagination-next) {
	position: absolute;
	right: 0;
}

.product-catalog-pagination li:not(:has(.pagination-prev)):not(:has(.pagination-next)) {
	margin: 0 6px;
}

.product-catalog-pagination .prev,
.product-catalog-pagination .next {
	background-color: #181818;
	padding: 12px 24px;
	color: #fff;
	border-radius: 10px;
}

.product-catalog-pagination .prev:hover,
.product-catalog-pagination .next:hover {
	background-color: var(--wp--preset--color--secondary);
}

.product-catalog-pagination .page-numbers.current {
	padding: 8px 17px;
}

.product-catalog-pagination span,
.product-catalog-pagination a {
	font-size: var(--wp--preset--font-size--text-base);
}

.product-catalog-pagination span {
	background-color: transparent;
	color: #fff;
	border-radius: 10px;
}

.product-catalog-pagination .current {
	background-color: #181818;
}

.product-catalog-filter-section {
	display: flex;
	flex-direction: row;
	gap: 24px;
}

.product-catalog-filter-section p {
	margin: 0;
	font-size: 20px;
	line-height: 24px;
}

.product-catalog-filter-section .product-category-filter,
.product-catalog-filter-section .product-type-filter {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.product-catalog-filter-section .product-category-filter select,
.product-catalog-filter-section .product-type-filter select {
	max-width: max-content;
	width: 100%;
	font-size: 14px;
}

.filter-results-section .selected-filter-cat,
.filter-results-section .selected-filter-type {
	background-color: #fffaf3;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #E0E0E4;
	display: flex;
	flex-direction: row;
	gap: 8px;
	transition: ease 0.2s;
	width: max-content;
}

.remove-filter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.filter-results-section .selected-filter-cat:hover,
.filter-results-section .selected-filter-type:hover {
	border-color: #B76F0B;
	transition: ease 0.2s;
}

.remove-filter:hover {
	cursor: pointer;
}

.remove-filter::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L4 12' stroke='%2309090B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L12 12' stroke='%2309090B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: cover;
}

.selected-filter-type .selected-filter-text,
.selected-filter-cat .selected-filter-text {
	font-size: 14px
}

.filter-results-section {
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.tax-pa_collection .product-filter-row,
.tax-product_cat .product-filter-row {
	display: none;
}

.product-sort-by .orderby {
	border: solid 1px #E4E4E7 !important;
	border-radius: 8px !important;
	padding: 8px 12px !important;
	background-image: url(https://development.websiteprojectupdates.com/masteriflooring/wp-content/plugins/yith-woocommerce-ajax-navigation/assets/images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: 85% center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-size: 10px;
	width: calc(100% + 40px) !important;
}

/* end of product catalogs page css */
.sitemap-container-main ul {
	padding-left: 30px;
}

.sitemap-container-main ul li {
	margin: 8px 0 0;
	list-style: disc;
}

.sitemap-container-main h6 {
	font-weight: 300 !important;
}

.sitemap-container-main ul li.post-925,
.sitemap-container-main ul li.post-1358,
.sitemap-container-main ul li.post-401,
.sitemap-container-main ul li.post-591,
.sitemap-container-main ul li.post-592,
.sitemap-container-main ul li.post-593,
.sitemap-container-main ul li.post-594 {
	display: none;
}

.a2a_kit.a2a_kit_size_32 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.social-share-row svg {
	display: none !important;
}

.a2a_kit.a2a_kit_size_32>a:hover {
	transform: scale(1.1);
}

.social-share-row .a2a_s_facebook {
	background-color: unset !important;
	background-image: url('https://development.websiteprojectupdates.com/masteriflooring/wp-content/uploads/2026/01/facebook-1.svg');
	background-repeat: no-repeat !important;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.social-share-row .a2a_s_x {
	background-color: unset !important;
	background-image: url('https://development.websiteprojectupdates.com/masteriflooring/wp-content/uploads/2026/01/x-1.svg');
	background-repeat: no-repeat !important;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.social-share-row .a2a_s_linkedin {
	background-color: unset !important;
	background-image: url('https://development.websiteprojectupdates.com/masteriflooring/wp-content/uploads/2026/01/linkedin-1.svg');
	background-repeat: no-repeat !important;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.social-share-row .a2a_s__default.a2a_s_a2a {
	background-color: unset !important;
	background-image: url('https://development.websiteprojectupdates.com/masteriflooring/wp-content/uploads/2026/01/frame-767.svg');
	background-repeat: no-repeat !important;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.back-to-home-btn a:hover {
	background-color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
}

.thank-you-content-container .wp-block-button:hover a {
	color: #fff !important;
	background-color: var(--wp--preset--color--secondary) !important;
	border-color: var(--wp--preset--color--secondary) !important;
}

.thank-you-content-container .wp-block-button:hover svg {
	color: #fff;
}

.oem-category-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.oem-category-grid a {
	position: relative;
}

.oem-category-grid img {
	height: 424px;
	object-fit: cover;
	width: 100%;
}

.oem-category-item .oem-category-title {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	font-size: var(--wp--preset--font-size--text-xl);
	padding: 20px 0;
	margin: 0;
}

.tax-oem-category .type-oem-product>div {
	padding: 0;
	position: relative;
}

.tax-oem-category .type-oem-product h2 {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

/* loader css */
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	overflow: hidden;
}

.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
	overflow: hidden;
}

@keyframes sp-anime {
	100% {
		transform: rotate(360deg);
	}
}

/* media queries */
@media (width <=1300px) {

	/* .mega-current_page_parent a,
	.mega-current-menu-item a {
		color: #fff !important
	} */
}

@media (width <=820px) {
	.wp-block-woocommerce-product-collection .wc-block-product-template {
		grid-template-columns: repeat(2, 1fr);
	}

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

@media (width <=768px) {
	.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
		width: 220px;
	}

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

@media (width <=678px) {
	.install-guide-container {
		grid-template-columns: 1fr;
	}

	.product-catalog-filter-section {
		flex-direction: column;
		gap: 8px;
	}

	.product-catalog-filter-section .product-category-filter select,
	.product-catalog-filter-section .product-type-filter select {
		max-width: 400px;
	}
}

@media (width <=576px) {
	.product-catalog-container {
		grid-template-columns: 1fr;
	}

	.oem-category-grid {
		grid-template-columns: 1fr;
	}

	.filter-results-section {
		flex-direction: column;
	}

	.woocommerce.wc-block-catalog-sorting form label {
		width: 23%;
	}

	.woocommerce.wc-block-catalog-sorting form select {
		width: 240px;
	}

	.wp-block-woocommerce-product-collection .wc-block-product-template {
		grid-template-columns: 1fr;
	}

	.wc-product-gallery-section .mySwiper .swiper-slide {
		max-width: 150px !important;
		max-height: 150px;
	}

	.header-content-container>div:first-child {
		flex-basis: 60px !important;
	}

	.header-content-container>div:nth-child(2) {
		flex-basis: 180px !important;
	}

	.header-content-container>div:last-child {
		flex-basis: 130px !important;
	}

	.header-content-container>div:last-child a {
		font-size: 13px;
	}
}



/* Mobile Nav Menu */
li.mega-menu-item.mmm-mobile-logo-item {
	position: absolute !important;
	top: calc(0% + 20px) !important;
}

li.mega-menu-item.mmm-mobile-cta-item {
	display: none !important;
}

li.mega-menu-item.mmm-mobile-logo-item {
	display: none !important;
}

@media (max-width: 1080px) {
	li.mega-menu-item.mmm-mobile-logo-item {
		display: block !important;
	}

	#mega-menu-max_mega_menu_2>li:not(.mega-menu-item-has-children):not(.mega-current-menu-item):hover a {
		background-color: #ddd !important;
	}

	.mega-current-menu-item>a {
		color: #fff !important;
	}
}

@media (max-width: 500px) {
	li.mega-menu-item.mmm-mobile-cta-item {
		display: block !important;
	}

	div.mobile-header-cols-cta {
		display: none;
	}

	.header-content-container {
		flex-direction: row-reverse;
	}

	.mobile-header-logo {
		text-align-last: start;
	}

	.mobile-header-nav-menu {
		justify-items: self-end;
		justify-items: end;
		justify-items: flex-end;
		place-items: end;
		place-items: self-end;
		place-items: flex-end;
		padding-right: 12px;
		display: flex;
		justify-content: flex-end;
	}

}

/* Product Page */
@media (max-width: 500px) {
	.product-page-wc {
		padding-top: clamp(2rem, 1.6774rem + 1.6129vi, 3rem) !important;
	}

	.yith-wcan-filters .yith-wcan-filter {
		width: 100%;
		justify-content: space-between;
	}

	.wc-block-catalog-sorting {
		width: 100%;
	}

	.wc-block-catalog-sorting .woocommerce-ordering {
		width: 100%;
		justify-content: space-between;
		max-width: none;
	}

	.wc-block-catalog-sorting .woocommerce-ordering .orderby {
		max-width: 220px;
	}
}

/* iOS-only */
@supports (-webkit-touch-callout: none) {
	.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
		padding: 0px 15px;
	}

	.yith-wcan-dropdown .dropdown-label {
		color: #81828A !important;
	}

	.woocommerce-ordering .orderby {
		border: 1px solid #D7D7D7 !important;
		border-radius: 4px !important;
		padding: 8px 15px !important;
		cursor: pointer !important;
		position: relative !important;
	}
}