.summer-front-banner{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem;width:min(1180px,calc(100% - 48px));margin:96px auto 0;padding:1.35rem 1.6rem;border:1px solid rgba(241,210,156,.4);border-radius:24px;background:radial-gradient(circle at 12% 120%,rgba(255,196,92,.25),transparent 34%),linear-gradient(115deg,#171124,#2b1633 52%,#15142d);box-shadow:0 22px 60px rgba(21,10,35,.42),inset 0 1px rgba(255,255,255,.18);color:#fff}
.summer-front-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 19% 25%,#ffe7ad 0 1px,transparent 2px),radial-gradient(circle at 72% 78%,#e1b8ff 0 1px,transparent 2px),repeating-linear-gradient(135deg,transparent 0 24px,rgba(255,255,255,.035) 24px 25px);opacity:.8}
.summer-front-banner::after{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-76px;top:-146px;border:1px solid rgba(255,231,173,.28);border-radius:50%;box-shadow:0 0 0 28px rgba(255,231,173,.07),0 0 0 56px rgba(255,231,173,.035)}
.summer-front-badge{position:relative;width:82px;height:82px;display:grid;place-items:center;border:2px solid #ffeac3;border-radius:22px;background:linear-gradient(140deg,#fff0c8,#c98b52 58%,#f3d295);box-shadow:2px 4px #965a3d,4px 8px #70402e,11px 16px 25px #0008,inset 0 0 0 5px rgba(255,255,255,.23);color:#3d2418;font-size:1.5rem;font-weight:900;transform:rotateY(-18deg) rotateX(10deg) rotateZ(7deg);animation:summerBadgeFloat 5s ease-in-out infinite}
.summer-front-banner[hidden]{display:none}
.summer-front-badge span{line-height:1}.summer-front-badge small{display:block;margin-top:-.7rem;font-size:.53rem;font-weight:700}
.summer-front-copy{min-width:0}.summer-front-kicker{display:inline-flex;align-items:center;gap:.4rem;color:#ffe7ad;font-size:.78rem;font-weight:700;margin-bottom:.3rem}.summer-front-copy h2{margin:0;font-size:clamp(1rem,2.2vw,1.35rem);line-height:1.55}.summer-front-copy p{margin:.15rem 0 0;color:#d8ccde;font-size:.82rem}
.summer-front-cta{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.7rem 1rem;border-radius:12px;background:#f9e5bf;color:#352319;font-size:.8rem;font-weight:800;box-shadow:0 4px 0 #9d7650,0 10px 20px #0003;transition:transform .2s var(--ease),box-shadow .2s var(--ease);white-space:nowrap}.summer-front-cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 #9d7650,0 14px 24px #0004}
@keyframes summerBadgeFloat{0%,100%{transform:translateY(2px) rotateY(-18deg) rotateX(10deg) rotateZ(7deg)}50%{transform:translateY(-7px) rotateY(-7deg) rotateX(4deg) rotateZ(2deg)}}
@media(max-width:620px){.summer-front-banner{grid-template-columns:70px minmax(0,1fr);gap:.9rem;margin-top:82px;padding:1rem;border-radius:20px}.summer-front-badge{width:66px;height:70px;border-radius:18px;font-size:1.2rem}.summer-front-badge small{font-size:.45rem}.summer-front-copy p{font-size:.72rem}.summer-front-cta{grid-column:1/-1;width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.summer-front-badge{animation:none}.summer-front-cta{transition:none}}