/* Grid (used when slider="0") */
.crl-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap: 24px;
  padding: 20px 0;
}
button.slick-next.slick-arrow{
    display: none !important;
}
button.slick-next.slick-arrow {
    display: none !important;
}
/* Slick slider wrapper (when slider="1") */
.crl-slider {
  margin: 0 0 10px 0;
  padding: 10px 0 30px 0;
}
.crl-slider .crl-card { margin: 0 12px; } /* spacing between slides */

/* Common card styles */
.crl-card {
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  transition:transform .3s, box-shadow .3s;
}
.crl-card:hover { transform: translateY(-4px); box-shadow:0 4px 16px rgba(0,0,0,.15); }

.crl-image { position:relative; width:100%; height: 200px; overflow:hidden; background:#f5f5f5; }
.crl-img { width:100%; height:100%; object-fit:cover; display:block; }
img.crl-img {
    height: 100% !important;
}
.crl-placeholder { width:100%; height:100%; background: repeating-linear-gradient(45deg,#eee,#eee 10px,#f7f7f7 10px,#f7f7f7 20px); }

.crl-price-badge {
  position:absolute; top:16px; right:16px; background:#fff; padding:8px 16px;
  border-radius:20px; font-weight:700; color:#e74c3c; font-size:18px;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.crl-price-badge span { font-size:12px; font-weight:400; color:#666; }

.crl-content { padding:20px; }
.crl-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.crl-title { font-size:20px; font-weight:700; margin:0; color:#2c3e50; }
.crl-rating { display:flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:#f39c12; }

.crl-description { color:#666; font-size:14px; line-height:1.6; margin:12px 0; }

.crl-features { display:flex; flex-direction:column; gap:8px; margin:16px 0; padding:16px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.crl-feature { display:flex; align-items:center; gap:8px; color:#555; font-size:14px; }
.crl-icon { display:inline-block; vertical-align:middle; }

.crl-whatsapp-btn {
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  padding:12px 20px; background:#25D366; color:#fff; text-decoration:none; border-radius:8px;
  font-weight:600; font-size:15px; margin-top:16px; transition:background .3s;
}
.crl-whatsapp-btn:hover { background:#20BA5A; color:#fff; }

/* Slick arrows/dots cleanup */
.crl-slider .slick-prev:before, .crl-slider .slick-next:before { color:#444; }
.crl-slider .slick-dots li button:before { color:#888; }
.crl-slider .slick-dots li.slick-active button:before { color:#111; }

/* Mobile grid fallback */
@media (max-width: 768px) {
  .crl-container { grid-template-columns: 1fr; gap:16px; }

}
@media (max-width: 520px) {
  button.slick-next.slick-arrow{
    display: none !important;
}
button.slick-next.slick-arrow {
    display: none !important;
}
}