.electron-loop-product .product-inner {
position: relative;
}
.electron-loop-product .details-inner {
display: flex;
flex-direction: column;
gap: 10px;
}
.electron-loop-product .product-labels {
position: absolute;
top: 10px;
left: 15px;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
z-index: 2;
}
.electron-loop-product .thumb-wrapper {
position: relative;
overflow: hidden;
min-height: 186px;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}
.electron-loop-product .thumb-wrapper:hover {
overflow: visible;
}
.electron-loop-product .product-name {
font-size: 14px;
margin: 0;
line-height: 1;
}
.electron-loop-product .product-features {
display: flex;
flex-direction: column;
gap: 0px;
font-size: 10px;
text-transform: uppercase;
list-style: none;
color: var(--electron-text);
line-height: 1.7;
padding: 0;
margin: 0;
}
.product-features .checked {
color: var(--electron-green);
}
.electron-loop-product .electron-product-button {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.electron-loop-product .product-actions svg {
width: 18px;
height: 18px;
}
.electron-loop-product .product-actions svg {
fill: var(--electron-text);
}
.electron-loop-product .electron-product-button:hover svg {
fill: var(--electron-primary);
}
.woosc-btn.woosc-btn-added:before {
content: none;
}
.electron-product-button.woosc-btn-added svg {
fill: var(--electron-green);
}
.electron-product-button.added svg {
fill: var(--electron-green);
}
.electron-loop-product .electron-stock-status {
font-size: 11px;
line-height: 1;
}
.electron-loop-product .instock {
color: var(--electron-green);
}
.electron-loop-product .outofstock {
color: var(--electron-red);
}
.electron-loop-product .product-price {
color: var(--electron-red-dark);
font-size: 14px;
line-height: 1;
font-weight: 500;
display:flex;
gap:10px;
}
.electron-loop-product ins {
text-decoration: none;
}
.electron-loop-product del {
color: var(--electron-red);
}
.electron-loop-product .stock-rating {
display: flex;
align-items: center;
line-height: 1;
gap: 15px;
}
.electron-loop-product .star-rating,
.electron-loop-product .star-rating>span::before {
font-size: 11px;
}
.electron-swatches-wrapper .electron-variations {
gap: 10px;
}
.electron-product-inner a.reset_variations,
.electron-product-inner span.variation-label {
display: none;
}
.electron-loop-swatches.resettting a.reset_variations {
display: none!important;
}
.electron-swatches-wrapper .type-color {
border-radius: 50%;
}
.electron-swatches-wrapper .type-button {
font-size: 10px;
}
.electron-swatches-wrapper .electron-term .type-button {
color: var(--electron-dark);
background: transparent;
}
.electron-swatches-wrapper .electron-term {
min-width: 15px;
min-height: 15px;
border-radius: 10px;
}
.electron-swatches-wrapper .electron-term {
padding: 1px;
border: 0px solid var(--electron-gray);
}
.electron-swatches-wrapper .type-button {
font-size: 11px;
}
.electron-swatches-wrapper .electron-term.electron-selected,
.electron-swatches-wrapper .electron-type-button .electron-term.electron-selected {
border-color: #25d366;
border-width: 2px;
border-style: solid;
}
.electron-swatches-wrapper .electron-type-button .electron-term,
.electron-swatches-wrapper .electron-type-button .electron-term.electron-selected {
padding: 0;
min-width: auto;
min-height: auto;
border-width: 0;
border-bottom-width: 2px;
border-radius: 0;
height: auto;
}
.electron-swatches-wrapper .terms-outline .type-button {
padding: 0px !important;
}
.electron-swatches-wrapper .electron-terms {
gap: 5px;
}
.electron-swatches-wrapper .electron-variations-items select {
border: 0;
padding: 0;
min-height: 15px;
}
.electron-swatches-wrapper .electron-term.electron-selected:before {
content: none;
}
.ajax_add_to_cart.loading,
.electron-btn.ajax_add_to_cart.loading {
pointer-events: none;
}
.swiper-slide.style-bordered .electron-loop-product {
border: 1px solid var(--electron-gray);
padding: 5px;
border-radius: 4px;
}
.section-custom-categories.style-bordered .row {
border-top: 1px solid var(--electron-gray);
border-left: 1px solid var(--electron-gray);
border-radius: 4px;
margin-bottom: 0;
border-right: 0;
overflow: hidden;
margin-left: calc(0.5 * var(--bs-gutter-x));
margin-right: calc(0.5 * var(--bs-gutter-x));
}
.section-custom-categories.style-bordered .electron-loop-product {
border-right: 1px solid var(--electron-gray);
border-bottom: 1px solid var(--electron-gray);
padding: calc(var(--bs-gutter-x) * 0.5);
}
.section-custom-categories.style-bordered .electron-product-loop-inner {
margin-bottom: 0px;
}
.electron-loop-product .variations_form .electron-btn-reset.reset_variations {
display: none!important;
}  .electron-loop-product.type-list {
position: relative;
padding: 15px;
border: 1px solid var(--electron-border);
-webkit-box-shadow: 1px 2px 4px rgba(33, 37, 41, 0.05);
box-shadow: 1px 2px 4px rgba(33, 37, 41, 0.05);
border-radius: 10px;
overflow: hidden;
}
.electron-loop-product.type-list:hover {
border-color: var(--electron-primary);
}
.type-list .list-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.type-list .thumb-wrapper {
margin: 0px;
flex: 1;
max-width: 40%;
position: relative;
overflow: hidden;
}
.type-list .details-wrapper {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
overflow: hidden;
}
.electron-loop-product.type-list:hover img {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transform-origin: center center;
-moz-transition: all .5s cubic-bezier(.25,.46,.45,.94);
-o-transition: all .5s cubic-bezier(.25,.46,.45,.94);
-webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94);
transition: all .5s cubic-bezier(.25,.46,.45,.94);
}
.type-list .product-labels {
top: 0;
left: 0;
}
.type-list .product-desc {
font-size: 12px;
margin: 0;
}
.type-list .cart-actions {
display: flex;
flex: 0 0 100%;
width: 100%;
gap: 20px;
}
.type-list .product-buttons {
flex: 0 0 40%;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.type-list .electron-product-button {
background-color: var(--electron-light);
width: 30px;
height: 30px;
border-radius: 30px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.type-list .electron-svg-icon {
max-width: 16px;
max-height: 16px;
fill: var(--electron-dark);
}
.type-list .cart-wrapper,
.type-list .electron-product-cart {
margin-top: 0;
width: 100%;
}
.type-list .cart-wrapper svg {
fill: var(--electron-light);
}
.type-list .electron-swatches-wrapper {
position: absolute;
width: 100%;
height: 100%;
background: var(--electron-light);
padding: 20px;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: end;
opacity: 0;
bottom: 0;
transform: translateY(100%);
visibility: hidden;
-moz-transition: all .25s cubic-bezier(.25,.46,.45,.94);
-o-transition: all .25s cubic-bezier(.25,.46,.45,.94);
-webkit-transition: all .25s cubic-bezier(.25,.46,.45,.94);
transition: all .25s cubic-bezier(.25,.46,.45,.94);
}
.type-list:hover .electron-swatches-wrapper {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.type-list .electron-swatches-wrapper .product-price {
margin-bottom: 15px;
}
@media(max-width:768px){
.electron-loop-product .product-price,
.electron-loop-product .price-wrapper {
font-size: 12px;
}
}
@media(max-width:480px){
.type-list .list-inner,
.type-list .cart-actions{
gap: 10px;
}
.electron-loop-product.type-list .thumb-wrapper {
min-height: 125px;
}
.electron-loop-product .product-name {
line-height: 1.5;
font-size:12px;
}
}
@media(min-width:768px){
.loop-list-item {
padding: 20px;
}
}
@media(max-width:1024px) {
.loop-list-item span.electron-hint {
display: none;
}
.electron-loop-product .product-features {
display:none;
}
.electron-loop-product .electron-stock-status {
font-size:9px;
}
}