/* Legacy layout integration. Loaded after all old and new theme rules.
   Override obsolete absolute positioning and mobile !important declarations,
   but retain the original SVG, Vue handlers and Flickity cell structure. */
body.ed-redesign .header__logo {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    background: transparent;
}
body.ed-redesign .header { height: auto; padding: 0; }
body.ed-redesign .header .container { min-height: 92px; }
body.ed-redesign #ed-search-input { border-radius: 99px; }
body.ed-redesign .header__logo::before,
body.ed-redesign .header__logo::after {
    content: none;
}
body.ed-redesign .header__logo > a {
    background: transparent;
}
body.ed-redesign .header__logo a svg {
    margin: 0;
    animation: ed-original-record-spin 18s linear infinite;
    transform-origin: center;
}
body.ed-redesign .header__logo a span {
    position: static;
    transform: none;
    padding: 0;
    color: var(--ed-navy);
    background: transparent;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}
body.ed-redesign .header__logo p { background: transparent; padding-top: 0; }
body.ed-redesign .header__extra { margin-left: 0; min-width: 0; }
body.ed-redesign .header__login { min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
body.ed-redesign .header__login a.premium-promo { border: 0; padding: 0; }
body.ed-redesign .header__input input { border-radius: 99px; }
body.ed-redesign .nav__bottom {
    background: var(--ed-navy);
    background-image: none;
}
body.ed-redesign .nav__bottom a {
    background: transparent;
    background-image: none;
}
body.ed-redesign .nav__bottom a::before,
body.ed-redesign .nav__bottom a::after { content: none; }
body.ed-redesign .main-slider {
    height: auto !important;
    min-height: 0 !important;
    margin: 0;
    padding: 16px 0 30px;
    border: 0;
    box-shadow: none;
    overflow: hidden !important;
}
body.ed-redesign .main-slider > a,
body.ed-redesign .main-slider .flickity-slider > a {
    display: block;
    width: 33.333333% !important;
    padding: 0 8px;
}
body.ed-redesign .main-slider__item {
    position: relative;
    width: 100% !important;
    height: auto !important;
    min-width: 0;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0;
    border: 0;
    box-shadow: none;
    overflow: visible;
}
body.ed-redesign .main-slider__item::before { content: none; }
body.ed-redesign .ed-record-cover {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #18264c;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 10px 24px #050b2340;
}
body.ed-redesign .main-slider__band {
    margin-top: 0;
    padding: 12px 0 5px;
    background: transparent;
    min-height: 46px;
    font-weight: 600;
}
body.ed-redesign .main-slider__info {
    min-height: 32px;
    padding: 0;
    background: transparent;
    gap: 4px;
    flex-wrap: wrap;
    font-size: 10px;
}
body.ed-redesign .main-slider__info > svg { width: 14px; height: 14px; }
body.ed-redesign .main-slider__info .rating { font-size: 11px; }
body.ed-redesign .main-slider__info .rating__value { margin-left: 4px; font-size: 11px; }
body.ed-redesign .main-slider .flickity-viewport { overflow: hidden; }
body.ed-redesign .main-slider .flickity-prev-next-button {
    width: 30px !important;
    height: 30px !important;
    top: 42% !important;
    background: #0b1536d9;
    border: 1px solid #ffffff55;
    border-radius: 50%;
}
body.ed-redesign .main-slider .flickity-prev-next-button svg {
    width: 12px !important;
    height: 12px !important;
    left: 30%;
    top: 30%;
}
body.ed-redesign .main-slider .flickity-prev-next-button .arrow { fill: white; }
body.ed-redesign .main-slider .flickity-prev-next-button.previous { left: 0; }
body.ed-redesign .main-slider .flickity-prev-next-button.next { right: 0; }
body.ed-redesign .fresh__content { height: 640px; }
body.ed-redesign .fresh__content ul li > div {
    height: auto !important;
    padding-bottom: 0 !important;
    overflow: visible;
}
body.ed-redesign .fresh__content ul li img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
}
body.ed-redesign .fresh__info {
    position: static !important;
    background: transparent !important;
    color: var(--ed-navy);
    padding: 10px 0 4px;
    align-items: flex-start;
    gap: 6px;
}
body.ed-redesign .fresh__info > div { min-width: 0; }
body.ed-redesign .fresh__info span { color: var(--ed-muted); }
body.ed-redesign .fresh__value { flex-shrink: 0; }
body.ed-redesign .styled-list__info { min-width: 0; }
body.ed-redesign .ed-story-accent { color: #ff9874; }
/* Keep detail pages on the same paper/card surface as the approved mockups. */
body.ed-redesign .album__main,
body.ed-redesign .band__main {
    background: transparent;
    color: var(--ed-ink);
}
body.ed-redesign .album__main > .container,
body.ed-redesign .band__main > .container {
    padding: 24px;
    border: 1px solid var(--ed-line);
    border-radius: 7px;
    background: var(--ed-card);
    box-shadow: 0 8px 26px #101d4510;
}
body.ed-redesign .album__main .album__value,
body.ed-redesign .album__main .album__label,
body.ed-redesign .band__main a {
    color: var(--ed-navy);
}
body.ed-redesign .album__main .album__album .album__value {
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -.04em;
}
body.ed-redesign .album__main .album__label { font-size: 10px; color: var(--ed-muted); }
body.ed-redesign .album__cover { width: 280px; min-width: 185px; }
body.ed-redesign .album__cover > img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 3px;
    box-shadow: 0 8px 20px #101d451a;
}
@keyframes ed-original-record-spin { to { transform: rotate(360deg); } }
@media (max-width: 768px) {
    body.ed-redesign .header__burger-wrap { display: flex !important; align-items: center; }
    body.ed-redesign .nav__burger { display: flex !important; }
    body.ed-redesign .header__logo { flex: 1 1 220px; min-width: 0; }
    body.ed-redesign .header__logo a span { font-size: 25px; }
    body.ed-redesign .header__logo a svg { width: 39px; height: 39px; }
    body.ed-redesign .header__login {
        order: 4 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 7px 0 !important;
        justify-content: flex-start;
    }
    body.ed-redesign .header__login .premium-promo { margin-left: auto !important; }
    body.ed-redesign .header__login .report-problem-button { margin-left: auto !important; }
    body.ed-redesign .header__login .premium-promo img { height: 28px !important; }
    body.ed-redesign .header__extra { order: 3; width: 100%; padding-bottom: 0; }
    body.ed-redesign #ed-search-dropdown {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }
    body.ed-redesign .nav__bottom { display: block !important; }
    body.ed-redesign .nav__bottom .container {
        display: flex !important;
        flex-direction: row !important;
        padding-inline: 12px !important;
        gap: 10px;
    }
    body.ed-redesign .nav__bottom a { width: auto !important; padding: 12px 0; font-size: 9px; }
    body.ed-redesign .nav__bottom a svg { width: 14px; height: 14px; }
    body.ed-redesign .main-slider > a,
    body.ed-redesign .main-slider .flickity-slider > a { width: 50% !important; padding: 0 6px; }
    body.ed-redesign .main-slider__band { font-size: 11px; }
    body.ed-redesign .fresh__content { height: 520px !important; }
    body.ed-redesign .album__cover { flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
    body.ed-redesign .header__logo a svg { animation: none !important; }
}