ul.products {
flex-wrap: wrap !important;
display: flex;
flex-direction: column;
gap: 20px;
padding: 0;
margin: 0;
}
ul.products li.product {
flex-direction: column !important;
display: block !important;
display: flex !important;
flex-direction: row;
align-items: flex-start;
border-radius: 12px;
padding: 15px;
background: #fff;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
position: relative;
}
ul.products li.product img {
width: 100px !important;
height: 100px !important;
object-fit: cover;
border-radius: 8px;
margin-right: 15px;
flex-shrink: 0;
}
.fbqv-full-card-link {
position: absolute;
inset: 0;
z-index: 1;
}
.fbqv-icon-overlay {
position: absolute;
bottom: 12px;
right: 12px;
width: 36px;
height: 36px;
background: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
pointer-events: none;
}
.fbqv-icon-overlay svg {
pointer-events: none;
} .fbqv-category-scroll-wrap {
overflow-x: auto;
padding: 10px 0;
margin-bottom: 20px;
}
.fbqv-category-filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 0 10px;
}
.category-filter-button {
display: flex;
align-items: center;
padding: 8px 16px;
border-radius: 999px;
background: #e5e5e5;
color: #000;
text-decoration: none;
font-weight: 500;
}
.category-filter-button span {
background: #fff;
color: #000;
border-radius: 50%;
padding: 5px 10px;
font-weight: bold;
min-width: 28px;
text-align: center;
margin-left: 10px;
}
.category-filter-button.active {
background: #000;
color: #fff;
}
@media (max-width: 768px) {
.fbqv-category-filters {
flex-wrap: nowrap;
overflow-x: auto;
scroll-behavior: smooth;
}
.category-filter-button {
white-space: nowrap;
flex-shrink: 0;
}
} .fbqv-back-to-shop-button {
position: fixed;
bottom: 20px;
left: 20px;
background: #000;
color: #fff;
padding: 10px 14px;
font-size: 14px;
border-radius: 6px;
text-decoration: none;
z-index: 9999;
}
.fbqv-cart-button {
position: fixed;
bottom: 20px;
right: 20px;
background: #000;
color: #fff;
padding: 10px 14px;
font-size: 16px;
border-radius: 50px;
text-decoration: none;
z-index: 9999;
}
#fbqv-cart-count {
background: red;
color: #fff;
font-weight: bold;
border-radius: 20px;
padding: 2px 6px;
margin-left: 5px;
}
@media (min-width: 769px) {
ul.products {
display: flex !important;
flex-wrap: wrap !important;
}
ul.products.columns-2 li.product {
width: 48%;
display: flex !important;
flex-direction: row !important;
align-items: flex-start;
}
ul.products.columns-3 li.product {
width: 30.5%;
display: flex !important;
flex-direction: row !important;
align-items: flex-start;
}
ul.products li.product img {
width: 200px !important;
height: 200px !important;
margin-right: 20px;
}
ul.products li.product .astra-shop-summary-wrap {
flex: 1;
}
}
@media (max-width: 768px) {
ul.products {
display: block !important;
}
ul.products li.product {
display: flex !important;
flex-direction: row !important;
align-items: flex-start;
}
ul.products li.product img {
width: 100px !important;
height: 100px !important;
margin-right: 16px;
}
ul.products li.product .astra-shop-summary-wrap {
flex: 1;
}
} .woocommerce ul.products li.product .wc-gzd-additional-info.shipping-costs-info {
display: none !important;
} ul.products li.product .woocommerce-LoopProduct-link {
display: flex;
gap: 20px;
align-items: flex-start;
}
ul.products li.product .woocommerce-LoopProduct-link img {
margin-bottom: 0 !important;
} @media (min-width: 769px) {
ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
gap: 30px;
}
ul.products li.product {
display: flex !important;
flex-direction: row !important;
align-items: flex-start;
gap: 16px;
}
} @media (max-width: 768px) {
ul.products li.product {
gap: 16px;
padding: 12px;
}
ul.products li.product .woocommerce-LoopProduct-link {
gap: 16px;
}
}