.animego__box-grid { grid-template-columns: minmax(0, 1fr) 330px; }
.animego__box-col { min-width: 0; display: flex; flex-direction: column; }

.animego__box-player { background: #0f1012; }

.animego__box-dub {display: none; padding:0 16px;height:46px;color: rgba(222, 226, 230, .75);border-radius: 8px;font-size: 16px;cursor: pointer;transition: .15s;color: #6c757d;background:transparent;border: 1px solid rgba(255, 255, 255, 0.18);gap:16px;align-items: center;justify-content: space-between;flex-grow: 1;}
.animego__box-dub span:first-child{font-size:18px;color:#fff;}

.animego__player { position: relative; }
.animego__player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.animego__player-msg {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; color: #b9b9b9; font-size: 14px; text-align: center; padding: 20px;
}

.animego__box-episodes {
    display: flex; align-items: center; gap: 16px; margin-top: 8px; min-height: 38px;
    min-width: 0;
	grid-column: 1 / -1;
}

.animego__box-actions {width: 330px;margin-left:4px;
    display: flex; align-items: center; justify-content: space-between;flex-shrink: 0;gap: 8px;
}
.animego__box-actions .animego__info-tip:hover::before{background:#fff;color: #18191a;}
.animego__box-actions .animego__info-tip:hover::after{border-top: 7px solid #fff;}
.animego__box-actions[hidden] { display: none; }
.animego__box-watched { margin-left: 20px; }
.animego__box-episodes[hidden] { display: none; }

.animego__box-side-bottom {
    margin-top: auto;
    display: flex; align-items: center; justify-content: flex-end; gap: 12px;
    padding: 14px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.animego__box-side-bottom[hidden] { display: none; }

.animego__box-side-bottom .animego__box-watched::before,
.animego__box-side-bottom .animego__box-notify::before {
    left: auto; right: 0; transform: translateX(0) translateY(4px);
}
.animego__box-side-bottom .animego__box-watched:hover::before,
.animego__box-side-bottom .animego__box-notify:hover::before {
    transform: translateX(0) translateY(0);
}
.animego__box-side-bottom .animego__box-watched::after,
.animego__box-side-bottom .animego__box-notify::after {
    left: auto; right: 14px;
}

.animego__box-episodes-jump {
    display: flex; align-items: center; gap: 8px;
    color: rgba(222,226,230,.75); font-size: 14px; white-space: nowrap;
}
.animego__box-episodes-jump span{border-bottom:1px dashed rgba(222,226,230,.75);}

.animego__box-episodes-jump input {
    width: 64px !important; height: 36px !important; min-height: 32px !important;
    padding: 0 8px !important; text-align: center;
    background: #3a3b3c !important; border: 1px solid #3a3b3c!important;
    border-radius: 999px !important; color: #dee2e6 !important;
    font-size: 14px; outline: none;
    -moz-appearance: textfield; appearance: textfield;
}
.animego__box-episodes-jump input:focus {
    border-color: #f58884!important;
    box-shadow: 0 0 0 .25rem #ea100940;
    outline: 0
}
.animego__box-episodes-jump input:focus { border-color: rgba(255,255,255,.25); }
.animego__box-episodes-jump input::-webkit-outer-spin-button,
.animego__box-episodes-jump input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.animego__box-episodes-caption { color: rgba(222,226,230,.75); font-size: 14px; white-space: nowrap; }
.animego__box-episodes-list {
    display: flex; gap: 8px; flex: 1; min-width: 0;
    overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap;
    scrollbar-width: none;z-index: 10;
}
.animego__box-episodes-list::-webkit-scrollbar { display: none; }
.animego__box-episodes-list button { flex: 0 0 auto; }

.animego__box-watched {
    display: flex; align-items: center;justify-content: center;gap: 6px; white-space: nowrap;
    background: transparent; border: 0; color: #9a9a9a; font-size: 14px; cursor: pointer;
}
.animego__box-watched:hover { color: #d6d6d6; }
.animego__box-watched.is-watched { color: var(--color-red, #ff5c57); }

.animego__box-episodes-list button {
    min-width: 92px; height: 36px; padding: 5px 4px; background: transparent; border: 0;
    border-radius: 8px; color: rgba(222,226,230,.75); font-size: 16px; text-align: center;
    cursor: pointer; transition: .15s;
}
.animego__box-episodes-list button:hover { background: rgba(255,255,255,.08); color: #dee2e6; }
.animego__box-episodes-list button.is-active { background: rgba(255,255,255,.2); color: #f2706b; }
.animego__box-episodes-list button.is-watched:not(.is-active) { color: rgba(222,226,230,.4); }

.animego__box-episodes-list button.is-marked::before {
	content: "\f02e";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	font-size: 10px;
	margin-right: 4px;
	color: var(--color-red, #ff5c57);
}
.animego__box-episodes-separator{background-color: #333434;height: 30px;width: 1px;}
.animego__box-episodes-nav { display: flex; gap: 4px; align-items: center; }
.animego__box-episodes-nav button {
    width: 32px; height: 32px; border-radius: 8px; background: transparent; border: 0;
    color: rgba(222,226,230,.75); font-size: 15px; cursor: pointer; transition: .15s;
}
.animego__box-episodes-nav button:hover { color: #dee2e6; background: rgba(255,255,255,.08); }

.animego__box-watched, .animego__box-notify { position: relative; }

.animego__box-side-tabs {
    display: flex; gap: 24px; padding: 0 20px;
    border-bottom: 1px solid rgba(255,255,255,.08); flex-shrink: 0;
}
.animego__box-side-tabs button {
    padding: 16px 0; background: none; border: 0; color: #9a9a9a;
    font-size: 16px; font-weight: 500; cursor: pointer; position: relative;
}
.animego__box-side-tabs button.is-active { color: #fff; }
.animego__box-side-tabs button.is-active::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
    background: var(--color-red, #ff5c57);
}

.animego__box-episodes-wrap{display: flex;align-items: center;gap: 16px;width: 100%;max-width: 100%;min-width: 0}
.animego__box-side-list { overflow-y: auto; padding: 8px; flex: 1; }
.animego__box-side-list button {
    display: block; width: 100%; text-align: left; padding: 9px 14px; margin-bottom: 2px;
    background: none; border: 0; border-radius: 8px; color: #d6d6d6; font-size: 16px;
    cursor: pointer; transition: .12s;
}
.animego__box-side-list button:hover { background: rgba(255,255,255,.06); }
.animego__box-side-list button.is-active { color: var(--color-red, #ff5c57); background: rgba(255,255,255,.2); }
.animego__box-side-group {
    padding: 12px 14px 6px; color: #8a8a8a; font-size: 12px;
    text-transform: uppercase; letter-spacing: .04em;
}
.animego__box-side-empty { padding: 20px; color: #9a9a9a; font-size: 14px; text-align: center; }

.animego__box-side-list::-webkit-scrollbar,
.animego__box-episodes-list::-webkit-scrollbar { width: 6px; height: 6px; }
.animego__box-side-list::-webkit-scrollbar-thumb,
.animego__box-episodes-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 6px; }

.animego__box-notify {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    color: #cfcfcf;
    width: 46px;
    height: 38px;
    cursor: pointer;
    transition: 0.2s;
}
.animego__box-notify:hover { color: #fff; border-color: rgba(255, 255, 255, 0.4); }
.animego__box-notify { position: relative; }
.animego__box-notify.is-active { color: var(--color-red); border-color: var(--color-red); }

.animego__box-notify-badge {
    display: none; position: absolute; top: -6px; right: -6px;
    width: 15px; height: 15px; border-radius: 50%;
    background: #21c43b; color: #fff; font-size: 9px;
    align-items: center; justify-content: center; line-height: 1;
}
.animego__box-notify.is-active .animego__box-notify-badge { display: inline-flex; }

@media screen and (max-width: 991px) {
    .animego__box-grid { grid-template-columns: 1fr; }
    .animego__box-dub { display: flex; }

    .animego__box-episodes-jump,.animego__box-episodes-caption,.animego__box-episodes-separator, .animego__box-watched span:last-child { display: none; }
    .animego__box-episodes { align-items: center;flex-wrap: wrap;gap:16px 8px;}
	.animego__box-episodes-wrap{position: relative;order: -1;padding: 0px 78px;}
    .animego__box-episodes-nav {position: absolute;width: 100%;left: 0;top: 0;justify-content: space-between;height: 46px;}
    .animego__box-episodes-nav button{width:70px;height:40px;margin:0;border: 1px solid rgba(255, 255, 255, 0.18);}
	.animego__box-episodes-list button{height:46px;border-radius:18px;width:100%;}
	.animego__box-episodes-list button.is-active{color:#fff;background-color: #3a3b3c;}

	.animego__box-actions{width:auto;margin: 0;}
	.animego__box-watched{background: none;border: 1px solid rgba(255, 255, 255, 0.18);border-radius: 8px;color: #cfcfcf;width: 46px;height: 46px;margin:0;cursor: pointer;transition: 0.2s;}
	.animego__box-watched.is-watched { border-color: var(--color-red, #ff5c57); }
	.animego__box-notify {width: 46px;height: 46px;}

	.animego__box-watched::before,.animego__box-notify::before{transform: translateX(0%) translateY(4px);left: unset;right: 0;}
	.animego__box-watched:hover::before,.animego__box-notify:hover::before{transform: translateX(0%) translateY(0px);}
	.animego__box-side {background-color: #18191a;}
}

@media screen and (min-width: 992px) {
.animego__box-side {
    background: transparent; border-radius: 20px; height: 550px;
    display: flex; flex-direction: column; overflow: hidden; color: #eaeaea;
}

.animego__box-side.offcanvas{
	position: relative;
    inset: auto;
    z-index: auto;
    width: auto;
    overflow: visible;
    background-color: transparent;
    box-shadow: none;
    transform: none;
    visibility: visible;
    pointer-events: auto;
    transition: none;
}
}

.subscribe-modal { position: fixed; inset: 0; z-index: 1200; }
.subscribe-modal[hidden] { display: none; }
.subscribe-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); }
.subscribe-modal__win {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    background: #202122; border-radius: 12px; padding: 22px 24px;
    width: min(480px, calc(100vw - 32px)); max-height: 80vh;
    display: flex; flex-direction: column;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}
.subscribe-modal__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.subscribe-modal__title { font-size: 19px; font-weight: 600; color: #fff; }
.subscribe-modal__x { color: #9a9b9d; font-size: 18px; cursor: pointer; }
.subscribe-modal__x:hover { color: #fff; }
.subscribe-modal__list { overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding: 4px 0 8px; }
.subscribe-modal__row { display: flex; align-items: center; gap: 12px; cursor: pointer; color: #e3e3e3; font-size: 15px; }
.subscribe-modal__switch { position: relative; flex: 0 0 auto; width: 34px; height: 18px; }
.subscribe-modal__switch input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.subscribe-modal__switch i {
    display: block; width: 34px; height: 18px; border-radius: 10px;
    background: #4a4b4d; transition: 0.2s; pointer-events: none;
}
.subscribe-modal__switch i::after {
    content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px;
    border-radius: 50%; background: #d5d5d5; transition: 0.2s;
}
.subscribe-modal__switch input:checked + i { background: var(--color-red); }
.subscribe-modal__switch input:checked + i::after { left: 18px; background: #fff; }
.subscribe-modal__actions { display: flex; justify-content: flex-end; gap: 22px; margin-top: 14px; }
.subscribe-modal__btn { color: var(--color-red); font-size: 15px; cursor: pointer; }
.subscribe-modal__btn:hover { text-decoration: underline; }