.dr-custom-grid-productos {
display: grid;
grid-gap: 16px;
padding: 16px;
box-sizing: border-box;
width: 100%;
}
@media (min-width: 1200px) { .dr-custom-grid-productos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 992px) and (max-width: 1199.98px) { .dr-custom-grid-productos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) and (max-width: 991.98px) { .dr-custom-grid-productos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .dr-custom-grid-productos { grid-template-columns: repeat(2, minmax(0, 1fr)); padding:0; } }
.dr-product-tile { 
background:#fff; 
border:1px solid #ddd; 
border-radius:8px; 
padding:1rem; 
display:flex; 
flex-direction:column; 
justify-content:space-between; 
height:100%; 
box-sizing:border-box; 
overflow:hidden; 
position:relative; 
}
.dr-product-image-link { 
display:flex;               
justify-content:center;     
align-items:center;         
width:100%; 
aspect-ratio:1/1; 
overflow:hidden; 
border-radius:8px; 
transition: transform 0.3s ease; 
}
.dr-product-image-link:hover { transform: scale(1.05); }
.dr-product-image { 
max-width:100%; 
max-height:100%; 
object-fit:contain; 
border-radius:8px; 
transition:none; 
}
.dr-product-title { 
font-size:16px; 
margin:0; 
padding-top:20px; 
line-height:1.2; 
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient:vertical; 
overflow:hidden; 
min-height:2.4em; 
}
.dr-price { 
font-size:14px; 
margin:0 0 2px 0; 
font-weight:bold; 
}
.dr-stock-status { 
font-size:10px !important; 
color:#666; 
margin:2px 0; 
padding-bottom:3px; 
}
.dr-custom-add-to-cart { 
margin-top:0; 
padding-top:5px; 
width:100%; 
}
.dr-custom-btn { 
display:block; 
width:100%; 
background-color:#12B0E7; 
color:#fff; 
font-size:16px; 
font-weight:600; 
text-align:center; 
padding:0.75em 0.5em; 
border-radius:8px; 
border:none; 
cursor:pointer; 
transition: background-color 0.3s ease; 
text-decoration:none; 
box-sizing:border-box; 
}
.dr-custom-btn:hover { background-color:#000; color:#fff; }
.dr-custom-btn.disabled { background-color:#999; cursor:not-allowed; }
.dr-pagination-container { 
display:flex; 
justify-content:center; 
width:100%; 
margin:2rem 0; 
}
.dr-pagination-content { 
display:flex; 
align-items:center; 
line-height:3; 
}
.dr-pagination-numbers { 
display:flex; 
align-items:center; 
gap:4px; 
}
.dr-pagination-prev, .dr-pagination-next { 
display:inline-flex; 
align-items:center; 
justify-content:center; 
background-color:black; 
border-radius:5px; 
width:32px; 
height:32px; 
padding:0; 
margin:0 8px; 
text-indent:-9999px; 
overflow:hidden; 
cursor:pointer; 
transition:background-color 0.3s ease; 
position:relative; 
background-repeat:no-repeat; 
background-position:center; 
background-size:16px 16px; 
}
.dr-pagination-prev { background-image:url('https://digitalrabbit.mx/recursos/2025/06/previous-w.svg'); }
.dr-pagination-next { background-image:url('https://digitalrabbit.mx/recursos/2025/06/next-w.svg'); }
.dr-pagination-prev:hover, .dr-pagination-next:hover { background-color:#333; }
.dr-page-number { 
font-weight:bold; 
text-decoration:none !important; 
color:inherit; 
position:relative; 
padding:0 6px; 
display:inline-block; 
}
.dr-page-number:hover { text-decoration:none !important; }
.dr-page-number.current::after { 
content:""; 
width:6px; 
height:6px; 
background:black; 
border-radius:50%; 
position:absolute; 
left:50%; 
bottom:4px; 
transform:translateX(-50%); 
}
.dr-page-number.dots { 
cursor:default; 
pointer-events:none; 
padding:0 4px; 
}