/* Bricoset Color Overrides */
.bg-navyBlue{background-color:#b20000 !important}
.text-navyBlue{color:#b20000 !important}
.border-navyBlue{border-color:#b20000 !important}
.hover\:bg-navyBlue:hover{background-color:#9a0000 !important}
.bg-darkBlue{background-color:#8b0000 !important}
.text-darkBlue{color:#8b0000 !important}
.bg-darkPink{background-color:#cc0000 !important}
.text-darkPink{color:#cc0000 !important}
.primary-button,.btn-primary{background-color:#b20000 !important;border-color:#b20000 !important}
.secondary-button{color:#b20000 !important;border-color:#b20000 !important}
::selection{background-color:rgba(178,0,0,.2)}

/* ── Categories Carousel: hide text, show on hover ──────────────── */
.scrollbar-hide > div > div {
  position: relative;
}
/* Selector específico del carousel de categorías Bagisto */
.scrollbar-hide .grid.min-w-\[120px\] a:last-child p,
.scrollbar-hide .grid.min-w-\[120px\] > a:last-of-type > p {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: translateY(4px);
  transition: opacity 0.28s ease, max-height 0.28s ease, transform 0.28s ease;
}
.scrollbar-hide .grid.min-w-\[120px\]:hover a:last-child p,
.scrollbar-hide .grid.min-w-\[120px\]:hover > a:last-of-type > p {
  opacity: 1;
  max-height: 60px;
  transform: translateY(0);
}
/* Scale en imagen circular al hover */
.scrollbar-hide .grid.min-w-\[120px\] a.rounded-full {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: block;
}
.scrollbar-hide .grid.min-w-\[120px\]:hover a.rounded-full {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(178,0,0,0.22);
}