.store-section {
width: 100%;
background-color: #000000;
overflow: hidden;
}
.store-layout-wrapper {
display: flex;
flex-direction: column; 
position: relative; 
width: 100%;
} .store-content-col {
background-color: #000000;
color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 60px 20px;
}
.store-text-inner {
max-width: 500px;
margin: 0 auto;
width: 100%;
} .store-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 500; font-size: 88px;
margin: 0 0 30px 0;
display: flex;
align-items: center;
gap: 20px; 
line-height: 1;
}
.store-bag-icon {
width: 88px; 
height: 88px;
object-fit: contain;
} .store-desc {
font-family: 'General Sans', sans-serif;
font-weight: 400; font-size: 16px;
line-height: 1.6;
margin: 0 0 50px 0;
color: #f5f5f5; 
max-width: 400px;
} .btn-shop {
display: inline-flex;
align-items: center;
gap: 15px;
padding: 0 40px;
height: 64px;
border: 1px solid currentColor; 
border-radius: 50px;
text-decoration: none;
font-family: 'Cormorant Garamond', serif;
font-weight: 600; font-size: 24px;
color: #ffffff;
text-transform: uppercase;
transition: background-color 0.3s ease, color 0.3s ease;
width: fit-content;
}
.btn-shop:hover {
background-color: #ffffff;
color: #000000; 
} .store-image-col {
width: 100%;
}
.store-main-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .store-rotating-badge {
position: absolute;
z-index: 10;
width: 160px; 
height: 160px; mix-blend-mode: difference; 
} .spin-animation {
width: 100%;
height: 100%;
animation: spin 15s linear infinite; 
display: block;
} .static-center-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); width: 45px; height: auto;
z-index: 2; pointer-events: none; }
@keyframes spin {
100% { transform: rotate(360deg); }
} @media (min-width: 1024px) {
.store-layout-wrapper {
flex-direction: row;
height: 700px; 
}
.store-content-col {
width: 45%; 
padding: 0 5%;
align-items: flex-start;
}
.store-text-inner {
margin: 0; 
}
.store-image-col {
width: 55%; 
}
.store-rotating-badge {
left: 45%; 
bottom: 15%; 
transform: translateX(-50%); 
}
} @media (max-width: 1023px) { .store-content-col {
padding: 60px 20px;
}
.store-title {
font-size: 64px; 
}
.store-bag-icon {
width: 64px;
height: 64px;
}
.store-desc {
font-size: 16px; } .btn-shop {
font-size: 20px; 
width: 117px; height: 56px; padding: 0; justify-content: center; } .store-image-col {
height: 402px; } .store-rotating-badge {
top: auto;
bottom: 402px; right: 20px; transform: translateY(50%); width: 140.25px; 
height: 140.25px;
} .static-center-logo {
width: 38px;
}
}