/**
 * CLS + first-paint guards. Keep this file small and render-blocking.
 */

.ratio2_1 .bg-size::before {
	content: "";
	display: block;
	padding-top: 50%;
}

.bg-size {
	position: relative;
	display: block;
	overflow: hidden;
}

.container-fluid-lg {
	padding-left: 12px;
	padding-right: 12px;
}

@media (min-width: 1200px) {
	.container-fluid-lg {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (min-width: 1461px) {
	.container-fluid-lg {
		padding-left: 112px;
		padding-right: 112px;
	}
}

.bg-size > .bg-img,
.banner-img > .bg-img,
.img-wrapper img {
	position: absolute;
	inset: 0;
	display: block !important;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	opacity: 1;
	filter: none;
}

.product-box .img-wrapper {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}

.product-box .img-wrapper a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
}

header#home .top-header {
	min-height: 36px;
}

header#home .main-header.navbar-searchbar {
	min-height: 64px;
}

header .brand-logo {
	min-width: 88px;
	min-height: 36px;
}

header .brand-logo .logo {
	width: 125px;
	max-width: 125px;
	height: auto;
	aspect-ratio: auto 125 / 40;
	display: block;
}

header .main-menu .menu-right .search-box.theme-bg-color {
	min-width: 42px;
	min-height: 42px;
}

.banner-top-mob {
	min-height: 44px;
	overflow: hidden;
}

.banner-top-mob img {
	display: block;
	width: 100%;
	height: auto;
}

.home-three-col-banner .collection-banner {
	min-height: 180px;
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-display: swap;
}

@font-face {
	font-family: "Font Awesome 5 Brands";
	font-display: swap;
}

.round-circle,
.floating-img,
.breadcrumb-section .circles li {
	animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}