.shw-card{
    transition: all 0.35s ease;
    position: relative;
    transform: translateY(0);

    box-shadow:
        0 4px 6px rgba(0, 0, 0, 0.06),
        0 12px 20px rgba(0, 0, 0, 0.08),
        0 28px 45px rgba(0, 0, 0, 0.10);
}

.shw-card::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,0.65),
        inset 0 -2px 3px rgba(0,0,0,0.05);
    pointer-events: none;
}

.shw-card:hover{
    transform: translateY(-8px);
    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.12),
        0 25px 45px rgba(0, 0, 0, 0.14),
        0 45px 75px rgba(0, 0, 0, 0.18);
}

.shw-img{
    display: inline-block;
    position: relative;
    transition: all 0.35s ease;
    transform: translateY(0);

    /* Soft 3D water-drop shadow */
    box-shadow:
        0 6px 10px rgba(0, 0, 0, 0.08),
        0 18px 30px rgba(0, 0, 0, 0.10),
        0 35px 55px rgba(0, 0, 0, 0.12);
}

/* Water-drop highlight */
.shw-img::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.55),
        inset 0 -2px 4px rgba(0,0,0,0.06);
    pointer-events: none;
}

/* Hover lift */
.shw-img:hover{
    transform: translateY(-6px);
    box-shadow:
        0 12px 20px rgba(0, 0, 0, 0.14),
        0 30px 50px rgba(0, 0, 0, 0.16),
        0 55px 85px rgba(0, 0, 0, 0.20);
}




.custom-dropdown {
  position: relative;
}

.custom-dropdown input {
  cursor: pointer;
}

/* Dropdown box */
.dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  z-index: 99;
}

/* Options */
.dropdown-list li {
  padding: 12px 15px;
  cursor: pointer;
  font-size: 15px;
}

.dropdown-list li:hover {
  background: #f5f5f5;
}

/* Show dropdown */
.custom-dropdown.active .dropdown-list {
  display: block;
}

/* Arrow icon */
.custom-dropdown::after {
  content: "▾";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #888;
}