:root {
--w: 1360px;
--color-primary: #CA3366;
--color-light-primary: #FBCCC8;
--color-dark: #433F41;
--color-grey: #7F7A7B;
--color-gray: #D9D9D9;
--color-border: #E6E6E6;
--color-light: #ffffff;
--box-shadow: 0px 2px 4px 0px #1B1C1D0A;
--size-0: 8px;
--size-1: 16px;
--size-2: 24px;
--size-3: 32px;
--size-4: 40px;
--size-5: 48px;
--size-5-5: 56px;
--size-6: 64px;
--size-f: 20px;
--size-1-mb: 13px;
}
body.theme-flatsome {
font-size: 100%;
font-display: swap;
}
.container {
padding: 0 var(--size-3) !important;
}
.container::before,
.container::after,
.row::after {
display: none !important;
}
.row.nowrap {
flex-wrap: nowrap;
}
.row.gap-2 {
gap: var(--size-2);
}
.p0 {
padding: 0px !important;
}
.p1 {
padding: var(--size-1);
}
.p2 {
padding: var(--size-2);
}
.py-6 {
padding: var(--size-6) 0px;
}
.pb-6 {
padding-bottom: var(--size-6);
}
.pt-6 {
padding-top: var(--size-6);
}
.mt-3 {
margin-top: var(--size-3);
}
.mb-3 {
margin-bottom: var(--size-3);
}
.mt-2 {
margin-top: var(--size-2);
}
.mb-2 {
margin-bottom: var(--size-2);
}
.mt-1 {
margin-top: var(--size-1);
}
.mb-1 {
margin-bottom: var(--size-1);
}
.mt-0 {
margin-top: 0px;
}
.mb-0 {
margin-bottom: 0px;
}
.m0 {
margin: 0px !important;
}
.bg-primary {
background-color: var(--color-primary);
}
.bg-gray {
background-color: var(--color-gray);
}
.c-primary {
color: var(--color-primary);
}
.c-light {
color: var(--color-light);
}
.c-dark {
color: var(--color-dark);
}
.size-f {
font-size: var(--size-f);
}
.size-1 {
font-size: var(--size-1);
}
.size-2 {
font-size: var(--size-2);
}
.size-3 {
font-size: var(--size-3);
}
.size-4 {
font-size: var(--size-4);
}
.size-5 {
font-size: var(--size-5);
}
.size-6 {
font-size: var(--size-6);
}
.border-L {
position: relative;
padding-left: var(--size-2);
line-height: 1;
}
.border-L::before {
content: '';
width: 1px;
height: 30px;
border-left: 5px solid var(--color-primary);
position: absolute;
top: calc(50% - 15px);
left: 0px;
}
.title {
line-height: 1.2;
font-weight: 700;
}
.title strong {
color: var(--color-dark);
}
.desc {
line-height: 1.4;
}
.btn {
padding: 12px 24px;
color: var(--color-light) !important;
display: flex;
width: fit-content;
line-height: 1;
}
.btn:hover {
text-decoration: underline;
}
.btn-primary {
background-color: var(--color-primary);
color: var(--color-light);
border-radius: var(--size-6);
}
.btn-center {
margin: auto;
}
.list-4-cols {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--size-2);
}
.products .product {
padding: 0px;
box-shadow: var(--box-shadow);
border: 1px solid var(--color-border);
border-radius: var(--size-1);
}
.products .product .box-image img {
border-radius: var(--size-1) var(--size-1) 0 0;
}
.products .product .box-text-products {
padding: var(--size-1);
}
.slick-list,
.slick-list .slick-track {
width: 100%;
}
.slick-list .slick-track::before,
.slick-list .slick-track::after {
display: none;
}
.slick-list .slick-track {
display: flex;
}
.slick-slider .slick-arrow {
width: 32px;
height: 32px;
z-index: 2;
background-color: var(--color-primary) !important;
border-radius: 99px;
}
.slick-slider .slick-arrow {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in;
}
.slick-slider:hover .slick-arrow {
opacity: 0.5;
visibility: visible;
}
.slick-slider .slick-arrow:hover {
opacity: 1;
}
.slick-slider .slick-arrow.slick-prev {
left: -4px;
}
.slick-slider .slick-arrow.slick-next {
right: -8px;
}
.slick-slider .slick-arrow::before {
display: none;
}
.slick-slider .slick-dots li,
.slick-slider .slick-dots li button,
.slick-slider .slick-dots li button::before {
padding: 0px;
width: 10px;
height: 10px;
min-height: 10px;
line-height: 1;
font-size: 8px;
}
.slick-slider .slick-dots li.slick-active button:before,
.slick-slider .slick-dots li button::before {
color: var(--color-primary);
} .theme-flatsome .products .product .box {
padding: 0px;
margin-bottom: 0px;
border: none;
}
.theme-flatsome .products .product .box .box-image{
height: 230px;
}
.theme-flatsome .products .product .box-text-products {
display: flex;
flex-direction: column;
}
.theme-flatsome .products .product .box-text-products .title-wrapper {
order: 1;
}
.theme-flatsome .products .product .box-text-products .title-wrapper .category,
.theme-flatsome .products .product .box-text-products .title-wrapper .product-title {
text-align: center;
margin: 4px 0;
}
.theme-flatsome .products .product .box-text-products .title-wrapper .product-title {
font-weight: 600;
font-size: 16px;
line-height: 1.3;
}
.theme-flatsome .products .product .box-text-products .price-wrapper {
order: 2;
padding: 0px;
margin: 0 0 8px;
height: fit-content !important;
}
.theme-flatsome .products .product .box-text-products .rating {
display: none;
}
.theme-flatsome .products .product .box-text-products .rating,
.theme-flatsome .products .product .box-text-products .rating .review-count,
.theme-flatsome .products .product .box-text-products .rate-count {
justify-content: center;
margin: 0px;
font-size: var(--size-1-mb);
}
.theme-flatsome .products .product .ux-swatches-in-loop {
order: 3;
justify-content: center;
margin-bottom: 0px;
gap: 6px;
}
.theme-flatsome .products .product .ux-swatches-in-loop .ux-swatch {
width: 24px;
height: 24px;
padding: 1px;
border-radius: 99px;
margin: 0px;
}
.theme-flatsome .products .product .ux-swatches-in-loop .ux-swatch img {
border-radius: 99px;
}
@media (max-width: 1024px) {
.container {
padding: 0 var(--size-1) !important;
}
.row.gap-2 {
gap: var(--size-1);
}
.p2 {
padding: var(--size-1);
}
.py-6 {
padding: var(--size-4) 0px;
}
.pb-6 {
padding-bottom: var(--size-4);
}
.pt-6 {
padding-top: var(--size-4);
}
.mt-3 {
margin-top: var(--size-2);
}
.mb-3 {
margin-bottom: var(--size-2);
}
.mt-2 {
margin-top: var(--size-1);
}
.mb-2 {
margin-bottom: var(--size-1);
}
.title.size-4 {
font-size: var(--size-2);
}
.desc.size-1 {
font-size: var(--size-1-mb);
}
.desc br {
display: none;
}
.btn-primary {
font-size: var(--size-1-mb);
}
.list-4-cols {
grid-template-columns: repeat(3, 1fr);
gap: var(--size-0);
}
.slick-slider .slick-arrow {
opacity: 1;
visibility: visible;
}
.slick-slider .slick-arrow.slick-prev {
left: 0;
}
.slick-slider .slick-arrow.slick-next {
right: 0;
}
}
@media (max-width: 576px) {
.container {
padding: 0 var(--size-1-mb) !important;
}
.list-4-cols {
grid-template-columns: repeat(2, 1fr);
}
.theme-flatsome .products .product .box .box-image{
height: 195px;
}
}