.hs-banner-section {
width: 100%;
display: flex;
flex-direction: column;
} .hs-banner-container {
position: relative;
width: 100%;
height: 563px;
background-color: #EAEAEA; background-image: url(//dazelfloral.com/wp-content/themes/dazel-tema/assets/img/shop-banner-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hs-banner-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
z-index: 2;
} .hs-banner-inner {
position: relative;
max-width: 1440px;
width: 100%;
height: 100%;
margin: 0 auto;
z-index: 3; 
} .hs-badge {
position: absolute;
top: 40px;
right: 40px;
width: 120px;
height: 120px;
}
.hs-badge .spin-animation {
width: 100%;
height: 100%;
animation: hs-spin 15s linear infinite;
display: block;
filter: invert(1); 
}
.hs-badge .static-center-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: auto;
filter: invert(1);
}
@keyframes hs-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
} .hs-title-wrapper {
position: absolute;
bottom: 30px; 
left: 40px;
display: flex;
align-items: center;
gap: 20px;
}
.hs-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 500; 
font-size: 86px;
color: #FFFFFF;
margin: 0;
line-height: 1;
}
.hs-bag-icon {
width: 88px;
height: 88px;
object-fit: contain;
} .hs-info-bar {
width: 100%;
height: 56px;
background-color: #E5E3DB;
}
.hs-info-inner {
max-width: 1440px;
width: 100%;
height: 100%;
margin: 0 auto;
display: flex;
align-items: center;
padding: 0 40px;
gap: 15px;
box-sizing: border-box;
}
.hs-info-icon {
width: 20px; 
height: auto;
}
.hs-info-text {
font-family: 'General Sans', sans-serif;
font-weight: 400; 
font-size: 13px;
color: #000000;
margin: 0;
} @media (max-width: 1023px) {
.hs-banner-container {
height: 421px; background-image: url(//dazelfloral.com/wp-content/themes/dazel-tema/assets/img/shop-banner-bg-mobile.webp);
}
.hs-badge {
top: 20px;
right: 20px;
width: 140.26px; 
height: 140.75px; 
}
.hs-badge .static-center-logo {
width: 45px; 
height: 64px; 
}
.hs-title-wrapper {
left: 20px;
bottom: 20px;
gap: 10px;
}
.hs-title {
font-size: 56px;
}
.hs-bag-icon {
width: 56px;
height: 56px;
}
.hs-info-inner {
padding: 0 20px;
}
}