.home-topstrip-ph__inner {
    justify-content: space-evenly;
}
@media (max-width: 639px) {
    .home-topstrip-ph {
        overflow: hidden;
        max-width: 100%;
    }
    .home-topstrip-ph__inner {
        justify-content: center;
        overflow: hidden;
    }
    .home-topstrip-ph__sep {
        font-size: 0.85em;
        opacity: 0.7;
    }
    .home-topstrip-ph__orb { opacity: 0.35; filter: blur(28px); }
    .home-topstrip-ph__orb--1 { width: 70px; height: 70px; }
    .home-topstrip-ph__orb--2 { width: 55px; height: 55px; }
    .home-topstrip-ph__orb--3 { display: none; }
    .home-topstrip-ph__grid,
    .home-topstrip-ph__scanlines { opacity: 0.25; }
}

.home-topstrip-ph {
    border: 1px solid rgba(6, 214, 160, 0.28);
    box-shadow: 0 0 24px rgba(6, 214, 160, 0.12), 0 8px 32px rgba(0, 0, 0, 0.35);
    background: linear-gradient(135deg, #0c1222 0%, #1e1b4b 30%, #134e4a 60%, #312e81 100%);
    background-size: 400% 400%;
    animation: homeAdBannerGradient 6s ease infinite;
}
.home-topstrip-ph__border-glow {
    background: linear-gradient(90deg, #06d6a0, #00b4d8, #e040fb, #06d6a0);
    background-size: 300% 100%;
    animation: homeAdBannerBorderSpin 4s linear infinite;
    opacity: 0.55;
    z-index: 0;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    padding: 1px;
}
.home-topstrip-ph__bg {
    background:
        radial-gradient(ellipse 70% 100% at 0% 50%, rgba(6, 214, 160, 0.4), transparent 55%),
        radial-gradient(ellipse 60% 90% at 100% 20%, rgba(224, 64, 251, 0.35), transparent 50%),
        radial-gradient(ellipse 50% 70% at 50% 110%, rgba(0, 180, 216, 0.3), transparent 45%);
    animation: homeAdBannerPulse 3s ease-in-out infinite;
}
.home-topstrip-ph__orb {
    filter: blur(40px);
    opacity: 0.55;
}
.home-topstrip-ph__orb--1 {
    width: 120px; height: 120px;
    top: -30px; left: 8%;
    background: #06d6a0;
    animation: homeAdBannerOrb1 7s ease-in-out infinite;
}
.home-topstrip-ph__orb--2 {
    width: 90px; height: 90px;
    bottom: -20px; right: 15%;
    background: #e040fb;
    animation: homeAdBannerOrb2 5s ease-in-out infinite;
}
.home-topstrip-ph__orb--3 {
    width: 70px; height: 70px;
    top: 20%; right: 35%;
    background: #00b4d8;
    animation: homeAdBannerOrb3 6s ease-in-out infinite;
}
.home-topstrip-ph__shimmer {
    background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.18) 50%, transparent 65%);
    background-size: 250% 100%;
    animation: homeAdBannerShimmer 2.2s ease-in-out infinite;
}
.home-topstrip-ph__grid {
    background-image:
        linear-gradient(rgba(6, 214, 160, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(6, 214, 160, 0.1) 1px, transparent 1px);
    background-size: 20px 20px;
    animation: homeAdBannerGrid 12s linear infinite;
}
.home-topstrip-ph__scanlines {
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(6, 214, 160, 0.04) 2px, rgba(6, 214, 160, 0.04) 4px);
    animation: homeAdBannerScan 8s linear infinite;
}
.home-topstrip-ph__pill {
    background: rgba(6, 214, 160, 0.15);
    border: 1px solid rgba(6, 214, 160, 0.4);
    color: #a7f3d0;
    animation: homeAdBannerPillGlow 2s ease-in-out infinite;
}
.home-topstrip-ph__dot {
    background: #06d6a0;
    box-shadow: 0 0 10px #06d6a0;
    animation: homeAdBannerDot 1s ease-in-out infinite;
}
.home-topstrip-ph__size {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #a5f3fc;
    animation: homeAdBannerSizePulse 2.5s ease-in-out infinite;
}
.home-topstrip-ph__sep {
    color: rgba(148, 163, 184, 0.75);
    font-size: 1.1em;
    line-height: 1;
    user-select: none;
}
.home-topstrip-ph__price {
    background: linear-gradient(90deg, #fde047, #f472b6, #67e8f9, #fde047);
    background-size: 300% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: homeAdBannerPrice 2s linear infinite;
}
.home-topstrip-ph__cta {
    background: linear-gradient(135deg, #06d6a0, #00b4d8);
    color: #06080d;
    box-shadow: 0 0 20px rgba(6, 214, 160, 0.45);
    animation: homeAdBannerCtaPulse 2s ease-in-out infinite;
}
.home-topstrip-ph__cta-arrow {
    animation: homeAdBannerArrow 1.2s ease-in-out infinite;
}
.home-topstrip-ph__cta:hover {
    animation: none;
    filter: brightness(1.08);
    box-shadow: 0 0 32px rgba(6, 214, 160, 0.65);
}

body.d6-theme.theme-light .home-topstrip-ph {
    background: linear-gradient(135deg, #ecfeff 0%, #f0fdf4 35%, #f8fafc 65%, #e0f2fe 100%);
    background-size: 400% 400%;
    border-color: rgba(6, 182, 212, 0.4);
    box-shadow: 0 4px 24px rgba(6, 182, 212, 0.15), 0 0 40px rgba(16, 185, 129, 0.08);
}
body.d6-theme.theme-light .home-topstrip-ph__border-glow {
    background: linear-gradient(90deg, #06b6d4, #10b981, #0891b2, #06b6d4);
    opacity: 0.7;
}
body.d6-theme.theme-light .home-topstrip-ph__bg {
    background:
        radial-gradient(ellipse 70% 100% at 0% 50%, rgba(6, 182, 212, 0.25), transparent 55%),
        radial-gradient(ellipse 60% 90% at 100% 20%, rgba(16, 185, 129, 0.2), transparent 50%),
        radial-gradient(ellipse 50% 70% at 50% 110%, rgba(6, 182, 212, 0.15), transparent 45%);
}
body.d6-theme.theme-light .home-topstrip-ph__orb--1 { background: #06b6d4; opacity: 0.35; }
body.d6-theme.theme-light .home-topstrip-ph__orb--2 { background: #10b981; opacity: 0.3; }
body.d6-theme.theme-light .home-topstrip-ph__orb--3 { background: #0891b2; opacity: 0.28; }
body.d6-theme.theme-light .home-topstrip-ph__shimmer {
    background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.75) 50%, transparent 65%);
}
body.d6-theme.theme-light .home-topstrip-ph__grid {
    background-image:
        linear-gradient(rgba(6, 182, 212, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(6, 182, 212, 0.12) 1px, transparent 1px);
}
body.d6-theme.theme-light .home-topstrip-ph__scanlines {
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(6, 182, 212, 0.05) 2px, rgba(6, 182, 212, 0.05) 4px);
}
body.d6-theme.theme-light .home-topstrip-ph__pill {
    background: rgba(6, 182, 212, 0.12);
    border-color: rgba(6, 182, 212, 0.4);
    color: #0e7490;
}
body.d6-theme.theme-light .home-topstrip-ph__dot {
    background: #10b981;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}
body.d6-theme.theme-light .home-topstrip-ph__size {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(6, 182, 212, 0.3);
    color: #0e7490;
}
body.d6-theme.theme-light .home-topstrip-ph__sep { color: #94a3b8 !important; }
body.d6-theme.theme-light .home-topstrip-ph__price {
    background: linear-gradient(90deg, #047857, #0891b2, #0e7490, #047857);
    background-size: 300% auto;
    -webkit-background-clip: text;
    background-clip: text;
}
body.d6-theme.theme-light .home-topstrip-ph__cta {
    color: #06080d;
    box-shadow: 0 0 18px rgba(6, 182, 212, 0.35), 0 4px 12px rgba(15, 23, 42, 0.08);
    animation-name: homeAdBannerCtaPulseLight;
}

@keyframes homeAdBannerGradient {
    0%, 100% { background-position: 0% 50%; }
    33% { background-position: 100% 0%; }
    66% { background-position: 0% 100%; }
}
@keyframes homeAdBannerBorderSpin {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}
@keyframes homeAdBannerPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.02); }
}
@keyframes homeAdBannerOrb1 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(30px, 15px) scale(1.15); }
}
@keyframes homeAdBannerOrb2 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(-25px, -10px) scale(1.2); }
}
@keyframes homeAdBannerOrb3 {
    0%, 100% { transform: translate(0, 0); opacity: 0.55; }
    50% { transform: translate(15px, -20px); opacity: 0.85; }
}
@keyframes homeAdBannerShimmer {
    0% { background-position: 250% 0; }
    100% { background-position: -250% 0; }
}
@keyframes homeAdBannerGrid {
    0% { transform: translate(0, 0); }
    100% { transform: translate(20px, 20px); }
}
@keyframes homeAdBannerScan {
    0% { opacity: 0.4; }
    50% { opacity: 0.7; }
    100% { opacity: 0.4; }
}
@keyframes homeAdBannerPillGlow {
    0%, 100% { box-shadow: 0 0 0 rgba(6, 214, 160, 0); }
    50% { box-shadow: 0 0 14px rgba(6, 214, 160, 0.35); }
}
@keyframes homeAdBannerDot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.7); }
}
@keyframes homeAdBannerSizePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}
@keyframes homeAdBannerPrice {
    0% { background-position: 0% center; }
    100% { background-position: 300% center; }
}
@keyframes homeAdBannerCtaPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(6, 214, 160, 0.4); transform: scale(1); }
    50% { box-shadow: 0 0 32px rgba(6, 214, 160, 0.65); transform: scale(1.02); }
}
@keyframes homeAdBannerArrow {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(4px); }
}
@keyframes homeAdBannerCtaPulseLight {
    0%, 100% { box-shadow: 0 0 16px rgba(6, 182, 212, 0.3); transform: scale(1); }
    50% { box-shadow: 0 0 28px rgba(6, 182, 212, 0.5); transform: scale(1.02); }
}