.product-slide p.stock-status,
.product-slide p.stock,
.product-slide p.stock.in-stock,
.product-slide p.stock.out-of-stock,
.product-slide p.stock.on-backorder,
.product-slide p.stock-status.woocommerce-availability,
.product-slide p.stock-status.s_in_stock_color,
.product-slide p.stock-status.woo-custom-stock-status {
font-size: 10px !important;
padding: 5px 0 10px 0 !important;
margin: 0 !important;
line-height: 1.2 !important;
display: block !important;
white-space: normal !important;
}
.product-slide p:empty,
.product-slide p:empty::before {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
overflow: hidden !important;
content: none !important;
}
.price del { display: none !important; }
.price del, .price ins, .price { text-decoration: none !important; }
.custom-product-slider { width: 100%; margin: 0 auto; }
.slider-track { overflow-x: hidden; display: flex; justify-content: center; padding: 20px 0; }
.slider-wrapper {
display: flex;
transition: transform 0.4s ease;
will-change: transform;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
padding-left: 8px;
padding-right: 8px;
scroll-snap-type: x mandatory;
}
@media (min-width: 1024px) { .slider-wrapper { overflow-x: hidden !important; } }
.product-slide {
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 1rem;
flex-shrink: 0;
display: flex;
flex-direction: column;
text-align: left;
margin-right: 16px;
box-sizing: border-box;
position: relative;
overflow: visible;
scroll-snap-align: start;
}
.product-image-link {
display: block;
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 8px;
transition: transform 0.3s ease;
}
.product-image-link:hover { transform: scale(1.05); }
.product-image { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; transition: none; }
.product-info {
margin-top: auto; 
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.product-title {
font-size: 16px;
margin: 0 0 4px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.2;
}
.price { font-size: 14px; margin: 0 0 4px 0; }
.stock-status { font-size: 10px !important; line-height: 1 !important; margin: 0 0 6px 0 !important; display: block; }
.custom-add-to-cart { margin-top: 4px; }
.custom-btn {
display: block;
width: 100%;
background-color: #12B0E7;
color: #fff;
font-size: 16px;
font-weight: 600;
text-align: center;
text-decoration: none;
padding: 0.75em 0.5em;
border-radius: 8px;
box-sizing: border-box;
line-height: 1.2;
white-space: normal;
word-wrap: break-word;
transition: background-color 0.3s ease;
user-select: none;
border: none;
cursor: pointer;
}
.custom-btn:hover,
.custom-btn:focus { background-color: #000; color: #fff; text-decoration: none; }
.custom-btn.disabled { background-color: #999; cursor: not-allowed; }
.slider-dots { text-align: center; margin-bottom: 20px; }
.slider-dots button {
background-color: #ccc;
border: none;
width: 12px;
height: 12px;
border-radius: 50%;
aspect-ratio: 1 / 1;
margin: 0 4px;
cursor: pointer;
padding: 0;
}
.slider-dots button.active { background-color: #000; }
@media (min-width: 1200px) { .product-slide { width: calc((100% - 16px * 5) / 6); } }
@media (min-width: 1024px) and (max-width: 1199.98px) { .product-slide { width: calc((100% - 16px * 3) / 4); } }
@media (min-width: 768px) and (max-width: 1023.98px) { .product-slide { width: calc((100% - 16px * 2) / 3); } }
@media (max-width: 767.98px) {
.product-slide { width: calc((100% - 16px) / 2); }
.product-slide:last-child { margin-right: 0 !important; }
.product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: calc(1.2em * 2); }
}
@media (max-width: 480px) {
.custom-product-slider .slider-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; }
.custom-product-slider { overflow: hidden; }
}