.outlined-button__btn:hover {
  background: #000 !important;
  color: white !important;
  opacity: 1 !important;
}
.banner-image {
  transition: transform 0.3s ease-in-out; /* smooth animation */
}

.banner-image:hover {
  transform: scale(1.1);
}
.cat-card-img-container {
  position: relative;
  overflow: hidden;
}

.cat-card-img-root img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease-in-out;
}

.cat-card-img-container:hover img {
  transform: scale(1.05);
}

.cat-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.3),
    rgba(0, 0, 0, 0)
  ); /* lighter by default */
  opacity: 1; /* always visible */
  transition: background 0.3s ease-in-out;
}

.cat-card-img-container:hover .cat-card-img-overlay {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  ); /* darker on hover */
}

/* show gradient on hover */
.cat-card-img-container:hover .cat-card-img-overlay {
  opacity: 1;
}

/* text always visible */
.cat-card-img-title {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  z-index: 2; /* stays above gradient */
}
.ban-cont-content {
  position: unset;
  margin: auto;
  text-align: center;
}
.ban-cont-text {
  color: inherit !important;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
   margin:10px;
}
/* .section.grid.grid-cols-12.section.section-2,
.section.grid.grid-cols-12.section.section-3 {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
}
.section.grid.grid-cols-12.section.section-2 > *,
.section.grid.grid-cols-12.section.section-3 > * {
  grid-column: unset !important;
}

@media (max-width: 480px) {
  .section.grid.grid-cols-12.section.section-2,
  .section.grid.grid-cols-12.section.section-3 {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  }
} */
.product-card-image {
  width: 100%;
  height: 150%;
  object-fit: contain;
}
.pr-long-card .pr-image {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 150%;
    
}
.pr-long-card .pr-image {
    aspect-ratio: var(--pr-image-aspect-ratio, 1 / 0);
}
.sh-ge-collect-68e5035e02e2574debabbde2 .collection-image
{
border:1.5px solid #2e5689 !important;

border-radius: 4px !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
}
.sh-ge-collect-68e5002702e2574debabbdb3 .collection-image {
border:1.5px solid #2e5689 !important;
border-radius: 4px !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
}

 .product-card-name {
font-weight:500;
}
.product-card-price
{
font-weight:500;
}
.sh-header-main
{
background-color: #fff;
  color: #000;
}
.sh-header-location-icon {
    fill: #000000 !important;
}
.sh-header-account-icon {
    stroke: #000000 !important;
}
.sh-header-cart-icon {
    stroke: #000000 !important;
    fill: none !important
}
.sh-header-arrow-icon {
    fill: #000000 !important;
}
.sh-header-search-icon {
    stroke: #000000 !important;
}
.sh-header-cart-badge {
    background-color: #000;
    color: #FFFFFF;
}
.sh-header-mob-menu-icon {
    color: #000000;
}
.sh-product-card {
  border-radius: 0px !important;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.sh-footer-main
{
background-color:  #1B6DCA ;
color:#fff;
}
.sh-footer-icon
{
color:#fff;
}
.sh-product-card-discount-tag {
    background-color: #ff3130;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 8px 0px 8px 0px;
    right: auto;
    top: 0px;
    left: 0px;
}
.sh-product-discount-tag {
    background-color: #ff3130;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 4px;
}