.sw-hover-lift {
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.sw-hover-lift:hover {
transform: translateY(-8px) !important;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
}
.sw-hover-zoom {
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.sw-hover-zoom:hover {
transform: scale(1.03) !important;
}
.sw-hover-glow {
transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.sw-hover-glow:hover {
box-shadow: 0 0 20px rgba(121, 78, 19, 0.4) !important;
}
.sw-hover-brightness {
transition: filter 0.3s ease !important;
}
.sw-hover-brightness:hover {
filter: brightness(1.15) !important;
} .sw-glass-light {
background: rgba(255, 255, 255, 0.25) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}
.sw-glass-dark {
background: rgba(0, 0, 0, 0.35) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
color: #ffffff !important;
}
.sw-glass-primary {
background: rgba(121, 78, 19, 0.15) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border: 1px solid rgba(121, 78, 19, 0.2) !important;
box-shadow: 0 8px 32px rgba(121, 78, 19, 0.08) !important;
} .sw-soft-shadow img {
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15),
0 8px 20px rgba(0, 0, 0, 0.08) !important;
transition: box-shadow 0.3s ease !important;
}
.sw-soft-shadow:hover img {
box-shadow: 0 25px 70px rgba(0, 0, 0, 0.2),
0 12px 28px rgba(0, 0, 0, 0.1) !important;
}
.sw-rounded-top img {
border-radius: 20px 20px 0 0 !important;
}
.sw-skewed img {
transform: perspective(800px) rotateY(-4deg) !important;
transition: transform 0.4s ease !important;
}
.sw-skewed:hover img {
transform: perspective(800px) rotateY(0deg) !important;
} .sw-text-glow {
text-shadow: 0 0 10px rgba(121, 78, 19, 0.4),
0 0 30px rgba(121, 78, 19, 0.2),
0 0 60px rgba(121, 78, 19, 0.1) !important;
} @media (max-width: 768px) {
.sw-hide-mobile {
display: none !important;
}
}
@media (min-width: 769px) {
.sw-hide-desktop {
display: none !important;
}
}