.woofoo-container {
display: grid;
}
.woofoo-item-container {
overflow: hidden;
position: relative;
}
.woofoo-item-container .woofoo-image,
.woofoo-item-container .woofoo-image img {
height: 100%;
object-fit: cover;
}
.woofoo-item-container .woofoo-image img {
width: 100%;
}
.woofoo-item-container .woofoo-content {
padding: 20px;
}
.woofoo-design-1 h2,
.woofoo-design-2 h2,
.woofoo-design-3 h2,
.woofoo-design-4 h2,
.woofoo-design-6 h2,
.woofoo-design-8 h2{
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 2em;
line-height: 1.8em;
}
.woofoo-design-1 .woofoo-woocommerce h2 a,
.woofoo-design-2 .woofoo-woocommerce h2 a,
.woofoo-design-3 .woofoo-woocommerce h2 a,
.woofoo-design-4 .woofoo-woocommerce h2 a,
.woofoo-design-6 .woofoo-woocommerce h2 a,
.woofoo-design-8 .woofoo-woocommerce h2 a {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 2em;
line-height: 1.8em;
}
.woofoo-item-container.woofoo-woocommerce .woofoo-title a,
.woofoo-item-container .woofoo-title {
font-size: 22px;
font-weight: 600;
color: #000000;
}
.woofoo-item-container h2,
.woofoo-item-container p {
margin: 0;
}
.woofoo-item-container .woofoo-price-wrapper,
.woofoo-item-container .woofoo-regular-price,
.woofoo-item-container .woofoo-sale-price,
.woofoo-design-7 .woofoo-label-sale-wrapper {
display: flex;
align-items: baseline;
}
.woofoo-item-container .woofoo-title-price-wrapper {
display: flex;
align-items: baseline;
}
.woofoo-item-container .woofoo-price {
order: 2;
}
.woofoo-item-container .aftercurrency {
order: 3;
}
.woofoo-item-container .beforecurrency {
order: 1;
}
.woofoo-item-container .woofoo-button {
display: inline-block;
}
.woofoo-item-container .woofoo-label-rate-wrapper,
.woofoo-item-container .woofoo-rate-btn-wrapper,
.woofoo-item-container .woofoo-price-btn-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.woofoo-woocommerce .woofoo-img img {
display: block;
width: 100%;
height: 100%;
}
.woofoo-woocommerce .woofoo-star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 16px;
width: 5.4em;
font-family: star;
}
.woofoo-woocommerce .woofoo-star-rating::before {
content: "sssss";
color: #000000;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woofoo-woocommerce .woofoo-star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
color: #ea1f2e;
}
.woofoo-woocommerce .woofoo-star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute; 
left: 0;
}
.woofoo-item-container.woofoo-highlight {
border: 2px solid;
}
.woofoo-item-container .woofoo-button {
margin-top: 10px;
}
.woofoo-item-container .woofoo-button .woofoo-button-text {
background-color: #ea1f2e;
padding: 10px 15px;
border: 2px solid #ea1f2e;
color: #FFFFFF;
font-weight: 600;
text-decoration: none;
}
.woofoo-item-container .woofoo-button .woofoo-button-text:hover {
background: none;
border: 2px solid #ea1f2e;
}
.woofoo-item-container a {
text-decoration: none;
}
.woofoo-item-container .woofoo-button .woofoo-button-text:hover,
.woofoo-item-container .woofoo-sale-price,
.woofoo-item-container .woofoo-rating .star-fill {
color: #ea1f2e;
}
.woofoo-item-container .woofoo-regular-price,
.woofoo-item-container .woofoo-sale-price {
font-size: 16px;
font-weight: 600;
}
.woofoo-item-container .woofoo-regular-price {
color: #2b2b2b;
}
.woofoo-item-container .woofoo-separator {
border-bottom: 2px dotted #979797;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 5px;
margin-right: 5px;
min-width: 10%;
}
.woofoo-item-container .woofoo-rating,
.woofoo-woocommerce .woofoo-star-rating,
.woofoo-item-container .woofoo-button,
.woofoo-item-container .woofoo-description,
.woofoo-item-container .woofoo-title-price-wrapper,
.woofoo-design-9 .woofoo-price-wrapper {
margin-top: 10px;
}
.woofoo-item-container .woofoo-rating .star {
color: #000000;
}
.woofoo-design-1 .woofoo-image,
.woofoo-design-1 .woofoo-woocommerce .woofoo-layout-img img,
.woofoo-design-8 .woofoo-image,
.woofoo-design-8 .woofoo-woocommerce .woofoo-layout-img img {
transition: 0.4s all ease-in-out;
width: 100%;
}
.woofoo-design-1 .woofoo-item-container:hover img,
.woofoo-design-8 .woofoo-item-container:hover img {
transform: scale(1.2);
transition: 0.4s all ease-in-out;
}
.woofoo-design-1 .woofoo-img-icon-wrapper,
.woofoo-design-2 .woofoo-img-icon-wrapper,
.woofoo-design-2 .woofoo-image,
.woofoo-design-2 .woofoo-layout-img,
.woofoo-design-3 .woofoo-item-container,
.woofoo-container .woofoo-design-6,
.woofoo-design-6 .woofoo-item-container,
.woofoo-design-9 .woofoo-img-icon-wrapper {
position: relative;
}
.woofoo-design-1 .woofoo-item-container,
.woofoo-design-2 .woofoo-item-container,
.woofoo-design-4 .woofoo-item-container,
.woofoo-design-6 .woofoo-item-container,
.woofoo-design-7 .woofoo-item-container,
.woofoo-design-7 .woofoo-item-container,
.woofoo-design-8 .woofoo-item-container,
.woofoo-design-9 .woofoo-content-wrapper {
box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.12);
}
.woofoo-item-container .woofoo-content,
.woofoo-design-2 .woofoo-content,
.woofoo-design-2 .woofoo-button-wrapper,
.woofoo-design-4 .woofoo-content,
.woofoo-design-4 .woofoo-button-wrapper,
.woofoo-design-7 .woofoo-item-container .woofoo-content,
.woofoo-item-container .woofoo-button {
text-align: center;
}
.woofoo-item-container .woofoo-content {
text-align: left;
}
.woofoo-design-6 .woofoo-woocommerce .woofoo-star-rating::before,
.woofoo-design-6 .woofoo-text-center,
.woofoo-design-6 .woofoo-rating .star,
.woofoo-design-6 .woofoo-regular-price,
.woofoo-design-3 .woofoo-regular-price,
.woofoo-design-3 .woofoo-rating .star,
.woofoo-design-3 .woofoo-woocommerce .woofoo-star-rating::before,
.woofoo-design-3 .woofoo-woocommerce .woofoo-star-rating span {
color: #FFFFFF;
}
.woofoo-design-1 .woofoo-icon,
.woofoo-design-5 .woofoo-icon {
position: absolute;
top: 10px;
right: 10px;
}
.woofoo-design-1 .woofoo-icon,
.woofoo-design-2 .woofoo-icon,
.woofoo-design-5 .woofoo-icon,
.woofoo-design-6 .woofoo-icon,
.woofoo-design-10 .woofoo-icon {
padding: 0 6px 3px 5px;
border-radius: 50%;
border: 2px solid #FFFFFF;
}
.woofoo-design-5 .woofoo-button,
.woofoo-design-5 .woofoo-description,
.woofoo-design-5 .woofoo-rating,
.woofoo-design-6 .woofoo-title-price-wrapper,
.woofoo-design-9 .woofoo-rating,
.woofoo-design-9 .woofoo-description,
.woofoo-design-10 .woofoo-item-container .woofoo-rating {
margin-top: 0;
}
.woofoo-design-2 .woofoo-icon,
.woofoo-design-9 .woofoo-icon,
.woofoo-design-10 .woofoo-icon {
position: absolute;
top: 10px;
left: 10px;
}
.woofoo-item-container .woofoo-line {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.woofoo-item-container .woofoo-button {
margin-top: 20px;
} .woofoo-cat-tag-title {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.woofoo-cat-tag-title .woofoo-category,
.woofoo-cat-tag-title .woofoo-tag {
font-size: 24px;
display: inline-block;
color: #ea1f2e;
} .woofoo-design-1 .woofoo-img-icon-wrapper {
width: 50%;
overflow: hidden;
}
.woofoo-design-1 .woofoo-woocommerce .woofoo-layout-img {
width: 30%;
overflow: hidden;
}
.woofoo-design-1 .woofoo-content {
width: 70%;
}
.woofoo-design-1 .woofoo-item-container {
display: flex;
}
.woofoo-design-1 .woofoo-item-container {
border-radius: 10px;
}
.woofoo-design-1 .woofoo-label {
font-size: 12px;
background: #ea1f2e;
padding: 3px 7px;
color: #FFFFFF;
display: inline-block;
}
.woofoo-design-1 .woofoo-content {
display: flex;
flex-direction: column;
justify-content: center;
} .woofoo-design-2 .woofoo-image img{
display: block;
}
.woofoo-design-2 .woofoo-label {
position: absolute;
top: 15px;
right: 15px;
-ms-transform: translateX(30%) translateY(0%) rotate(45deg);
-webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
transform: translateX(30%) translateY(0%) rotate(45deg);
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
z-index: 10;
background: #ea1f2e;
text-align: center;
color: #FFFFFF;
}
.woofoo-design-2 .woofoo-label::before, .woofoo-design-2 .woofoo-label::after {
content: '';
position: absolute;
top: 0;
margin: 0 -1px;
width: 200px;
height: 100%;
background: inherit;
min-width: 55px
}
.woofoo-design-2 .woofoo-label::before {
right: 100%
}
.woofoo-design-2 .woofoo-label::after {
left: 100%
}
.woofoo-design-2 .woofoo-item-container {
border-radius: 10px;
}
.woofoo-design-2 .woofoo-image a {
position: relative;
}
.woofoo-design-2 .woofoo-item-container:hover .woofoo-image a:after,
.woofoo-design-2 .woofoo-item-container:hover .woofoo-layout-img a:after {
content: '';
display: block;
width: 100%;
height: 100%;
background: #000000;
top: 0;
left: 0;
position: absolute;
opacity: 0.3;
z-index: 9;
} .woofoo-design-6 .woofoo-title,
.woofoo-design-6 .woofoo-woocommerce .woofoo-title a,
.woofoo-design-3 .woofoo-title,
.woofoo-design-3 .woofoo-woocommerce .woofoo-title a {
color: #FFFFFF;
}
.woofoo-design-3 .woofoo-image img {
display: block;
width: 100%;
height: auto;
}
.woofoo-design-3 .woofoo-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000000AB;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s ease;
transition: .6s ease;
}
.woofoo-design-3 .woofoo-item-container:hover .woofoo-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.woofoo-design-3 .woofoo-text-center {
color: #FFFFFF;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.woofoo-design-3 .woofoo-label,
.woofoo-design-11 .woofoo-label {
position: absolute;
display: inline-block;
top: 12px;
right: 10px;
max-width: 5em;
color: #fff;
z-index: 1;
transform: rotate(45deg);
}
.woofoo-design-3 .woofoo-label::after,
.woofoo-design-11 .woofoo-label::after {
position: absolute;
top: -1.5em;
right: -6em;
content: "";
height: 63px;
width: 225px;
background-color:#ea1f2e;
z-index:-1;
}
.woofoo-design-3 .woofoo-icon,
.woofoo-design-4 .woofoo-icon,
.woofoo-design-7 .woofoo-icon,
.woofoo-design-11 .woofoo-icon {
padding: 0 6px 3px 5px;
border-radius: 50%;
border: 2px solid #FFFFFF;
display: inline-block;
margin-bottom: 10px;
} .woofoo-design-4 .woofoo-image img,
.woofoo-design-4 .woofoo-woocommerce .woofoo-img img {
border-radius: 50%;
}
.woofoo-design-4 .woofoo-image,
.woofoo-design-4 .woofoo-layout-img {
padding: 20px 50px 0;
text-align: center;
}
.woofoo-design-4 .woofoo-item-container {
border-radius: 10px;
}
.woofoo-design-4  .woofoo-price-wrapper {
border-radius: 25px;
padding: 2px 20px;
}
.woofoo-design-4 .woofoo-label {
clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
font-size: 14px;
background: #ea1f2e;
padding: 2px 15px;
color: #FFFFFF;
display: inline-block;
position: absolute;
top: 0;
left: 0;
} .woofoo-design-5 .woofoo-item-container {
display: flex;
border: 1px solid #ddd;
padding: 10px;
}
.woofoo-design-5 .woofoo-img-wrapper,
.woofoo-design-5 .woofoo-woocommerce .woofoo-layout-img {
position: relative;
width: 10%;
margin-right: 20px;
}
.woofoo-design-5 .woofoo-content {
display: flex;
width: 100%;
align-items: center;
flex-wrap: wrap;
padding: 0;
}
.woofoo-design-5 .woofoo-title-rate-wrapper {
width: 20%;
padding: 0 15px 0 0;
}
.woofoo-design-5 .woofoo-description {
padding: 0 30px 0 0;
width: 55%;
}
.woofoo-design-5 .woofoo-price-wrapper {
width: 10%;
text-align: center;
}
.woofoo-design-5 .woofoo-button-wrapper {
width: 15%;
text-align: right;
}
.woofoo-design-5 .woofoo-price-wrapper {
display: flex;
align-items: first baseline;
}
.woofoo-design-5 .woofoo-title-wrapper,
.woofoo-design-5 .woofoo-woocommerce .woofoo-star-rating {
margin-top: 5px;
}
.woofoo-design-5 .woofoo-label {
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
background-color: #ea1f2e;
font-size: 14px;
padding: 2px 8px 2px 15px;
display: inline-block;
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.woofoo-design-5 .woofoo-description {
width: 50%;
}
.woofoo-design-5 .woofoo-price-wrapper {
width: 10%;
}
.woofoo-design-5 .woofoo-button-wrapper {
width: 20%;
}
}
@media screen and (max-width: 425px) {
.woofoo-design-5 .woofoo-img-wrapper,
.woofoo-design-5 .woofoo-woocommerce .woofoo-layout-img {
width: 40%;
}
.woofoo-design-5 .woofoo-content {
width: 60%;
}
.woofoo-design-5 .woofoo-title-rate-wrapper,
.woofoo-design-5 .woofoo-description {
width: 100%;
}
.woofoo-design-5 .woofoo-price-wrapper,
.woofoo-design-5 .woofoo-button-wrapper {
width: 100%;
text-align: left;
}
} .woofoo-design-6 {
margin-right: 10px;
}
.woofoo-design-6 .woofoo-image img {
display: block;
width: 100%;
height: auto;
position: relative;
}
.woofoo-design-6 .woofoo-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000000AB;
overflow: hidden;
width: 100%;
height: 18%;
transition: .5s ease;
z-index: 2;
}
.woofoo-design-6 .woofoo-item-container:hover .woofoo-content {
height: 100%;
}
.woofoo-design-6 .woofoo-icon {
position: absolute;
top: 15px;
left: 15px;
}
.woofoo-design-6 .woofoo-label {
--f: 10px;
--r: 15px;
--t: 10px;
position: absolute;
inset: var(--t) calc(-1*var(--f)) auto auto;
padding: 0 10px var(--f) calc(10px + var(--r));
clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
var(--r) calc(50% - var(--f)/2));
background-color: #ff0000;
color: #FFFFFF;
z-index: 1;
}
.woofoo-design-6 .woofoo-description {
margin-top: 12px;
} .woofoo-design-7 .woofoo-item-container {
overflow: visible;
margin-top: 150px;
border-radius: 40px;
}
.woofoo-design-7 .woofoo-image,
.woofoo-design-7 .woofoo-woocommerce .woofoo-layout-img {
margin-top: -150px;
}
.woofoo-design-7 .woofoo-content {
padding: 35px;
border-radius: 40px;
}
.woofoo-design-7 .woofoo-image img,
.woofoo-design-7 .woofoo-woocommerce .woofoo-img img {
border-radius: 50%;
}
.woofoo-design-7 .woofoo-label {
clip-path: polygon(100% 0, 85% 52%, 100% 100%, 0% 100%, 0 55%, 0% 0%);
background-color: #ea1f2e;
padding: 2px 15px 2px 10px;
position: absolute;
color: #FFFFFF;
left: 0;
top: 34%;
}
.woofoo-design-7 .woofoo-regular-price,
.woofoo-design-7 .woofoo-sale-price {
font-size: 22px;
} .woofoo-design-8 .woofoo-item-container {
display: flex;
align-items: center;
padding: 20px;
}
.woofoo-design-8 .woofoo-image img {
display: block;
}
.woofoo-design-8 .woofoo-image img,
.woofoo-design-8 .woofoo-woocommerce .woofoo-layout-img,
.woofoo-design-8 .woofoo-woocommerce .woofoo-img img,
.woofoo-design-8 .woofoo-img-wrapper {
border-radius: 50%;
}
.woofoo-design-8 .woofoo-woocommerce .woofoo-layout-img,
.woofoo-design-8 .woofoo-img-wrapper {
overflow: hidden;
}
.woofoo-design-8 .woofoo-img-wrapper,
.woofoo-design-8 .woofoo-woocommerce .woofoo-layout-img {
max-width: 145px;
}
.woofoo-design-8 .woofoo-content {
width: 100%;
}
.woofoo-design-8 .woofoo-content {
padding: 0;
margin-right: 20px;
}
.woofoo-design-8 .woofoo-label {
clip-path: polygon(100% 0%, 86% 50%, 100% 100%, 25% 100%, 4% 50%, 25% 0%);
background-color: #ea1f2e;
padding: 2px 15px 4px 17px;
display: inline-block;
position: absolute;
color: #FFFFFF;
right: 0;
top: 0;
font-size: 14px;
}
.woofoo-design-8 .woofoo-icon {
padding: 0 6px 3px 5px;
border-radius: 50%;
border: 2px solid #FFFFFF;
display: inline-block;
}
.woofoo-design-8 .woofoo-button {
margin-top: 25px;
}
@media screen and (max-width: 425px) {
.woofoo-design-8 .woofoo-img-wrapper,
.woofoo-design-8 .woofoo-woocommerce .woofoo-layout-img {
max-width: 120px;
}
} .woofoo-design-9 .woofoo-item-container {
display: flex;
}
.woofoo-container .woofoo-design-9:nth-child(even) .woofoo-img-icon-wrapper,
.woofoo-container .woofoo-design-9:nth-child(even) .woofoo-layout-img {
order: 2;
}
.woofoo-design-9 .woofoo-img-icon-wrapper,
.woofoo-design-9 .woofoo-layout-img {
max-width: 200px;
}
.woofoo-design-9 .woofoo-content {
width: 100%;
}
.woofoo-design-9 .woofoo-icon {
padding: 0 6px 3px 5px;
border-radius: 50%;
border: 2px solid #FFFFFF;
}
.woofoo-design-9 .woofoo-image img {
display: block;
}
.woofoo-design-9 .woofoo-content {
padding: 0;
}
.woofoo-design-9 .woofoo-content-wrapper {
display: flex;
flex-wrap: wrap;
}
.woofoo-design-9 .woofoo-rate-btn-wrapper {
width: 30%;
flex-direction: column;
align-items: end;
}
.woofoo-design-9 .woofoo-desc-price-wrapper {
width: 70%; 
}
.woofoo-design-9 .woofoo-title-label-wrapper {
margin-bottom: 10px ;
}
.woofoo-design-9 .woofoo-item-container {
overflow: visible;
}
.woofoo-design-9 .woofoo-item-container.woofoo-highlight {
border: 0;
}
.woofoo-design-9 .woofoo-item-container.woofoo-highlight .woofoo-content-wrapper {
border: 2px solid;
}
.woofoo-design-9 .woofoo-title-label-wrapper {
display: flex;
align-items: center;
}
.woofoo-design-9 .woofoo-label {
background-color: #ea1f2e;
color: #FFFFFF;
font-size: 14px;
padding: 3px 7px;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
.woofoo-design-9 .woofoo-rate-btn-wrapper {
width: 35%;
}
.woofoo-design-9 .woofoo-desc-price-wrapper {
width: 65%; 
}
.woofoo-design-9 .woofoo-img-icon-wrapper, .woofoo-design-9 .woofoo-layout-img {
max-width: 170px;
}
}
@media screen and (max-width: 425px) {
.woofoo-design-9 .woofoo-rate-btn-wrapper,
.woofoo-design-9 .woofoo-desc-price-wrapper {
width: 100%; 
align-items: start;
}
.woofoo-design-9 .woofoo-img-icon-wrapper, .woofoo-design-9 .woofoo-layout-img {
max-width: 140px;
}
} .woofoo-design-10 .woofoo-item-container {
position: relative;
border-top: 2px solid #CBCBCB;
display: flex;
}
.woofoo-design-10 .woofoo-item-container::before {
content: '';
position: absolute;
top: 0;
left: 40%;
height: 100%;
width: 2px;
background-color: #CBCBCB;
margin-left: -2px;
}
.woofoo-design-10 .woofoo-img-flip {
transition: transform 0.8s;
position: relative;
}
.woofoo-design-10 .woofoo-item-container:hover .woofoo-img-flip {
transform: rotateY(180deg);
}
.woofoo-design-10 .woofoo-img-icon-wrapper,
.woofoo-design-10 .woofoo-woocommerce .woofoo-layout-img {
width: 40%;
padding: 20px;
}
.woofoo-design-10 .woofoo-content {
width: 60%;
}
.woofoo-design-10 .woofoo-price-rate-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
} 
.woofoo-design-10 .woofoo-label{
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
background-color: #ea1f2e;
color: #FFFFFF;
padding: 10px 5px 15px;
font-size: 14px;
position: absolute;
top: 0;
right: 10px;
} .woofoo-design-11 .woofoo-content-container {
width: 100%;
}
.woofoo-design-11 .woofoo-item-container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.woofoo-design-11 .woofoo-content-container {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.woofoo-design-11 .woofoo-content-wrap {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.woofoo-design-11 .woofoo-layout-img, .woofoo-design-11 .woofoo-layout-img .woofoo-image img,
.woofoo-design-11 .woofoo-image, .woofoo-design-11 .woofoo-image img {
height: auto;
max-width: 175px;
margin-right: 50px;
position: relative;
z-index: 9;
text-align: end;
}
.woofoo-design-11 .woofoo-content {
width: 85%;
border: 1px solid #ddd;
position: relative;
overflow: hidden;
}
.woofoo-design-11 .woofoo-img-price-wrapper {
margin-top: -140px;
}
.woofoo-design-11 .woofoo-price-wrapper {
justify-content: end;
}
.woofoo-design-11 .woofoo-all-price {
display: inline-block;
border: 1px solid #ddd;
padding: 10px;
z-index: 1;
margin-left: 10px;
}
.woofoo-design-11 .woofoo-sale-price {
float: left;
}
.woofoo-design-11 .woofoo-item-container.woofoo-highlight {
border: 0;
}
.woofoo-design-11 .woofoo-price-wrapper {
margin-bottom: -12px;
}
.woofoo-design-11 .woofoo-label::after {
height: 53px;
}
@media screen and (max-width: 768px) {
.woofoo-design-11 .woofoo-layout-img, .woofoo-design-11 .woofoo-layout-img .woofoo-image img,
.woofoo-design-11 .woofoo-image, .woofoo-design-11 .woofoo-image img {
max-width: 140px;
margin-right: 30px;
}
.woofoo-design-11 .woofoo-content {
width: 80%;
}
}
@media screen and (max-width: 425px) {
.woofoo-design-11 .woofoo-layout-img, .woofoo-design-11 .woofoo-layout-img .woofoo-image img,
.woofoo-design-11 .woofoo-image, .woofoo-design-11 .woofoo-image img {
max-width: 120px;
margin-right: 20px;
}
} @media screen and (min-width: 1025px) {
.woofoo-container.woofoo-design-5,
.woofoo-container.woofoo-design-9 {
grid-template-columns: repeat(1,1fr);
}
.woofoo-container.woofoo-design-1,
.woofoo-container.woofoo-design-8,
.woofoo-container.woofoo-design-10,
.woofoo-container.woofoo-design-11 {
grid-template-columns: repeat(2,1fr);
}
.woofoo-container {
grid-template-columns: repeat(3,1fr);
}
}
@media (max-width: 1024px) and (min-width:767px) {
.woofoo-container.woofoo-design-5,
.woofoo-container.woofoo-design-8,
.woofoo-container.woofoo-design-9 {
grid-template-columns: repeat(1,1fr);
}
.woofoo-container {
grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 767px) {
.woofoo-container{
grid-template-columns: repeat(1,1fr);
}
}