@-webkit-keyframes dot-keyframes {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes dot-keyframes {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .products-grid-module.style-1 .product:nth-child(1), .products-grid-module.style-1 .product:nth-child(2), .products-grid-module.style-1 .product:nth-child(3), .products-grid-module.style-1 .product:nth-child(4) {
border-bottom: 1px solid var(--color-gray-200);
}
.products-grid-module.style-1 .product:nth-child(1), .products-grid-module.style-1 .product:nth-child(3), .products-grid-module.style-1 .product:nth-child(5) {
border-right: 1px solid var(--color-gray-200);
}
@media screen and (min-width: 576px) {
.products-grid-module.style-1 .product:nth-child(4) {
border-bottom: 0;
}
.products-grid-module.style-1 .product:nth-child(3) {
border-right: 0;
}
.products-grid-module.style-1 .product:nth-child(1), .products-grid-module.style-1 .product:nth-child(2), .products-grid-module.style-1 .product:nth-child(3) {
border-bottom: 1px solid var(--color-gray-200);
}
.products-grid-module.style-1 .product:nth-child(1), .products-grid-module.style-1 .product:nth-child(2), .products-grid-module.style-1 .product:nth-child(4), .products-grid-module.style-1 .product:nth-child(5) {
border-right: 1px solid var(--color-gray-200);
}
}
.products-grid-module.style-2 .module-row:nth-child(1) {
border-bottom: 1px solid var(--color-gray-200);
}
.products-grid-module.style-2 .column {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.products-grid-module.style-2 .column {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.products-grid-module.style-2 .column.banner-block {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (min-width: 992px) {
.products-grid-module.style-2 .column.banner-block {
position: relative;
width: 22.5rem;
}
.products-grid-module.style-2 .column.banner-block .site-banner {
height: 100%;
}
.products-grid-module.style-2 .column.banner-block .site-banner .entry-media {
position: absolute;
width: 100%;
height: 100%;
}
.products-grid-module.style-2 .column.banner-block .site-banner .entry-media img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
.products-grid-module.style-2 .column .products .product:nth-child(1) {
border-right: 1px solid var(--color-gray-200);
}
.products-grid-module.style-3 .module-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 992px) {
.products-grid-module.style-3 .module-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.products-grid-module.style-3 .products-block {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
min-width: 0;
}
.products-grid-module.style-3 .products-block .site-slider .slick-list::before {
display: none;
}
.products-grid-module.style-3 .products-block .site-slider .slick-list .product .product-title {
font-size: calc(var(--theme-product-title-font-size) - 0.0625rem);
}
.products-grid-module.style-3 .products-block .site-slider .slick-dots {
display: none !important;
}
.products-grid-module.style-3 .banner-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.products-grid-module.style-3 .banner-block {
border-bottom: 1px solid var(--color-gray-200);
}
}
@media screen and (min-width: 992px) {
.products-grid-module.style-3 .banner-block {
width: 20rem;
border-right: 1px solid var(--color-gray-200);
border-bottom: 0;
}
}
.products-grid-module.style-3 .banner-block > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.products-grid-module.style-3 .banner-block > * {
width: 50%;
}
}
@media screen and (min-width: 992px) {
.products-grid-module.style-3 .banner-block > * {
width: 100%;
}
}
.products-grid-module.style-3 .banner-block > *.site-store-box {
padding: 1.25rem;
}
.products-grid-module.style-3 .banner-block > *.site-banner {
border-radius: 0;
}
@media screen and (min-width: 992px) {
.products-grid-module.style-3 .banner-block > *.site-banner .site-banner {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
@media screen and (min-width: 576px) {
.products-grid-module.style-3 .banner-block > *.site-banner .entry-media {
height: 100%;
}
}
.products-grid-module.style-5 .site-module-body > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
.products-grid-module.style-5 .site-module-body > *:nth-child(1) {
border-right: 0.0625rem solid var(--color-gray-200);
}
.products-grid-module.style-5 .site-module-body > *:nth-child(3), .products-grid-module.style-5 .site-module-body > *:nth-child(4) {
border-top: 0.0625rem solid var(--color-gray-200);
}
.products-grid-module.style-5 .site-module-body > *.column-1-product {
width: 50%;
}
@media screen and (min-width: 576px) {
.products-grid-module.style-5 .site-module-body > *:nth-child(3) {
border-right: 0.0625rem solid var(--color-gray-200);
}
.products-grid-module.style-5 .site-module-body > *.column-2-product {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.products-grid-module.style-5 .site-module-body > *:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.products-grid-module.style-5 .site-module-body > *:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
border-right: 0.0625rem solid var(--color-gray-200);
}
.products-grid-module.style-5 .site-module-body > *:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
border-top: 0;
}
.products-grid-module.style-5 .site-module-body > *:nth-child(4) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
border-top: 0;
}
.products-grid-module.style-5 .site-module-body > *.column-1-product {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 15.625rem;
}
.products-grid-module.style-5 .site-module-body > *.column-2-product {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
width: 100%;
}
}
@media screen and (max-width: 575.98px) {
.products-grid-module.style-5 .site-module-body > *.products-separate-top .product {
border-top: 0;
border-left: 1px solid var(--color-gray-200);
}
}
.products-grid-module.style-5 .site-module-body.border-block.border-red::after {
border-color: var(--color-red-500) !important;
outline: 0.0625rem solid var(--color-red-500);
outline-offset: -0.125rem;
}
@media screen and (min-width: 576px) {
.products-grid-module.style-5 .site-module-body.border-block.border-red::after {
outline-width: 0.125rem;
outline-offset: -0.1875rem;
}
}
.products-grid-module.style-6 .column:nth-child(1) {
border-bottom: 0.0625rem solid var(--color-gray-200);
}
.products-grid-module.style-6 .column:nth-child(1) .inner-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.products-grid-module.style-6 .column:nth-child(1) .inner-column {
width: 50%;
}
.products-grid-module.style-6 .column:nth-child(1) .inner-column:nth-child(1) .site-banner {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.products-grid-module.style-6 .column:nth-child(1) .inner-column:nth-child(2) .site-banner {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
@media screen and (max-width: 575.98px) {
.products-grid-module.style-6 .column:nth-child(1) .inner-column:nth-child(1) .site-banner {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.products-grid-module.style-6 .column:nth-child(1) .inner-column:nth-child(2) .site-banner {
border-radius: 0;
}
}
@media screen and (min-width: 992px) {
.products-grid-module.style-6 .column:nth-child(1) .inner-column:nth-child(1) .site-banner {
border-bottom-left-radius: 0;
}
.products-grid-module.style-6 .column:nth-child(1) .inner-column:nth-child(2) .site-banner {
border-bottom-right-radius: 0;
}
}
.products-grid-module.style-6 .column:nth-child(2) .product {
border-bottom: 1px solid var(--color-gray-200);
}
.products-grid-module.style-6 .column:nth-child(2) .product:nth-child(5), .products-grid-module.style-6 .column:nth-child(2) .product:nth-child(6) {
border-bottom: 0;
}
.products-grid-module.style-6 .column:nth-child(2) .product:nth-child(2n+1) {
border-right: 1px solid var(--color-gray-200);
}
@media screen and (min-width: 576px) {
.products-grid-module.style-6 .column:nth-child(2) .product:nth-child(2n+1) {
border-right: 0;
}
.products-grid-module.style-6 .column:nth-child(2) .product:nth-child(1), .products-grid-module.style-6 .column:nth-child(2) .product:nth-child(2), .products-grid-module.style-6 .column:nth-child(2) .product:nth-child(4), .products-grid-module.style-6 .column:nth-child(2) .product:nth-child(5) {
border-right: 1px solid var(--color-gray-200);
}
}
@media screen and (min-width: 992px) {
.products-grid-module.style-6 .column:nth-child(2) .product {
border-bottom: 0;
}
.products-grid-module.style-6 .column:nth-child(2) .product:nth-child(3) {
border-right: 1px solid var(--color-gray-200);
}
}
.products-grid-module.style-8 .module-row .column {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
min-width: 0;
}
.products-grid-module.style-8 .module-row .column:nth-child(1) {
border-bottom: 1px solid var(--color-gray-200);
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .inner-column > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .inner-column > * .site-banner {
border-radius: 0;
}
@media screen and (min-width: 576px) {
.products-grid-module.style-8 .module-row .column:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .inner-column > * {
width: 50%;
height: 100%;
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .banner-block .site-banner {
width: 100%;
height: 100%;
border-radius: 0;
border-top-right-radius: calc(var(--theme-site-border-radius) + 0.125rem);
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .banner-block .site-banner .entry-media {
position: absolute;
width: 100%;
height: 100%;
}
}
@media screen and (min-width: 992px) {
.products-grid-module.style-8 .module-row .column:nth-child(1) {
width: 38%;
border-bottom: 0;
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .category-list {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .banner-block {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 19.375rem;
}
.products-grid-module.style-8 .module-row .column:nth-child(1) .banner-block .site-banner {
border-radius: 0;
}
.products-grid-module.style-8 .module-row .column:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
}
.products-grid-module.style-8 .module-row .column .inner-column {
height: 100%;
}
.products-grid-module.style-8 .module-row .column .category-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1.25rem;
}
.products-grid-module.style-8 .module-row .column .category-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.products-grid-module.style-8 .module-row .column .category-list ul li + li {
margin-top: 0.1875rem;
}
.products-grid-module.style-8 .module-row .column .category-list ul li a {
font-size: 0.8125rem;
text-decoration-color: transparent;
text-underline-offset: 0.1875rem;
color: var(--color-gray-600);
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.products-grid-module.style-8 .module-row .column .category-list ul li a:hover {
color: var(--color-gray-800);
text-decoration-color: var(--color-gray-800);
}
.products-grid-module.style-8 .module-row .column .site-slider .slick-list::before {
display: none;
}
.products-grid-module.style-8 .module-row .column .site-slider .slick-dots {
display: none !important;
}