.flavor-banner-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:rgba(0,0,0,.1);overflow:hidden}.flavor-banner-url{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;display:block}.flavor-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;z-index:1;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.flavor-banner .flavor-banner-img{width:100%;height:auto}.flavor-banner-content,.flavor-banner-heading,.flavor-banner-subheading{margin:0;padding:0}.flavor-banner-content span,.flavor-banner-heading span,.flavor-banner-subheading span{display:inline-block}.flavor-banner-divider{height:5px;width:100%;max-width:80px;margin:10px 0}

/* 3D Tilt Skin */
.flavor-banner-skin-tilt-3d {
    perspective: 1000px;
    transform-style: preserve-3d;
}
.flavor-banner-skin-tilt-3d .flavor-banner {
    transition: transform 0.5s ease;
    transform-style: preserve-3d;
}
.flavor-banner-skin-tilt-3d:hover .flavor-banner {
    transform: rotateX(5deg) rotateY(5deg);
}
.flavor-banner-skin-tilt-3d .flavor-banner-img {
    transform: translateZ(20px);
}
.flavor-banner-skin-tilt-3d .flavor-banner-heading,
.flavor-banner-skin-tilt-3d .flavor-banner-content {
    transform: translateZ(40px);
    text-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Hover Reveal Skin */
.flavor-banner-skin-hover-reveal .flavor-banner-content,
.flavor-banner-skin-hover-reveal .flavor-btn-wrapper {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}
.flavor-banner-skin-hover-reveal:hover .flavor-banner-content,
.flavor-banner-skin-hover-reveal:hover .flavor-btn-wrapper {
    opacity: 1;
    transform: translateY(0);
}
.flavor-banner-skin-hover-reveal .flavor-banner-img {
    transition: transform 0.6s ease;
}
.flavor-banner-skin-hover-reveal:hover .flavor-banner-img {
    transform: scale(1.1);
}

/* Glassmorphism Skin (Banner) */
.flavor-banner-skin-glassmorphism .flavor-banner {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
}
.flavor-banner-skin-glassmorphism .flavor-banner-content,
.flavor-banner-skin-glassmorphism .flavor-banner-heading {
    color: #fff; /* Assuming dark background usually */
}