.razzi-product-fbt {
border: 1px solid #d9d9d9;
padding: 30px;
margin: 60px 0 60px;
}
.razzi-product-fbt__title {
margin: 0 0 25px;
font-size: 24px;
}
.razzi-product-fbt__wrapper {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.razzi-product-fbt ul.products {
width: 100%;
}
.razzi-product-fbt .product-buttons {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 219px;
width: 100%;
margin-top: 57px;
}
.razzi-product-fbt .product-buttons .price-box {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5px;
}
.razzi-product-fbt ul.products li.product {
float: left;
width: 25%;
display: block;
margin-bottom: 50px;
min-width: 218px;
}
.razzi-product-fbt ul.products .product-buttons {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-top: -50px;
}
.razzi-product-fbt ul.products li.product.out-of-stock {
opacity: 0.2;
}
.razzi-product-fbt ul.products li.product.un-active {
opacity: 0.2;
}
.razzi-product-fbt ul.products li.product.un-active select {
pointer-events: none;
}
.razzi-product-fbt ul.products .product-content {
position: relative;
padding-right: 32px;
}
.razzi-product-fbt ul.products .product-content .thumbnail {
position: relative;
display: block;
}
.razzi-product-fbt ul.products .product-content .thumbnail .thumb-new {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: 0.3s;
}
.razzi-product-fbt ul.products .product-content .thumbnail:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -35px;
content: "+";
display: inline-block;
font-weight: 600;
font-size: 16px;
color: #1f1f1f;
}
.razzi-product-fbt ul.products li.product:nth-child(4n) .thumbnail:after,
.razzi-product-fbt ul.products li.product:last-child .thumbnail:after {
display: none;
}
.razzi-product-fbt ul.products .product-content h2 {
font-size: 16px;
margin: 5px 0;
}
.razzi-product-fbt ul.products li.product .product-variation-price .price-new {
display: none;
}
.razzi-product-fbt ul.products li.product .product-variation-price.active .price {
display: none;
}
.razzi-product-fbt ul.products li.product .product-variation-price.active .price-new {
display: block;
}
.razzi-product-fbt ul.products .product-content .price small {
display: inline-block;
}
.razzi-product-fbt ul.products .product-content .price .sale {
display: none;
}
.razzi-product-fbt .product-buttons .razzi-pbt-add-to-cart {
margin-top: 10px;
width: 100%;
}
.razzi-product-fbt .product-buttons .razzi-pbt-add-to-cart .razzi-svg-icon {
margin-left: 16px;
display: inline-block;
font-size: 19px;
}
.razzi-product-fbt .product-buttons .razzi-pbt-add-to-cart.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.razzi-product-fbt .product-buttons .razzi-pbt-add-to-cart:before {
position: absolute;
top: 50%;
left: 50%;
height: 16px;
width: 16px;
display: inline-block;
border-radius: 50%;
border: 2px solid;
border-top-color: transparent;
-webkit-animation: razzi-spin infinite 1s linear;
animation: razzi-spin infinite 1s linear;
transition: opacity .2s linear .2s;
content: "";
display: none;
color: #fff;
margin-top: -8px;
margin-left: -8px;
}
.razzi-product-fbt .product-buttons .razzi-pbt-add-to-cart.loading {
position: relative;
color: transparent;
transition: none;
}
.razzi-product-fbt .product-buttons .razzi-pbt-add-to-cart.loading:before {
display: inline-block;
}
.razzi-product-fbt .product-buttons .price-box .label {
font-weight: 500;
}
.razzi-product-fbt .product-buttons .s-price {
font-weight: 500;
}
.razzi-product-fbt .product-buttons .price-box {
color: #1f1f1f;
}
.razzi-product-fbt .product-buttons .price-box__save {
color: var(--rz-color-primary);
}
.razzi-product-fbt .products-list {
padding: 0;
list-style: none;
}
.razzi-product-fbt .products-list li {
margin-bottom: 5px;
}
.razzi-product-fbt .products-list li a {
color: var(--rz-text-color);
display: inline-block;
position: relative;
line-height: 1;
padding-left: 25px;
}
.razzi-product-fbt .products-list li a strong {
color: #000;
font-weight: 600;
}
.razzi-product-fbt .products-list li a:before {
position: absolute;
top: 1px;
left: 0;
width: 15px;
height: 15px;
content: "";
background-color: #1f1f1f;
border-radius: 2px;
}
.razzi-product-fbt .products-list li a:after {
content: '';
display: inline-block;
position: absolute;
top: 1px;
left: 1px;
width: 15px;
height: 15px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNOSAxTDMuNSA3TDEgNC4yNzI3MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=");
background-position: center;
background-repeat: no-repeat;
}
.razzi-product-fbt .products-list li .s-price .sale {
display: none;
}
.razzi-product-fbt .products-list li.uncheck .p-title,
.razzi-product-fbt .products-list li.uncheck .s-price {
opacity: 0.5;
}
.razzi-product-fbt .products-list li.uncheck a:after {
opacity: 0;
}
.razzi-product-fbt .products-list li .s-price {
font-weight: 500;
padding-left: 5px;
transition: 0.5s;
}
.razzi-product-fbt .products-list li .s-price ins {
text-decoration: none;
background-color: transparent;
}
.razzi-product-fbt .products-list li .s-price del {
display: none;
}
.razzi-product-fbt .products-list li .p-title {
transition: 0.5s;
}
.razzi-product-fbt ul.products li.product table.variations {
margin-top: 3px;
}
.razzi-product-fbt ul.products li.product form.cart {
margin: 0 !important;
padding: 0 !important;
}
.razzi-product-fbt ul.products li.product form.cart table.variations select {
display: block !important;
height: auto;
padding: 5px 0;
border-top: none;
border-right: none;
border-left: none;
border-width: 1px;
background-position: right center;
font-size: 14px;
}
.razzi-product-fbt ul.products li.product table.variations .wcboost-variation-swatches > ul,
.razzi-product-fbt ul.products li.product table.variations .label {
display: none;
}
.razzi-product-fbt ul.products li.product table.variations td.value {
text-align: left;
margin-bottom: 10px !important;
}
.razzi-product-fbt ul.products li.product .single_variation_wrap {
display: none !important;
}
.razzi-product-fbt ul.products li.product .reset_variations {
font-size: 10px;
font-weight: 500;
text-decoration: underline;
}
.razzi-product-fbt ul.products .product-content .woocommerce-variation-description,
.razzi-product-fbt ul.products .product-content .razzi-date-onsale-to {
display: none;
}
.razzi-product-fbt .razzi-pbt-alert {
margin: 0;
}
.razzi-product-fbt .pbt-cart.cart {
margin-top: 0 !important;
}
.rtl .razzi-product-fbt .products-list li a:before {
right: 0;
left: auto;
}
.rtl .razzi-product-fbt .products-list li a:after {
right: -1px;
left: auto;
}
.rtl .razzi-product-fbt .products-list li a {
padding-left: 0;
padding-right: 25px;
}
.rtl .razzi-product-fbt .products-list li .s-price {
padding-left: 0;
padding-right: 5px;
}
.rtl .razzi-product-fbt ul.products .product-content .thumbnail:after {
right: auto;
left: -35px;
}
.rtl .razzi-product-fbt ul.products .product-content {
padding-left: 32px;
padding-right: 0;
}
.rtl .razzi-product-fbt ul.products {
float: right;
}
@media (max-width: 991px) {
.razzi-product-fbt ul.products{
flex-wrap: nowrap;
overflow-y: hidden;
overflow-x: auto;
scroll-behavior: smooth;
}
.razzi-product-fbt ul.products::-webkit-scrollbar {
display: none;
}
.razzi-product-fbt .product-buttons {
padding-left: 22px;
}
.razzi-product-fbt ul.products li.product {
width: 33.33%;
margin-bottom: 0 !important;
}
}
@media (max-width: 768px) {
.razzi-product-fbt__wrapper {
display: block;
}
.razzi-product-fbt ul.products li.product {
width: 50%;
min-width: 182px;
margin-bottom: 30px;
}
.razzi-product-fbt .product-buttons {
padding: 0;
margin: 26px 0 32px;
width: 100%;
max-width: none;
}
.razzi-product-fbt form.cart {
margin-top: 10px !important;
}
.razzi-product-fbt {
padding: 30px 15px 15px;
}
.razzi-product-fbt ul.products .product-content .thumbnail:after {
right: -30px;
}
.rtl .razzi-product-fbt ul.products .product-content .thumbnail:after {
left: -30px;
}
}