.ys-easter-bar{
width:100%;
margin:0;
background:linear-gradient(90deg,#7f0000 0%,#b30010 20%,#d1171a 50%,#b30010 80%,#7f0000 100%);
color:#fff;
font-family:system-ui,Arial,sans-serif;
box-shadow:0 6px 18px rgba(0,0,0,.34);
position:relative;
z-index:999;
overflow:hidden;
}

.ys-easter-bar::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(115deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 22%,rgba(255,255,255,0) 60%,rgba(255,220,160,.12) 100%);
pointer-events:none;
}

#wpadminbar{
z-index:99999;
}

.ys-easter-inner{
max-width:1600px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:center;
gap:26px;
padding:14px 24px;
position:relative;
}

.ys-easter-message{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
line-height:1.35;
}

.ys-easter-title{
font-size:22px;
font-weight:800;
letter-spacing:-0.02em;
text-shadow:0 1px 0 rgba(0,0,0,.14);
}

.ys-easter-subtitle{
font-size:16px;
font-weight:600;
margin-top:5px;
max-width:1100px;
color:#fff8ef;
}

.ys-easter-seal{
width:100px;
height:100px;
flex:0 0 100px;
perspective:800px;
}

.ys-easter-seal svg{
width:100px;
height:100px;
transform-origin:50% 50%;
animation:ysSeal3DSpin 9s linear infinite;
filter:drop-shadow(0 0 10px rgba(255,193,7,.35));
}

.seal-shadow-disc{
fill:rgba(119,38,0,.16);
}

.seal-outer{
stroke:#ffe89a;
stroke-width:3.2;
}

.seal-mid-ring{
stroke:#b85c00;
stroke-width:2.4;
opacity:.95;
}

.seal-inner{
stroke:#ffefb3;
stroke-width:2.2;
}

.seal-inner-ring{
stroke:#c56b00;
stroke-width:2;
opacity:.9;
}

.seal-text{
font-family:Arial,sans-serif;
font-size:9px;
font-weight:800;
letter-spacing:1.2px;
fill:#7b3300;
text-transform:uppercase;
}

.seal-egg{
fill:url(#ysEggFill);
stroke:#d86d00;
stroke-width:2.2;
}

.egg-stripe{
fill:none;
stroke:#f08c00;
stroke-width:3.2;
stroke-linecap:round;
}

.egg-stripe-b{
stroke:#ffb300;
}

.egg-dot{
fill:#e56b00;
}

.seal-shine{
fill:rgba(255,255,255,.5);
}

@keyframes ysSeal3DSpin{
0%{transform:rotateY(0deg) rotateZ(0deg);}
25%{transform:rotateY(14deg) rotateZ(90deg);}
50%{transform:rotateY(0deg) rotateZ(180deg);}
75%{transform:rotateY(-14deg) rotateZ(270deg);}
100%{transform:rotateY(0deg) rotateZ(360deg);}
}

@media(max-width:768px){
.ys-easter-inner{
gap:14px;
padding:14px 16px;
}

.ys-easter-title{
font-size:18px;
}

.ys-easter-subtitle{
font-size:14px;
}

.ys-easter-seal,
.ys-easter-seal svg{
width:74px;
height:74px;
}
}

@media(max-width:560px){
.ys-easter-inner{
flex-direction:column;
}
}