.most-popular-carousel-block a:hover{
color:var(--wp--preset--color--green);
}
.woocommerce-variation-price {
width: 100%;
}
.woocommerce-variation-price span.price {
flex-direction: column; }
.price .woocommerce-price-suffix {
color: var(--wp--preset--color--dark-grey);
margin-left: auto;
font-size: 1rem;
line-height: 1; grid-row: 2;
grid-column-start: 1;
grid-column-end: span 2;
display: flex;
width: 100%;
flex-wrap: nowrap; justify-content: flex-end;
overflow: visible;
white-space: nowrap;
grid-row: 2;
}
small.woocommerce-price-suffix {
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: var(--wp--preset--gradient--card);
color: var(--wp--preset--color--white);
border-radius: 1rem;
padding: 2rem;
width: auto;
margin: 0 !important;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
display: none;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: auto; }
.woocommerce ul.products li.product a img {
border-radius: 0.5rem;
max-height: 320px;
max-width: 320px;
object-fit: contain;
margin: auto;
}
@media screen and (max-width: 360px) {
min-height: unset;
}
.woocommerce ul.products li.product .button {
background: var(--wp--preset--color--black);
color: var(--wp--preset--color--white);
display: flex;
border-radius: 3rem;
justify-content: center;
flex-direction: row;
height: auto;
max-width: fit-content;
margin: 1em auto 0;
align-self: center;
gap: 0.5rem;
&:hover, &:focus {
background: var(--wp--preset--color--green);
}
}
.woocommerce ul.products li.product .button::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='14' fill='none' viewBox='0 0 21 14'%3E%3Cpath fill='%23fff' d='M2 5.6h13.6l-3.3-3.2c-.2-.3-.4-.6-.4-1 0-.7.6-1.4 1.5-1.4.3 0 .7.1 1 .4L20 6c.3.2.5.5.5 1s-.2.8-.5 1l-5.7 5.6c-.2.3-.6.4-1 .4-.8 0-1.4-.7-1.4-1.4 0-.4.2-.7.4-1l3.3-3.2H2C1.1 8.4.5 7.8.5 7c0-.8.6-1.4 1.4-1.4Z'/%3E%3C/svg%3E");
width: 1rem;
margin-left: 0;
font-family: inherit;
}
.woocommerce ul.products li.product .button.loading{
width: auto;
top: unset;
opacity: 1;
transform-origin: center center; }
.woocommerce ul.products li.product .button.loading::after{
position: static !important;
animation: spin 1.5s linear infinite;
content: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='white'/%3E%3C/svg%3E%0A"); margin-left: 0;  }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--wp--preset--color--white);
font-size: var(--wp--preset--font-size--h-4);
font-weight: 500;
}
.woocommerce ul.products li.product .single_variation_wrap {
display: none !important;
} .woocommerce ul.products {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
width: 100%;
margin-top: var(--wp--custom--gap);
}
.woocommerce ul.products li.product > a {
display: flex;
flex-direction: column;
height: 100%;
}
.woocommerce ul.products li.product > a.added_to_cart {
display: none;
} .woocommerce-ordering,
.woocommerce-result-count {
display: none;
} .woocommerce ul.products.alternative-products-layout {
display: grid;
grid-template-columns: 1fr 1fr;
list-style-type: none;
padding-left: 0;
}
.woocommerce ul.products.alternative-products-layout li.product:first-child {
grid-column: 1 / -1;
}
.woocommerce ul.products.alternative-products-layout li.product figure {
height: 24rem;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: white;
border-radius: 0.5rem;
}
.woocommerce
ul.products.alternative-products-layout
li.product:first-child
figure {
height: 28rem;
}
.woocommerce ul.products.alternative-products-layout li.product figure img {
max-width: 100%;
max-height: 100%;
width: auto;
}
.product-info-oneline {
display: flex;
justify-content: space-between;
column-gap: 2em;
flex-wrap: wrap;
padding: 0 1em;
height: 100%;
}
.woocommerce ul.products.alternative-products-layout li.product .amount,
.woocommerce
ul.products.alternative-products-layout
li.product
.woocommerce-loop-product__title {
font-size: var(--wp--preset--font-size--h-4);
}
.woocommerce
ul.products.alternative-products-layout
li.product:first-child
.amount,
.woocommerce
ul.products.alternative-products-layout
li.product:first-child
.woocommerce-loop-product__title {
font-size: 1.75rem;
}
@media screen and (max-width: 1280px){
.woocommerce ul.products{
grid-template-columns:repeat(2, calc(50% - 1em))
}
.woocommerce ul.products li.product a img{
min-height: auto;
}
}
@media screen and (max-width: 1080px) {
.woocommerce ul.products{
grid-template-columns:100%;
margin-top: 2em;
}
}
@media screen and (max-width: 480px) {
.woocommerce ul.products.alternative-products-layout {
grid-template-columns: 1fr;
}
.woocommerce
ul.products.alternative-products-layout
li.product:first-child
figure,
.woocommerce ul.products.alternative-products-layout li.product figure {
height: 17rem;
}
}
@media screen and (max-width: 480px) {
.woocommerce ul.products li.product .price del span, 
.woocommerce ul.products li.product .price ins span,
.products.columns-3 p.price .amount{
font-size: 20px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size:20px;
font-weight:500;
}
.products.columns-3 p.price .woocommerce-price-suffix {
font-size:12px;
}
.woocommerce a span.onsale {
font-size:16px;
}
}  .most-popular-carousel-block h3 {
margin-top: 0;
}
.new-product-gallery li.carousel-cell {
width: 284px;
padding: 0;
margin: 0 2em 0 0;
}
.new-product-gallery .carousel-cell.placeholder-cell {
width: calc(50vw - var(--wp--style--global--content-size) / 2 - 20px); margin: 0;
}
@media screen and (max-width: 1280px) {
.new-product-gallery .carousel-cell.placeholder-cell {
width: calc(var(--wp--custom--padding) - 15px);
}
}
.new-product-gallery li.carousel-cell figure.obrazok-produktu {
background-color: var(--wp--preset--color--light-grey);
padding: 26px 26px 23px 26px;
height: 272px;
width: 284px;
border-radius: 8px;
margin-bottom: 0;
}
.new-product-gallery li.carousel-cell figure.obrazok-produktu img {
height: 100%;
width: 100%;
object-fit: contain;
}
.new-product-gallery .home-page-carousel-content {
justify-content: space-between;
display: flex;
flex-direction: column;
height: 127px; padding-top: 1em;
}
.new-product-gallery p {
padding: 0;
}
.new-product-gallery .show-details::after {
content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_1'%3E%3Cpath id='Vector' d='M7.42857 14.6H21.1429L17.8429 11.366C17.5614 11.0902 17.4286 10.7612 17.4286 10.4C17.4286 9.7112 18.0093 9 18.8571 9C19.2364 9 19.5671 9.1351 19.8429 9.406L25.5271 14.9766C25.7614 15.2062 26 15.4897 26 16C26 16.5103 25.8007 16.756 25.5386 17.0129L19.8429 22.594C19.5671 22.8649 19.2364 23 18.8571 23C18.0086 23 17.4286 22.2888 17.4286 21.6C17.4286 21.2388 17.5614 20.9098 17.8429 20.634L21.1429 17.4H7.42857C6.64 17.4 6 16.7728 6 16C6 15.2272 6.64 14.6 7.42857 14.6Z' fill='%2300BF6F'/%3E%3C/g%3E%3C/svg%3E%0A");
position: relative;
top: 10px;
left: 6px;
} .product-gallery .carousel-cell {
width: 18rem;
margin-right: 1.5rem;
}
.product-gallery .carousel-cell > figure {
height: 17em;
width: 100%;
border-radius: 0.5rem;
background-color: var(--wp--preset--color--light-grey);
}
.product-gallery .carousel-cell > figure a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-gallery .carousel-cell > figure img {
max-width: 90%;
max-height: 100%;
width: auto;
height: 90%;
object-fit: contain;
} .wp-block-columns.shop-categories figure.size-full {
width: 100%;
}
.wp-block-columns.shop-categories figure.size-full img {
width: 100%;
}
.wp-block-columns.shop-categories .wp-block-column {
max-width: 35.25em;
width: 50%;
}
.shop-categories a{
color: var(--wp--preset--color--black);
}
.shop-categories a:hover{
color: var(--wp--preset--color--green);
} .woocommerce-Price-amount {
font-size: 2rem;
font-weight: 500; }
.woocommerce .woocommerce-variation-price del,
.woocommerce ul.products li.product .price del {
opacity: 1;
color: var(--wp--preset--color--white);  text-decoration-thickness: 1px;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: 1;
color: var(--wp--preset--color--black);
order: 2;
flex-basis: 100%;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-weight: 500;
color: inherit;
}
.woocommerce .price ins {
text-decoration: none;
}
.woocommerce ul.products li.product .price ins {
color: var(--wp--preset--color--green);
order: -1;
}
.woocommerce ul.products li.product .price {
color: var(--wp--preset--color--green);
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin-top: 0;
column-gap: 0.75rem;
row-gap: 0;
justify-content: flex-end;
flex-direction: row;
}
.woocommerce ul.products .woocommerce-Price-amount {
justify-content: flex-start;
font-size: var(--wp--preset--font-size--large);
}
.woocommerce .woocommerce-Price-amount.amount > bdi,
.woocommerce .woocommerce-Price-amount.amount > span {
display: flex;
align-items: baseline;
justify-content: flex-end;
}
.woocommerce .price .price-prefix {
color: var(--wp--preset--color--black);
font-weight: 500;
font-size: var(--wp--preset--font-size--h-5);
}
.woocommerce .woocommerce-Price-currencySymbol {
padding-right: 0.15rem;
order: -1;
} .woocommerce span.onsale {
left: 24px;
display: inline-flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: var(--wp--preset--color--green);
color: var(--wc-primary-text);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 104%;
letter-spacing: -0.36px;
min-height: auto;
min-width: auto;
top: -17px;
}
.woocommerce ul.products li.product .onsale {
margin: 0.75rem;
right: auto;
left: 0.25rem;
top: -1.5rem;
} #ep-product-variations {
--wvs-tick: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 2px rgb(0 0 0 / .8))' xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 30 30'%3E%3Cpath fill='none' stroke='%234c4c4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M4 16L11 23 27 7'/%3E%3C/svg%3E");
--wvs-cross: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='0.6' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E");
--wvs-single-product-item-width: 35px;
--wvs-single-product-item-height: 35px;
--wvs-single-product-item-font-size: 16px
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not( .no-stock ) {
background-color: var(--wp--preset--color--black);
}
#ep-product-variations select{
display: none;
}
.woo-variation-swatches .variable-items-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
margin: 0;
padding: 0
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{
min-width: var(--wvs-single-product-item-width);
width: auto;
}
.woo-variation-swatches .variable-items-wrapper .variable-item .variable-item-contents {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
width: 100%;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
font-size: var(--wvs-single-product-item-font-size, 16px);
text-align: center;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
padding: 0 5px;
}
.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th {
display: block;
width: auto !important;
}
.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations td label, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th label {
display: inline-block;
margin: 0 2px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--wvs-item-background-color, #fff);
-webkit-box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #a8a8a8);
box-shadow: var(--wvs-item-box-shadow, 0 0 0 1px #a8a8a8);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: var(--wvs-item-text-color, #000);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--wvs-single-product-item-height, 30px);
justify-content: center;
margin: 4px;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;
padding: 2px;
position: relative;
width: var(--wvs-single-product-item-width, 30px);
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
font-size: 1.125em;
max-width: 12em;
width: 100%;
height: auto;
padding: 0;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover {
cursor: not-allowed;
overflow: hidden;
pointer-events: none;
position: relative;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents:before {
background-image: var(--wvs-cross);
background-position: 50%;
background-repeat: no-repeat;
content: " ";
display: block;
height: 100%;
position: absolute;
width: 100%;
width: 100%;
height: 100%; background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%, auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
button.single_add_to_cart_button::after{
padding-top: 4px;
content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.42857 14.6H21.1429L17.8429 11.366C17.5614 11.0902 17.4286 10.7612 17.4286 10.4C17.4286 9.7112 18.0093 9 18.8571 9C19.2364 9 19.5671 9.1351 19.8429 9.406L25.5271 14.9766C25.7614 15.2062 26 15.4897 26 16C26 16.5103 25.8007 16.756 25.5386 17.0129L19.8429 22.594C19.5671 22.8649 19.2364 23 18.8571 23C18.0086 23 17.4286 22.2888 17.4286 21.6C17.4286 21.2388 17.5614 20.9098 17.8429 20.634L21.1429 17.4H7.42857C6.64 17.4 6 16.7728 6 16C6 15.2272 6.64 14.6 7.42857 14.6Z' fill='%2300BF6F'/%3E%3C/svg%3E");
}
button.single_add_to_cart_button:hover::after{ content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.42857 14.6H21.1429L17.8429 11.366C17.5614 11.0902 17.4286 10.7612 17.4286 10.4C17.4286 9.7112 18.0093 9 18.8571 9C19.2364 9 19.5671 9.1351 19.8429 9.406L25.5271 14.9766C25.7614 15.2062 26 15.4897 26 16C26 16.5103 25.8007 16.756 25.5386 17.0129L19.8429 22.594C19.5671 22.8649 19.2364 23 18.8571 23C18.0086 23 17.4286 22.2888 17.4286 21.6C17.4286 21.2388 17.5614 20.9098 17.8429 20.634L21.1429 17.4H7.42857C6.64 17.4 6 16.7728 6 16C6 15.2272 6.64 14.6 7.42857 14.6Z' fill='white'/%3E%3C/svg%3E%0A");
}
.single_variation_wrap {
display: flex;
flex-direction: column;
gap: 1.5rem;
} .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled {
display: none;
}
.single_variation_wrap .woocommerce-variation-add-to-cart {
display: contents;
}
.woocommerce div.product .single_variation_wrap  .woocommerce-variation-price {
margin: 0;
align-items: baseline;
}
.woocommerce div.product form.cart .single_variation_wrap div.quantity {
order: -1;
}
@media screen and (max-width: 1080px) {
.wp-block-columns.shop-categories .wp-block-column {
max-width: 29em;
}
}
@media screen and (max-width: 782px) {
.wp-block-columns.shop-categories .wp-block-column {
max-width: 100%;
}
}