@font-face {
    font-family: "Everydisc MICRADI";
    src: url("/fonts/MICRADI.ttf") format("truetype");
    font-display: swap;
}
/* EveryDisc editorial refresh — additive styles for the production Blade site.
   Keep the legacy Vue/app stylesheets intact; this layer only skins their DOM. */
body.ed-redesign {
    --ed-navy: #101d45;
    --ed-deep: #0b1536;
    --ed-orange: #f15a2a;
    --ed-orange-soft: #fff0e9;
    --ed-paper: #f3f1eb;
    --ed-card: #fffefa;
    --ed-ink: #202a40;
    --ed-muted: #747b8c;
    --ed-line: #e5e2da;
    background: var(--ed-paper);
    color: var(--ed-ink);
    font-family: "Open Sans", "Avenir Next", sans-serif;
    font-size: 14px;
    line-height: 1.55;
    min-height: 100dvh;
}
body.ed-redesign *, body.ed-redesign *::before, body.ed-redesign *::after { box-sizing: border-box; }
body.ed-redesign .container { width: min(1220px, calc(100% - 48px)); max-width: 1220px; margin-inline: auto; }
body.ed-redesign a { transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
body.ed-redesign a:focus-visible, body.ed-redesign button:focus-visible, body.ed-redesign input:focus-visible, body.ed-redesign select:focus-visible, body.ed-redesign textarea:focus-visible { outline: 2px solid #f28a69; outline-offset: 3px; }
body.ed-redesign .header { position: relative; z-index: 30; background: var(--ed-card); border-bottom: 1px solid var(--ed-line); }
body.ed-redesign .header > .container { min-height: 95px; display: grid; grid-template-columns: minmax(230px,1fr) auto minmax(230px,1fr); gap: 20px; align-items: center; }
body.ed-redesign .header__logo { grid-column: 1; grid-row: 1; justify-self: start; margin: 0; text-align: left; }
body.ed-redesign .header__logo > a { display: flex; align-items: center; gap: 11px; color: var(--ed-navy); text-decoration: none; }
body.ed-redesign .header__logo svg { width: 52px; height: 52px; flex: none; color: #111; }
body.ed-redesign .header__logo span { font-family: "Everydisc MICRADI", "Open Sans", sans-serif; text-transform: uppercase; letter-spacing: -.04em; font-size: 31px; line-height: 1; }
body.ed-redesign .header__logo p { margin: 3px 0 0 63px; color: #818695; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
body.ed-redesign .header__login { grid-column: 3; grid-row: 1; justify-self: end; display: flex; gap: 11px; color: var(--ed-navy); font-size: 11px; white-space: nowrap; }
body.ed-redesign .header__login > svg { color: var(--ed-orange); }
body.ed-redesign .header__login a:not(.premium-promo):not(.report-problem-button) { color: var(--ed-navy); font-weight: 700; }
body.ed-redesign .header__login a:hover { color: var(--ed-orange); }
body.ed-redesign .header__login .premium-promo img { max-height: 39px; width: auto; }
body.ed-redesign .header__extra { grid-column: 2; grid-row: 1; }
body.ed-redesign .header__search { width: min(260px,24vw); }
body.ed-redesign .header__input { position: relative; }
body.ed-redesign .header__input input { width: 100%; height: 39px; border: 1px solid #e2e0da; border-radius: 99px; padding: 0 42px 0 15px; color: var(--ed-ink); background: #f8f7f3; font-size: 12px; }
body.ed-redesign .header__submit { position: absolute; right: 4px; top: 4px; width: 31px; height: 31px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--ed-navy); }
body.ed-redesign .header__submit:hover { background: var(--ed-orange-soft); color: var(--ed-orange); }
body.ed-redesign .header__burger-wrap { display: none; }
body.ed-redesign #ed-search-dropdown { border: 1px solid var(--ed-line); border-radius: 8px; box-shadow: 0 15px 38px #101d4525; }
body.ed-redesign .report-problem-button { background: var(--ed-navy); border-color: var(--ed-navy) !important; border-radius: 3px; }

body.ed-redesign .nav { margin: 0; background: var(--ed-navy); color: #e9edf6; }
body.ed-redesign .nav__top { padding: 0; background: var(--ed-deep); }
body.ed-redesign .nav__top .container { min-height: 39px; }
body.ed-redesign .nav ul { margin: 0; padding: 0; list-style: none; gap: 26px; }
body.ed-redesign .nav li { padding: 0; }
body.ed-redesign .nav a { color: #e6eaf3; font-size: 10px; font-weight: 750; letter-spacing: .045em; text-decoration: none; }
body.ed-redesign .nav a:hover { color: #ffa181; }
body.ed-redesign .nav__top--red { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-left: 4px; border-radius: 50%; background: var(--ed-orange); color: white; }
body.ed-redesign .nav__bottom { background: var(--ed-orange); }
body.ed-redesign .nav__bottom .container { min-height: 38px; }
body.ed-redesign .nav__bottom a { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
body.ed-redesign .nav__bottom svg { width: 17px; height: 17px; }
body.ed-redesign .nav__burger { border-color: #d9dce5; color: var(--ed-navy); background: transparent; }

/* Homepage — existing live carousel remains the artwork/data source. */
body.ed-redesign .ed-home-hero { position: relative; overflow: hidden; color: white; background: var(--ed-navy); }
body.ed-redesign .ed-home-hero::after { position: absolute; content: ""; width: 430px; height: 430px; right: -180px; top: -245px; border: 1px solid #ffffff1c; border-radius: 50%; box-shadow: 0 0 0 35px #ffffff08, 0 0 0 72px #ffffff06; pointer-events: none; }
body.ed-redesign .ed-home-hero__inner { position: relative; z-index: 1; min-height: 390px; display: grid; grid-template-columns: minmax(270px,.78fr) minmax(0,1.22fr); align-items: center; gap: 45px; padding-block: 34px; }
body.ed-redesign .ed-home-hero__copy { max-width: 430px; }
body.ed-redesign .ed-kicker { display: block; color: #ff9874; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
body.ed-redesign .ed-home-hero h2 { margin: 12px 0 14px; color: #fff; font-size: clamp(38px,4.4vw,58px); line-height: .99; letter-spacing: -.055em; font-weight: 800; }
body.ed-redesign .ed-home-hero__copy > p:not(.ed-home-hero__caption) { max-width: 370px; margin: 0; color: #c4cce0; font-size: 13px; line-height: 1.8; }
body.ed-redesign .ed-home-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 23px; }
body.ed-redesign .ed-button-primary, body.ed-redesign .ed-button-ghost { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 15px; border-radius: 3px; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-decoration: none; }
body.ed-redesign .ed-button-primary { border: 1px solid var(--ed-orange); background: var(--ed-orange); color: white; }
body.ed-redesign .ed-button-primary:hover { border-color: #ff7040; background: #ff7040; color: white; transform: translateY(-2px); }
body.ed-redesign .ed-button-ghost { border: 1px solid #ffffff55; color: #f2f4f8; }
body.ed-redesign .ed-button-ghost:hover { border-color: #ff9874; color: #ff9874; }
body.ed-redesign .ed-home-hero__caption { margin: 20px 0 0; color: #9ba7c2; font-size: 10px; }
body.ed-redesign .ed-home-hero__records { min-width: 0; }
body.ed-redesign .ed-home-hero__label { display: block; margin: 0 0 4px 28px; color: #ff9874; font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
body.ed-redesign .main-slider { min-width: 0; padding: 16px 27px 30px; }
body.ed-redesign .main-slider .flickity-viewport { overflow: visible; }
body.ed-redesign .main-slider__item { width: 29%; min-width: 145px; min-height: 210px; margin: 0 8px; padding: 0; border: 1px solid #ffffff1a; border-radius: 3px; overflow: hidden; text-decoration: none; box-shadow: 0 15px 32px #050b2380; }
body.ed-redesign .main-slider__item::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, #07112cdb 100%); }
body.ed-redesign .main-slider__item:nth-child(2) { transform: translateY(-10px); }
body.ed-redesign .main-slider__band { position: relative; z-index: 1; margin-top: auto; padding: 12px 11px 7px; color: white; font-size: 11px; font-weight: 800; line-height: 1.4; }
body.ed-redesign .main-slider__info { position: relative; z-index: 1; min-height: 35px; padding: 5px 11px 10px; color: #ff9874; font-size: 9px; font-weight: 800; }
body.ed-redesign .main-slider__info svg { width: 16px; height: 16px; }
body.ed-redesign .main-slider .flickity-button { color: white; background: #09132fbd; border: 1px solid #ffffff55; }
body.ed-redesign .main-slider .flickity-button:hover { background: var(--ed-orange); }

body.ed-redesign .main-content { padding: 38px 0 40px; background: var(--ed-paper); }
body.ed-redesign .main-content > .container.flex { align-items: flex-start; gap: 25px; }
body.ed-redesign .fresh { flex: 1 1 68%; min-width: 0; }
body.ed-redesign .main-content > .container.flex > section:not(.fresh) { flex: 0 1 32%; min-width: 265px; }
body.ed-redesign .section-title { margin: 0 0 16px; padding: 0 0 11px; border-bottom: 1px solid var(--ed-line); color: var(--ed-navy); font-size: 21px; font-weight: 800; letter-spacing: -.04em; }
body.ed-redesign .section-title a { color: inherit; text-decoration: none; }
body.ed-redesign .section-title svg { margin-right: 8px; color: var(--ed-orange); }
body.ed-redesign .fresh__content { padding: 16px; border: 1px solid var(--ed-line); border-radius: 7px; background: var(--ed-card); box-shadow: 0 5px 20px #232b4109; }
body.ed-redesign .fresh__content ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
body.ed-redesign .fresh__content li { min-width: 0; margin: 0; }
body.ed-redesign .fresh__content li > div > a:first-child { display: block; overflow: hidden; border-radius: 3px; background: #e8e6df; }
body.ed-redesign .fresh__content li img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform .2s; }
body.ed-redesign .fresh__content li > div > a:hover img { transform: scale(1.035); }
body.ed-redesign .fresh__info { align-items: flex-start; gap: 8px; padding-top: 8px; color: #697183; font-size: 9px; }
body.ed-redesign .fresh__info > div { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
body.ed-redesign .fresh__info span { display: block; margin-top: 3px; color: var(--ed-navy); font-size: 10px; font-weight: 800; }
body.ed-redesign .fresh__value { flex: none; color: var(--ed-orange); font-size: 8px; font-weight: 800; }
body.ed-redesign .styled-list { margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--ed-line); border-radius: 7px; background: var(--ed-card); list-style: none; }
body.ed-redesign .styled-list li { border-bottom: 1px solid #efeee9; }
body.ed-redesign .styled-list li:last-child { border: 0; }
body.ed-redesign .styled-list li > a { min-height: 60px; align-items: center; gap: 10px; padding: 8px 11px; text-decoration: none; }
body.ed-redesign .styled-list li > a:hover { background: #fff8f4; }
body.ed-redesign .styled-list__number { flex: 0 0 21px; color: var(--ed-orange); font-size: 11px; font-weight: 900; }
body.ed-redesign .styled-list__cover, body.ed-redesign .styled-list__cover img { display: block; width: 42px; height: 42px; object-fit: cover; }
body.ed-redesign .styled-list__info { min-width: 0; gap: 2px; }
body.ed-redesign .styled-list__name { color: var(--ed-navy); font-size: 9px; font-weight: 800; }
body.ed-redesign .styled-list__title { color: #747b8c; font-size: 8px; }
body.ed-redesign .main-content + .container.flex { gap: 22px; padding-bottom: 40px; }
body.ed-redesign .main-blog { width: 100%; margin: 0 0 26px; padding: 21px; border: 1px solid var(--ed-line); border-radius: 7px; background: var(--ed-card); box-shadow: 0 5px 20px #232b4108; }
body.ed-redesign .main-blog__content { align-items: flex-start; gap: 24px; }
body.ed-redesign .main-blog__author { flex: 0 0 150px; text-align: center; color: var(--ed-navy); font-size: 11px; font-weight: 800; }
body.ed-redesign .main-blog__photo img { width: 100%; height: auto; border-radius: 50%; }
body.ed-redesign .main-blog__author a, body.ed-redesign .main-blog__title a { color: var(--ed-navy); }
body.ed-redesign .main-blog__posts { flex: 1; min-width: 0; }
body.ed-redesign .main-blog__posts ul { margin: 0; padding: 0; list-style: none; }
body.ed-redesign .main-blog__posts li { padding: 12px 0; border-bottom: 1px solid #efeee9; }
body.ed-redesign .main-blog__posts li:last-child { border-bottom: 0; }
body.ed-redesign .main-blog__date { color: #8f94a0; font-size: 9px; }
body.ed-redesign .main-blog__title { color: var(--ed-navy); font-size: 12px; font-weight: 800; }
body.ed-redesign .main-blog__posts p { margin: 5px 0 0; color: #6d7484; font-size: 10px; line-height: 1.6; }
body.ed-redesign .main-blog__more-btn { padding: 8px 12px; border: 1px solid var(--ed-line); border-radius: 3px; background: transparent; color: var(--ed-orange); }

/* Public catalogue pages: preserve original elements and all Vue mounts. */
body.ed-redesign .album, body.ed-redesign .band, body.ed-redesign .user, body.ed-redesign .friends, body.ed-redesign .top, body.ed-redesign .post, body.ed-redesign .new-album { padding-block: 28px 48px; }
body.ed-redesign .album__main > .container, body.ed-redesign .album__section > .container, body.ed-redesign .band__main > .container, body.ed-redesign .user > .container, body.ed-redesign .friends > .container, body.ed-redesign .top > .container, body.ed-redesign .post > .container, body.ed-redesign .new-album > .container { gap: 22px; }
body.ed-redesign .album__main, body.ed-redesign .band__main { padding: 24px 0; background: var(--ed-navy); color: #f5f5f4; }
body.ed-redesign .album__cover, body.ed-redesign .band__logo, body.ed-redesign .band__photo { border-radius: 4px; }
body.ed-redesign .album__cover img, body.ed-redesign .band__photo img { border-radius: 4px; box-shadow: 0 12px 30px #050b2350; }
body.ed-redesign .album__info, body.ed-redesign .band__info { color: #eef0f5; }
body.ed-redesign .album__label, body.ed-redesign .band__label { color: #ff9874; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.ed-redesign .album__value, body.ed-redesign .band__value, body.ed-redesign .band__name, body.ed-redesign .album__album, body.ed-redesign .album__name { color: white; }
body.ed-redesign .album__value:hover, body.ed-redesign .band__value:hover { color: #ffa181; }
body.ed-redesign .album__bottom { border-top-color: #ffffff25; color: #c4cce0; }
body.ed-redesign .album__section { padding-block: 24px; }
body.ed-redesign .album__description, body.ed-redesign .album__content, body.ed-redesign .band__discography, body.ed-redesign .band__songs, body.ed-redesign .band__biography, body.ed-redesign .band__top-10, body.ed-redesign .band__video-top, body.ed-redesign .user__info, body.ed-redesign .user__content, body.ed-redesign .friends__list, body.ed-redesign .post .listening__info, body.ed-redesign .new-album > .container, body.ed-redesign .top-list, body.ed-redesign top-list {
    min-width: 0; padding: 20px; border: 1px solid var(--ed-line); border-radius: 7px; background: var(--ed-card); box-shadow: 0 5px 20px #232b4108;
}
body.ed-redesign .album__description h2, body.ed-redesign .album__content h2, body.ed-redesign .band h2, body.ed-redesign .user h2, body.ed-redesign .post h1, body.ed-redesign .post h2, body.ed-redesign .new-album h1 { color: var(--ed-navy); letter-spacing: -.04em; }
body.ed-redesign .album__ratings, body.ed-redesign .album__favourites, body.ed-redesign .album__popular { color: var(--ed-orange); }
body.ed-redesign .album__section .container.flex { align-items: flex-start; }
body.ed-redesign .ed-track, body.ed-redesign .ed-yt-track, body.ed-redesign .ed-user-video { border-color: var(--ed-line); }
body.ed-redesign .ed-track__row, body.ed-redesign .ed-yt-track__row { border-bottom-color: var(--ed-line); }
body.ed-redesign .ed-track__btn, body.ed-redesign .ed-yt-track__btn { color: var(--ed-navy); border-color: #d9dce3; }
body.ed-redesign .ed-track__btn:hover, body.ed-redesign .ed-yt-track__btn:hover { color: white; background: var(--ed-orange); border-color: var(--ed-orange); }
body.ed-redesign .band__video-grid { gap: 14px; }
body.ed-redesign .band__video-item { overflow: hidden; border: 1px solid var(--ed-line); border-radius: 5px; background: var(--ed-card); }
body.ed-redesign .band__video-meta, body.ed-redesign .band__video-heading { color: var(--ed-navy); }
body.ed-redesign .friends__list > li { border-bottom-color: var(--ed-line); }
body.ed-redesign .friends__photo img { border-radius: 50%; }
body.ed-redesign .friends__name, body.ed-redesign .friends__nickname, body.ed-redesign .friends__list a { color: var(--ed-navy); }
body.ed-redesign .button--blue, body.ed-redesign .btn-primary { border: 0; border-radius: 3px; background: var(--ed-orange); color: #fff; }
body.ed-redesign .button--blue:hover, body.ed-redesign .btn-primary:hover { background: #d94c22; color: white; }
body.ed-redesign .styled-list, body.ed-redesign .friends__list, body.ed-redesign .ed-user-song-list, body.ed-redesign .ed-user-video-list { color: var(--ed-ink); }
body.ed-redesign .user__value, body.ed-redesign .user__value a { color: var(--ed-navy); }
body.ed-redesign .user__account { margin-bottom: 24px; padding: 22px; border: 1px solid var(--ed-line); border-radius: 7px; background: var(--ed-card); box-shadow: 0 5px 20px #232b4108; }
body.ed-redesign .user__avatar { border-color: white; box-shadow: 0 0 0 1px #d7d6d3; }
body.ed-redesign .user__nickname, body.ed-redesign .user__label { color: var(--ed-navy); }
body.ed-redesign .user__row { border-color: var(--ed-line); }
body.ed-redesign .ed-user-top-toggle { border-color: var(--ed-orange); color: var(--ed-orange); }
body.ed-redesign .ed-user-top-toggle.is-active { border-color: var(--ed-navy); background: var(--ed-navy); color: white; }
body.ed-redesign .top-list, body.ed-redesign top-list { display: block; flex: 1 1 0; }
body.ed-redesign .top-list a, body.ed-redesign top-list a { color: var(--ed-navy); }
body.ed-redesign .top-list button, body.ed-redesign top-list button { accent-color: var(--ed-orange); }

/* Forms, auth screens, comments and dynamically mounted Vue widgets. */
body.ed-redesign .main { min-height: 55vh; }
body.ed-redesign listening { display: block; padding-block: 18px 24px; }
body.ed-redesign .listening__item { padding-block: 20px; border-bottom: 1px solid var(--ed-line); background: var(--ed-card); }
body.ed-redesign .listening__item:nth-child(2n) { background: #f8f6f0; }
body.ed-redesign .listening__item .container { align-items: flex-start; gap: 20px; }
body.ed-redesign .listening__cover img { border-radius: 4px; box-shadow: 0 5px 14px #101d4520; }
body.ed-redesign .listening__header, body.ed-redesign .listening__label { color: #7b8190; }
body.ed-redesign .listening__value, body.ed-redesign .listening__top a, body.ed-redesign .listening__cover a { color: var(--ed-navy); }
body.ed-redesign .listening__rating { color: var(--ed-orange); }
body.ed-redesign .listening__more button, body.ed-redesign #ed-load-more-btn { border: 1px solid var(--ed-orange) !important; border-radius: 3px !important; background: var(--ed-orange) !important; color: white; font-weight: 800; }
body.ed-redesign .listening__more button:hover, body.ed-redesign #ed-load-more-btn:hover { background: #d94c22 !important; }
body.ed-redesign .listening__comment blockquote p { color: #535d72; line-height: 1.65; }
body.ed-redesign .rating__stars svg { color: var(--ed-orange); }
body.ed-redesign .top-list { width: auto; }
body.ed-redesign .form, body.ed-redesign .panel, body.ed-redesign .panel-default { border: 1px solid var(--ed-line); border-radius: 7px; background: var(--ed-card); box-shadow: 0 8px 26px #101d4510; }
body.ed-redesign .panel-heading { padding: 18px 22px; border-bottom: 1px solid var(--ed-line); border-radius: 7px 7px 0 0; background: var(--ed-navy); color: white; font-size: 18px; font-weight: 800; }
body.ed-redesign .panel-body { padding: 24px; }
body.ed-redesign .auth .container, body.ed-redesign .main > .container:has(.panel) { padding-block: 34px 50px; }
body.ed-redesign .form-control, body.ed-redesign input:not([type=checkbox]):not([type=radio]), body.ed-redesign select, body.ed-redesign textarea { border: 1px solid #dcdad3; border-radius: 3px; background: #fbfaf7; color: var(--ed-ink); }
body.ed-redesign .form-control:focus, body.ed-redesign input:focus, body.ed-redesign select:focus, body.ed-redesign textarea:focus { border-color: #e88867; box-shadow: 0 0 0 3px #f15a2a1c; }
body.ed-redesign .form-group { margin-bottom: 17px; }
body.ed-redesign .control-label, body.ed-redesign label { color: #626b7d; font-weight: 700; }
body.ed-redesign .help-block, body.ed-redesign .text-danger { color: #bd4d31; }
body.ed-redesign .modal { z-index: 1000; }
body.ed-redesign .modal__window { border: 1px solid var(--ed-line); border-radius: 7px; background: var(--ed-card); box-shadow: 0 22px 70px #07102c55; }
body.ed-redesign .modal__title, body.ed-redesign .modal__window h2 { color: var(--ed-navy); }
body.ed-redesign .multiselect, body.ed-redesign .multiselect__tags, body.ed-redesign .multiselect__content-wrapper { border-color: #ddd9d1; background: var(--ed-card); }
body.ed-redesign .multiselect__option--highlight { background: var(--ed-navy); }
body.ed-redesign .multiselect__option--highlight::after { background: var(--ed-navy); }
body.ed-redesign .listening__comment, body.ed-redesign .listening__info, body.ed-redesign .post .listening__info { color: var(--ed-ink); }
body.ed-redesign .listening__comment { padding: 16px 0; border-bottom: 1px solid var(--ed-line); }
body.ed-redesign .listening__comment a, body.ed-redesign .post a { color: var(--ed-orange); }
body.ed-redesign .pagination > li > a, body.ed-redesign .pagination > li > span { border-color: var(--ed-line); color: var(--ed-navy); background: var(--ed-card); }
body.ed-redesign .pagination > .active > span { border-color: var(--ed-navy); background: var(--ed-navy); color: #fff; }
body.ed-redesign .footer { padding: 22px 0; border: 0; background: var(--ed-deep); color: #cbd2e2; }
body.ed-redesign .footer a { color: #e1e5ef; }
body.ed-redesign .footer a:hover { color: #ffa181; }
body.ed-redesign .footer .container { gap: 22px; justify-content: space-between; }
body.ed-redesign .alert { border-radius: 4px; }

@media (max-width: 980px) {
    body.ed-redesign .header > .container { grid-template-columns: 1fr auto; gap: 14px; }
    body.ed-redesign .header__logo { grid-column: 1; }
    body.ed-redesign .header__extra { grid-column: 2; }
    body.ed-redesign .header__login { grid-column: 1 / -1; grid-row: 2; justify-self: end; padding: 0 0 10px; }
    body.ed-redesign .header__search { width: min(240px,34vw); }
    body.ed-redesign .ed-home-hero__inner { gap: 24px; }
    body.ed-redesign .fresh__content ul { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 768px) {
    body.ed-redesign .container { width: calc(100% - 30px); }
    body.ed-redesign .header > .container { min-height: auto; display: flex; flex-wrap: wrap; gap: 10px; padding-top: 11px; }
    body.ed-redesign .header__burger-wrap { display: block; order: 0; }
    body.ed-redesign .header__logo { order: 1; flex: 1; }
    body.ed-redesign .header__logo svg { width: 39px; height: 39px; }
    body.ed-redesign .header__logo span { font-size: 25px; }
    body.ed-redesign .header__logo p { margin-left: 50px; font-size: 7px; }
    body.ed-redesign .header__extra { order: 3; flex: 1 0 100%; padding: 0 0 11px; }
    body.ed-redesign .header__search { width: 100%; }
    body.ed-redesign .header__login { order: 2; flex: 0 0 auto; margin-left: auto; padding: 0; gap: 8px; font-size: 10px; }
    body.ed-redesign .header__login .premium-promo img { height: 32px !important; }
    body.ed-redesign .header__login .report-problem-button { min-height: 30px; margin: 0 !important; padding: 0 8px !important; font-size: 8px; }
    body.ed-redesign .nav__top, body.ed-redesign .nav__bottom { display: none; }
    body.ed-redesign .nav.nav--open .nav__top, body.ed-redesign .nav.nav--open .nav__bottom { display: block; }
    body.ed-redesign .nav.nav--open .nav__top .container { display: flex; flex-wrap: wrap; gap: 5px 22px; padding-block: 8px; }
    body.ed-redesign .nav.nav--open .nav__top .container > ul { flex-wrap: wrap; gap: 10px 20px; }
    body.ed-redesign .nav.nav--open .nav__bottom .container { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-block: 10px; }
    body.ed-redesign .nav__bottom .container { width: 100%; padding-inline: 15px; }
    body.ed-redesign .nav__bottom a { font-size: 9px; }
    body.ed-redesign .ed-home-hero__inner { display: block; min-height: auto; padding-block: 32px 26px; }
    body.ed-redesign .ed-home-hero h2 { max-width: 430px; font-size: clamp(38px,10.5vw,54px); }
    body.ed-redesign .ed-home-hero__copy > p:not(.ed-home-hero__caption) { font-size: 12px; }
    body.ed-redesign .ed-home-hero__records { margin-top: 24px; }
    body.ed-redesign .main-slider { padding: 14px 22px 27px; }
    body.ed-redesign .main-slider__item { width: 37%; min-width: 130px; min-height: 185px; }
    body.ed-redesign .main-slider__item:nth-child(2) { transform: translateY(-5px); }
    body.ed-redesign .main-content { padding: 27px 0 32px; }
    body.ed-redesign .main-content > .container.flex, body.ed-redesign .main-content + .container.flex { display: block; }
    body.ed-redesign .main-content > .container.flex > section, body.ed-redesign .fresh { width: 100%; margin-bottom: 25px; }
    body.ed-redesign .fresh__content ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 11px; }
    body.ed-redesign .album__main > .container.flex, body.ed-redesign .album__section > .container.flex, body.ed-redesign .band__main > .container.flex { display: flex; flex-direction: column; }
    body.ed-redesign .album__cover, body.ed-redesign .band__logo, body.ed-redesign .band__photo { width: min(100%,280px); }
    body.ed-redesign .album__info, body.ed-redesign .album__description, body.ed-redesign .album__content { width: 100%; min-width: 0; }
    body.ed-redesign .album__bottom { flex-wrap: wrap; }
    body.ed-redesign .user > .container.flex, body.ed-redesign .friends > .container.flex, body.ed-redesign .top > .container.flex { display: block; }
    body.ed-redesign .user__info, body.ed-redesign .user__content, body.ed-redesign .friends__list, body.ed-redesign top-list { width: 100%; margin-bottom: 18px; }
    body.ed-redesign .ed-user-manual-tops { display: flex !important; flex-direction: column !important; }
    body.ed-redesign .ed-user-manual-tops > .ed-user-top-block { width: 100% !important; min-width: 0 !important; margin-bottom: 18px; }
    body.ed-redesign .band__video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    body.ed-redesign .post > .container, body.ed-redesign .new-album > .container { display: block; }
    body.ed-redesign .main-blog__content { display: block; }
    body.ed-redesign .main-blog__author { width: 120px; margin: 0 auto 15px; }
    body.ed-redesign .panel-body { padding: 16px; }
    body.ed-redesign .form-horizontal .control-label { text-align: left; }
    body.ed-redesign .footer .container { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 420px) {
    body.ed-redesign .container { width: calc(100% - 24px); }
    body.ed-redesign .header__login > svg { display: none; }
    body.ed-redesign .header__login { gap: 6px; max-width: 100%; flex-wrap: wrap; justify-content: flex-end; }
    body.ed-redesign .header__login .premium-promo img { height: 24px !important; }
    body.ed-redesign .main-slider__item { width: 49%; }
    body.ed-redesign .band__video-grid { grid-template-columns: 1fr; }
    body.ed-redesign .album__band { flex-wrap: wrap; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    body.ed-redesign *, body.ed-redesign *::before, body.ed-redesign *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}