.shopping-banner{
width:100%;
min-height:180px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
position:relative;
background:#02030c;
border-radius:20px;
box-shadow:0 0 30px cyan,0 0 80px purple;
}
.shopping-space{
position:absolute;
inset:0;
background:radial-gradient(circle,#162cff,#02030c 70%);
}
.shop-orbit{
position:absolute;
left:15%;
top:10%;
width:70%;
height:80%;
border:2px solid cyan;
border-radius:50%;
animation:orbit 15s linear infinite;
}
@keyframes orbit{to{rotate:360deg}}
.shop-globe{
position:absolute;
right:18%;
top:50%;
transform:translateY(-50%);
font-size:95px;
animation:spin 15s linear infinite;
filter:drop-shadow(0 0 15px cyan);
}
@keyframes spin{to{rotate:360deg}}
.shop-logo{
position:absolute;
left:28%;
top:45%;
font:bold 150px Arial Black;
background:linear-gradient(45deg,cyan,blue,purple,pink,orange,lime);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 30px cyan;
}
.shop-bag{
position:absolute;
left:10%;
bottom:30%;
width:55px;
height:60px;
}
.bag-body{
width:100%;
height:80%;
background:linear-gradient(45deg,#ff00ff,#00ffff);
border-radius:10px;
box-shadow:0 0 20px cyan;
}
.bag-handle{
width:35px;
height:20px;
border:5px solid cyan;
border-bottom:0;
border-radius:20px 20px 0 0;
margin:auto;
}
.shop-icons span{
position:absolute;
font-size:25px;
animation:float 4s infinite alternate;
}
.shop-icons span:nth-child(1){left:15%;top:20%}
.shop-icons span:nth-child(2){right:15%;top:20%}
.shop-icons span:nth-child(3){left:20%;bottom:15%}
.shop-icons span:nth-child(4){right:20%;bottom:15%}
@keyframes float{to{translate:0 -10px}}
.shop-text{
position:relative;
z-index:5;
text-align:center;
font-family:Arial Black;
}
.youplugs,.shopping-title{
background:linear-gradient(90deg,cyan,purple,pink,lime);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 20px cyan;
}
.youplugs{font-size:clamp(25px,4vw,55px)}
.shopping-title{font-size:clamp(35px,6vw,80px)}
@media(max-width:600px){
.shopping-banner{min-height:120px}
.shop-logo{font-size:80px}
.shop-globe{font-size:45px}
}


.shopping-logo-link{
display:block;
text-decoration:none;
cursor:pointer;
}

.shopping-logo-link:hover .shopping-banner{
transform:scale(1.02);
filter:brightness(1.15);
}

.shopping-banner{
transition:.5s ease;
}