@layer overrides {
html { background: var(--v9-color-bg, #161b1d); }
body.dle-sg-page { background: var(--v9-color-bg, #161b1d); color: var(--v9-color-text-body, #dce6eb); font-family: Roboto, Arial, sans-serif; margin: 0; }
body.dle-sg-page * { box-sizing: border-box; }
body.dle-sg-page a { color: inherit; }
.dle-sg-logo { align-items: center; color: #f7f8f8; display: flex; gap: 9px; text-decoration: none; }
.dle-sg-logo__mark { align-items: center; background: var(--brand-red, #ec2227); clip-path: polygon(14% 0, 100% 0, 87% 100%, 0 100%); color: #171d1f; display: flex; font: 900 italic 27px/1 Roboto, sans-serif; height: 37px; justify-content: center; width: 47px; }
.dle-sg-logo__text { font: 900 italic 26px/1 Rubik, sans-serif; letter-spacing: -.04em; }
.dle-sg-logo__text span { color: var(--brand-red, #ec2227); }
.dle-sg-icon { background: transparent; border: 0; color: var(--v9-color-text-header, #fff); cursor: pointer; display: grid; height: 40px; place-items: center; position: relative !important; width: 40px; }
.dle-sg-page ._header__right_pthav_1 { align-items: center; display: flex !important; margin-left: auto; position: relative; width: auto !important; }
.dle-sg-page ._header__right_pthav_1 .dle-sg-icon { flex: 0 0 40px; height: 40px !important; position: relative !important; width: 40px !important; }
.dle-sg-icon::before, .dle-sg-icon::after { content: ""; position: absolute; }
.dle-sg-icon--search::before { border: 2px solid currentColor; border-radius: 50%; height: 17px; left: 8px; right: auto; top: 7px; width: 17px; }
.dle-sg-icon--search::after { background: currentColor; border-radius: 2px; height: 2px; left: 24px; right: auto; top: 25px; transform: rotate(45deg); width: 10px; }
.dle-sg-icon--theme { background-image: var(--color-scheme-icon); background-position: center; background-repeat: no-repeat; background-size: 24px; }
.dle-sg-icon--user::before { border: 2px solid currentColor; border-radius: 50%; height: 13px; left: 13px; right: auto; top: 5px; width: 13px; }
.dle-sg-icon--user::after { border: 2px solid currentColor; border-bottom: 0; border-radius: 14px 14px 0 0; height: 12px; left: 8px; right: auto; top: 23px; width: 23px; }
.dle-sg-icon--menu::before { background: currentColor; box-shadow: 0 7px currentColor, 0 14px currentColor; height: 2px; left: 9px; right: auto; top: 11px; width: 22px; }
.dle-sg-mobile-menu, .dle-sg-search-panel { box-sizing: border-box; display: none; left: 0; position: absolute; right: 0; top: 100%; width: 100%; z-index: 110; }
.dle-sg-mobile-menu.is-open { display: block; }
.dle-sg-search-panel.is-open { display: flex; }
.dle-sg-search-panel { align-items: end; gap: 12px; margin: 0 auto 16px; max-width: 1536px; padding: 0 40px; }
.dle-sg-search-panel label { color: var(--v9-color-text-gray); font-size: 14px; }
.dle-sg-search-panel input { background: var(--v9-color-card-bg); border: 1px solid var(--v9-color-d3-l4); border-radius: 8px; color: var(--v9-color-text-body); flex: 1; font: inherit; height: 40px; padding: 0 12px; }
.dle-sg-search-panel button { background: var(--brand-red, #ec2227); border: 0; border-radius: 8px; color: #fff; cursor: pointer; font: 500 16px/1 Rubik, sans-serif; height: 40px; padding: 0 16px; }
.dle-sg-title-page { margin-top: 16px; }
.dle-sg-hero { aspect-ratio: 1280 / 412; background: var(--v9-color-1); display: block; overflow: hidden; position: relative; }
.dle-sg-hero::after { background: linear-gradient(90deg, rgba(7, 11, 13, .34), rgba(7, 11, 13, .08) 52%, rgba(7, 11, 13, .38)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.dle-sg-hero img { display: block; filter: blur(7px) saturate(.78) brightness(.72); height: 100%; object-fit: cover; transform: scale(1.045); width: 100%; }
.dle-sg-square-poster img { height: 100%; object-fit: cover; width: 100%; }
.dle-sg-square-poster--empty { align-items: center; color: var(--v9-color-text-gray); display: flex; font: 700 20px/1 Rubik, sans-serif; justify-content: center; padding: 20px; text-align: center; }
.dle-sg-poster-link { text-decoration: none; }
.dle-sg-facts { flex-wrap: wrap; }
.dle-sg-facts span { white-space: nowrap; }
.dle-sg-rating-actions { align-items: center; display: flex; justify-content: space-between !important; min-height: 36px; width: 100%; }
.dle-sg-star-rating { --dle-sg-rating-color: var(--yellow-rating); align-items: center; display: flex; }
.dle-sg-rating-source { display: none; }
.dle-sg-stars-ui { align-items: center; display: flex; gap: 8px; }
.dle-sg-stars-ui button { align-items: center; background: transparent; border: 0; color: #667176; cursor: pointer; display: grid; height: 32px; padding: 0; place-items: center; transition: color .18s ease, filter .18s ease, transform .18s ease; width: 30px; }
.dle-sg-stars-ui button svg { display: block; fill: transparent; height: 30px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; transition: fill .18s ease, stroke .18s ease; width: 30px; }
.dle-sg-stars-ui button.is-active { color: var(--dle-sg-rating-color) !important; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--dle-sg-rating-color) 45%, transparent)); }
.dle-sg-stars-ui button.is-active svg { fill: currentColor; stroke: currentColor; }
.dle-sg-stars-ui button:hover, .dle-sg-stars-ui button:focus-visible { color: var(--dle-sg-rating-color) !important; outline: 0; transform: translateY(-2px) scale(1.08); }
.dle-sg-stars-ui button:focus-visible { filter: drop-shadow(0 0 7px color-mix(in srgb, var(--dle-sg-rating-color) 70%, transparent)); }
.dle-sg-star-rating.is-animating .dle-sg-stars-ui button.is-active { animation: dle-sg-star-pop .48s cubic-bezier(.2, .85, .35, 1.35) both; animation-delay: calc(var(--dle-sg-star-index) * 42ms); }
.dle-sg-favorite { align-items: center; background: transparent; border: 0; color: #667176; cursor: pointer; display: inline-flex; height: 32px; justify-content: center; padding: 0; position: relative; text-decoration: none; width: 32px; z-index: 6; }
.dle-sg-favorite svg { display: block; fill: transparent; height: 29px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; transform: translateY(1px); transition: fill .2s ease, transform .2s ease; width: 29px; }
.dle-sg-favorite:hover, .dle-sg-favorite:focus-visible, .dle-sg-favorite.is-active { color: var(--brand-red); }
.dle-sg-favorite.is-active svg { fill: currentColor; }
.dle-sg-favorite:hover svg { transform: translateY(-2px) scale(1.12); }.dle-sg-favorite.is-popping svg { animation: dle-sg-heart-pop .52s cubic-bezier(.2, .85, .35, 1.35) both; }
.dle-sg-favorite:focus-visible { outline: 2px solid var(--brand-red); outline-offset: 2px; }
@keyframes dle-sg-star-pop { 0% { transform: translateY(0) scale(1); } 45% { transform: translateY(-5px) scale(1.2); } 100% { transform: translateY(0) scale(1); } }
@keyframes dle-sg-heart-pop { 0% { transform: translateY(1px) scale(1); } 42% { transform: translateY(-3px) scale(1.3); } 100% { transform: translateY(1px) scale(1); } }
.dle-sg-rating-box ._votes-graph_1bso0_470 { grid-template-columns: repeat(6, 1fr); }
.dle-sg-rating-box i { display: block; }
.dle-sg-tags { margin-bottom: 22px; }
.dle-sg-tags ._tag_82nn8_724 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.dle-sg-description { color: var(--v9-color-text-body); font-size: 18px; line-height: 1.67; margin-bottom: 28px; }
.dle-sg-description img { height: auto; max-width: 100%; }
.dle-sg-description iframe { max-width: 100%; }
.dle-sg-info-grid { border-top: 1px solid var(--v9-color-3); padding-top: 20px; }
.dle-sg-watch, .dle-sg-comments { border-top: 1px solid var(--v9-color-3); margin-top: 40px; padding-top: 32px; }
.dle-sg-watch h2, .dle-sg-comments h2 { color: var(--v9-color-text-header); font: 500 24px/1 Rubik, sans-serif; margin: 0; }
.dle-sg-player { background: #090c0d; border-radius: 12px; overflow: hidden; }
.dle-sg-player iframe { border: 0; height: 100%; width: 100%; }
.dle-sg-empty-player { align-items: center; aspect-ratio: 16 / 9; background: var(--v9-color-1); border: 1px dashed var(--v9-color-d3-l4); border-radius: 12px; color: var(--v9-color-text-gray); display: flex; justify-content: center; padding: 24px; text-align: center; }
.dle-sg-catalog { margin-top: 16px; }
.dle-sg-catalog__grid { display: grid; gap: 24px 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dle-sg-card { background: var(--v9-color-card-bg); border: 1px solid var(--v9-border-card); border-radius: 10px; display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.dle-sg-card__image { aspect-ratio: 16 / 10; background: var(--backdrop-image); color: var(--v9-color-text-gray); display: grid; place-items: center; text-align: center; }
.dle-sg-card__image img { height: 100%; object-fit: cover; transition: transform .3s ease; width: 100%; }
.dle-sg-card:hover .dle-sg-card__image img { transform: scale(1.05); }
.dle-sg-card__body { display: flex; flex: 1; flex-direction: column; padding: 14px; }
.dle-sg-card__meta { color: var(--v9-color-text-gray); font-size: 13px; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dle-sg-card h2 { font: 500 18px/1.25 Rubik, sans-serif; margin: 0 0 9px; }
.dle-sg-card h2 a { color: var(--v9-color-text-header); text-decoration: none; }
.dle-sg-card h2 a:hover { color: var(--brand-red); }
.dle-sg-card__text { color: var(--v9-color-text-gray); font-size: 14px; line-height: 1.42; }
.dle-sg-pagination { margin-top: 40px; }
.dle-sg-login { display: none; }
.dle-sg-page .navigation, .dle-sg-page .pagenavi { display: flex; flex-wrap: wrap; gap: 8px; }
.dle-sg-page .navigation a, .dle-sg-page .navigation span, .dle-sg-page .pagenavi a, .dle-sg-page .pagenavi span { align-items: center; background: var(--v9-color-1); border-radius: 6px; color: var(--v9-color-text-body); display: flex; height: 36px; justify-content: center; min-width: 36px; padding: 0 10px; text-decoration: none; }
.dle-sg-page .navigation .current, .dle-sg-page .pagenavi .current { background: var(--brand-red); color: #fff; }
.dle-sg-page .dle-comments, .dle-sg-page .comments { color: var(--v9-color-text-body); }
.dle-sg-addcomments { background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 12px; margin-bottom: 24px; padding: 20px; }
.dle-sg-addcomments h3 { color: var(--v9-color-text-header); font: 500 18px/1 Rubik, sans-serif; margin: 0 0 16px; }
.dle-sg-addcomments textarea { background: var(--v9-color-card-bg); border: 1px solid var(--v9-color-d3-l4); border-radius: 8px; color: var(--v9-color-text-body); min-height: 120px; padding: 12px; width: 100%; }
.dle-sg-addcomments button { background: var(--brand-red); border: 0; border-radius: 8px; color: #fff; cursor: pointer; font: 500 15px/1 Rubik, sans-serif; margin-top: 12px; padding: 12px 16px; }
.dle-sg-comment { border-bottom: 1px solid var(--v9-color-3); color: var(--v9-color-text-body); padding: 20px 0; }
.dle-sg-comment__header { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 12px; }
.dle-sg-comment__author { color: var(--v9-color-text-header); display: block; font: 600 16px/1.25 Rubik, sans-serif; }
.dle-sg-comment__author a { color: inherit; text-decoration: none; }
.dle-sg-comment__date, .dle-sg-comment__rating, .dle-sg-comment__actions { color: var(--v9-color-text-gray); font-size: 13px; }
.dle-sg-comment__date { display: block; margin-top: 4px; }
.dle-sg-comment__text { font-size: 16px; line-height: 1.6; }
.dle-sg-comment__text img, .dle-sg-comment__images img { height: auto; max-width: 100%; }
.dle-sg-comment__images, .dle-sg-comment__signature { color: var(--v9-color-text-gray); font-size: 13px; margin-top: 14px; }
.dle-sg-comment__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.dle-sg-comment__actions a { color: inherit; text-decoration: none; }
.dle-sg-catalog__grid > .dle-sg-static { grid-column: 1 / -1; }
.dle-sg-static { padding: 24px 0 8px; }
.dle-sg-static__header { border-bottom: 1px solid var(--v9-color-3); margin-bottom: 24px; padding-bottom: 20px; }
.dle-sg-static__eyebrow { color: var(--brand-red); font: 600 13px/1 Rubik, sans-serif; letter-spacing: .06em; margin: 0 0 8px; text-transform: uppercase; }
.dle-sg-static h1 { color: var(--v9-color-text-header); font: 700 34px/1.15 Rubik, sans-serif; margin: 0; }
.dle-sg-static__header > p:last-child { color: var(--v9-color-text-gray); font-size: 16px; line-height: 1.55; margin: 10px 0 0; max-width: 720px; }
.dle-sg-static__grid { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dle-sg-service-shell, .dle-sg-speedbar { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; width: calc(100% - 80px); }
.dle-sg-speedbar { color: var(--v9-color-text-gray); font: 14px/1.4 Roboto, sans-serif; margin-bottom: 2px; margin-top: 18px; }
.dle-sg-speedbar__crumbs { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; min-height: 24px; }
.dle-sg-speedbar a { color: inherit; text-decoration: none; }
.dle-sg-speedbar a:hover { color: var(--brand-red); }
.dle-sg-service { background: var(--v9-color-card-bg); border: 1px solid var(--v9-border-card); border-radius: 12px; color: var(--v9-color-text-body); margin: 24px 0 48px; padding: 32px; }
.dle-sg-message { align-items: flex-start; background: var(--v9-color-card-bg); border: 1px solid var(--brand-red); border-radius: 10px; box-shadow: 0 18px 46px rgba(0, 0, 0, .32); color: var(--v9-color-text-body); display: flex; gap: 16px; max-width: min(420px, calc(100vw - 32px)); padding: 15px 16px; position: fixed; right: 24px; top: 88px; transform: translateY(0); transition: opacity .2s ease, transform .2s ease; width: 380px; z-index: 2000; }
.dle-sg-message strong { color: var(--v9-color-text-header); display: block; font: 600 16px/1.25 Rubik, sans-serif; margin-bottom: 5px; }.dle-sg-message div { color: var(--v9-color-text-gray); font: 14px/1.45 Roboto, sans-serif; }
.dle-sg-message button { background: transparent; border: 0; color: var(--v9-color-text-gray); cursor: pointer; font: 28px/1 Arial, sans-serif; margin: -4px -4px 0 auto; padding: 0; }.dle-sg-message button:hover { color: var(--v9-color-text-header); }.dle-sg-message.is-hiding { opacity: 0; pointer-events: none; transform: translateY(-10px); }
#DLEPush, #DLEPush.DLEPush, #DLEPush.top-right, #DLEPush.top-left, #DLEPush.bottom-right, #DLEPush.bottom-left { bottom: auto !important; left: auto !important; max-width: calc(100vw - 32px); pointer-events: none; position: fixed !important; right: max(16px, env(safe-area-inset-right)) !important; top: max(82px, calc(env(safe-area-inset-top) + 72px)) !important; transform: none !important; width: min(390px, calc(100vw - 32px)) !important; z-index: 10050 !important; }
#DLEPush .DLEPush-notification { width: 100%; }
#DLEPush .DLEPush-notification.wrapper { align-items: center; animation: dle-sg-push-in .24s ease-out; background: var(--v9-color-card-bg); border: 1px solid var(--v9-color-d3-l4); border-radius: 10px; box-shadow: 0 18px 46px rgba(0, 0, 0, .34); box-sizing: border-box; color: var(--v9-color-text-body); display: grid; grid-template-columns: 46px minmax(0, 1fr); margin: 0 0 10px; min-height: 62px; overflow: hidden; pointer-events: auto; position: relative; width: 100%; }
#DLEPush .DLEPush-icon { align-items: center; align-self: stretch; background: var(--green); color: #fff; display: flex; grid-column: 1; grid-row: 1 / span 2; justify-content: center; }
#DLEPush .DLEPush-icon svg { height: 21px; width: 21px; }
#DLEPush .DLEPush-header { color: var(--v9-color-text-header); font: 600 14px/1.2 Rubik, sans-serif; grid-column: 2; grid-row: 1; margin: 12px 34px 0 13px; }.DLEPush-header:empty { display: none; }
#DLEPush .DLEPush-message { color: var(--v9-color-text-gray); font: 14px/1.4 Roboto, sans-serif; grid-column: 2; grid-row: 2; margin: 8px 34px 12px 13px; }.DLEPush-header:empty + .DLEPush-message { grid-row: 1 / span 2; margin-top: 12px; }
#DLEPush .DLEPush-message a { color: var(--v9-color-text-header); text-decoration-color: var(--brand-red); }
#DLEPush .DLEPush-close { background: transparent; border: 0; color: var(--v9-color-text-gray); cursor: pointer; font-size: 22px; line-height: 1; padding: 0; position: absolute; right: 10px; top: 8px; }.DLEPush-close:hover { color: var(--v9-color-text-header); }
#DLEPush .push-error .DLEPush-icon { background: var(--brand-red); }#DLEPush .push-warning .DLEPush-icon { background: var(--yellow-rating); }
@keyframes dle-sg-push-in { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }
.dle-sg-service__heading { border-bottom: 1px solid var(--v9-color-3); margin-bottom: 24px; padding-bottom: 20px; }
.dle-sg-service__heading p, .dle-sg-account__identity p, .dle-sg-userinfo__hero p { color: var(--brand-red); font: 600 13px/1 Rubik, sans-serif; letter-spacing: .06em; margin: 0 0 8px; text-transform: uppercase; }
.dle-sg-service__heading h1, .dle-sg-account h1, .dle-sg-userinfo h1 { color: var(--v9-color-text-header); font: 700 34px/1.1 Rubik, sans-serif; margin: 0; }
.dle-sg-service__heading span { color: var(--v9-color-text-gray); display: block; font-size: 16px; line-height: 1.55; margin-top: 10px; max-width: 680px; }
.dle-sg-form { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dle-sg-form label, .dle-sg-comment-fields label { color: var(--v9-color-text-gray); display: grid; font: 500 13px/1.4 Roboto, sans-serif; gap: 7px; }
.dle-sg-form input, .dle-sg-form select, .dle-sg-form textarea, .dle-sg-form .ui-select, .dle-sg-comment-fields input, .dle-sg-addcomments input, .dle-sg-addcomments textarea, .dle-sg-search__box input, .dle-sg-search__box select { background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 7px; box-sizing: border-box; color: var(--v9-color-text-body); font: 16px/1.3 Roboto, sans-serif; min-height: 42px; padding: 9px 11px; width: 100%; }
.dle-sg-form textarea { min-height: 110px; resize: vertical; }
.dle-sg-form__wide { grid-column: 1 / -1; }
.dle-sg-form button, .dle-sg-addcomments button, .dle-sg-search__box button, .dle-sg-vote button { align-items: center; background: var(--brand-red); border: 0; border-radius: 7px; color: #fff; cursor: pointer; display: inline-flex; font: 600 15px/1 Rubik, sans-serif; justify-content: center; min-height: 42px; padding: 0 16px; }
.dle-sg-button--muted { background: var(--v9-color-1) !important; border: 1px solid var(--v9-color-d3-l4) !important; color: var(--v9-color-text-body) !important; }
.dle-sg-check { align-items: center !important; display: flex !important; gap: 8px !important; }
.dle-sg-check input { accent-color: var(--brand-red); height: 16px; min-height: 0; padding: 0; width: 16px; }
.dle-sg-message { background: color-mix(in srgb, var(--brand-red) 12%, var(--v9-color-1)); border: 1px solid color-mix(in srgb, var(--brand-red) 38%, var(--v9-color-d3-l4)); border-radius: 8px; color: var(--v9-color-text-body); line-height: 1.55; margin: 20px 0; padding: 16px; }
.dle-sg-message strong { color: var(--v9-color-text-header); display: block; font: 600 16px/1.3 Rubik, sans-serif; margin-bottom: 6px; }
.dle-sg-search__box { background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 10px; padding: 20px; }
.dle-sg-search__simple { align-items: end; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) auto auto; }
.dle-sg-search__simple > div { min-width: 0; }
.dle-sg-search__extended { margin-top: 4px; }
.dle-sg-search__extended .dle-sg-check { min-height: 42px; }
.dle-sg-search__actions { display: flex; flex-wrap: wrap; gap: 10px; grid-column: 1 / -1; }
.dle-sg-search-result { align-items: center; background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 8px; color: var(--v9-color-text-body); display: flex; justify-content: space-between; margin-bottom: 10px; padding: 14px 16px; text-decoration: none; }
.dle-sg-search-result:hover { border-color: var(--brand-red); color: var(--v9-color-text-header); }
.dle-sg-search-result small { color: var(--v9-color-text-gray); margin-left: 20px; }
.dle-sg-service-shell:has(> .dle-sg-card) { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 48px; margin-top: 24px; }
#searchsuggestions { background: var(--v9-color-card-bg) !important; border: 1px solid var(--v9-color-d3-l4); border-radius: 10px; box-shadow: 0 16px 40px rgba(0, 0, 0, .28); overflow: hidden; z-index: 1000 !important; }
#searchsuggestions a { color: var(--v9-color-text-body); text-decoration: none; }
.dle-sg-fast-result { align-items: center; display: flex; gap: 11px; min-width: 260px; padding: 10px; }
.dle-sg-fast-result:hover { background: var(--v9-color-1); }
.dle-sg-fast-result__poster { background: var(--v9-color-1); border-radius: 5px; display: block; flex: 0 0 40px; height: 54px; overflow: hidden; }
.dle-sg-fast-result__poster img { height: 100%; object-fit: cover; width: 100%; }
.dle-sg-fast-result__poster span { align-items: center; color: var(--v9-color-text-gray); display: flex; font-size: 10px; height: 100%; justify-content: center; }
.dle-sg-fast-result__body { display: grid; gap: 5px; min-width: 0; }
.dle-sg-fast-result__body b { color: var(--v9-color-text-header); font: 500 14px/1.25 Rubik, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dle-sg-fast-result__body small { color: var(--v9-color-text-gray); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dle-sg-auth, .dle-sg-account { box-shadow: 0 24px 70px rgba(0, 0, 0, .42); display: none; left: 50%; margin: 0; max-height: calc(100vh - 104px); max-width: 600px; overflow: auto; position: fixed; top: 88px; transform: translateX(-50%); width: min(calc(100% - 32px), 600px); z-index: 1001; }
.dle-sg-auth.is-open, .dle-sg-account.is-open { display: block; }
.dle-sg-auth__form { grid-template-columns: 1fr; }
.dle-sg-auth__links { display: flex; gap: 18px; margin-top: 18px; }
.dle-sg-auth__links a, .dle-sg-account__links a { color: var(--v9-color-text-body); text-decoration: none; }
.dle-sg-auth__links a:hover, .dle-sg-account__links a:hover { color: var(--brand-red); }
.dle-sg-account__identity, .dle-sg-userinfo__hero { align-items: center; border-bottom: 1px solid var(--v9-color-3); display: flex; gap: 18px; margin-bottom: 22px; padding-bottom: 22px; }
.dle-sg-account__identity img, .dle-sg-userinfo__hero img, .dle-sg-profile-popup img { background: var(--v9-color-1); border-radius: 50%; height: 64px; object-fit: cover; width: 64px; }
.dle-sg-account__identity h1 { font-size: 26px; }
.dle-sg-account__identity span, .dle-sg-userinfo__hero span { color: var(--v9-color-text-gray); font-size: 14px; }
.dle-sg-account__links { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dle-sg-account__links a { background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 7px; display: flex; justify-content: space-between; padding: 13px 14px; }
.dle-sg-account__links b { color: var(--brand-red); }
.dle-sg-account__links .dle-sg-account__admin { background: var(--brand-red); border-color: var(--brand-red); color: #fff; }
.dle-sg-userinfo__hero { justify-content: flex-start; }
.dle-sg-userinfo__hero img { height: 88px; width: 88px; }
.dle-sg-userinfo__contact { display: flex; gap: 10px; margin-left: auto; }
.dle-sg-userinfo__stats { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 24px; }
.dle-sg-userinfo__stats > div { background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 8px; padding: 14px; }
.dle-sg-userinfo dt { color: var(--v9-color-text-gray); font-size: 13px; }
.dle-sg-userinfo dd { color: var(--v9-color-text-header); margin: 5px 0 0; }
.dle-sg-userinfo__stats dd { font: 600 20px/1 Rubik, sans-serif; }
.dle-sg-userinfo__details { display: grid; gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.dle-sg-userinfo__details > div { border-top: 1px solid var(--v9-color-3); padding: 13px 0; }
.dle-sg-userinfo__settings { border-top: 1px solid var(--v9-color-3); margin-top: 18px; padding-top: 18px; }
.dle-sg-userinfo__settings summary { color: var(--v9-color-text-header); cursor: pointer; font: 600 18px/1.3 Rubik, sans-serif; }
.dle-sg-userinfo__form { margin-top: 20px; }
.dle-sg-profile-popup { background: var(--v9-color-card-bg); border: 1px solid var(--v9-color-d3-l4); border-radius: 10px; color: var(--v9-color-text-body); display: grid; gap: 10px; grid-template-columns: auto 1fr; max-width: 340px; padding: 14px; }
.dle-sg-profile-popup strong { color: var(--v9-color-text-header); display: block; font: 600 16px/1.2 Rubik, sans-serif; }
.dle-sg-profile-popup span { color: var(--v9-color-text-gray); font-size: 13px; }
.dle-sg-profile-popup dl { border-top: 1px solid var(--v9-color-3); display: grid; gap: 6px 10px; grid-column: 1 / -1; grid-template-columns: 1fr auto; margin: 4px 0 0; padding-top: 10px; }
.dle-sg-profile-popup dt { color: var(--v9-color-text-gray); font-size: 13px; }.dle-sg-profile-popup dd { margin: 0; }
.dle-sg-comment-fields { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 14px; }
.dle-sg-addcomments__editor .bb-editor, .dle-sg-addcomments__editor .wysiwyg { margin: 0; }
.dle-sg-protection { align-items: center; color: var(--v9-color-text-gray); display: flex; flex-wrap: wrap; font-size: 13px; gap: 10px; margin-top: 14px; }
.dle-sg-protection input { max-width: 230px; }
.dle-sg-comment__rating { align-items: center; display: flex; gap: 8px; min-height: 25px; }
.dle-sg-comment__rating a { color: inherit; text-decoration: none; }
.dle-sg-comment__vote { border-radius: 5px; display: inline-block; padding: 4px 6px; }
.dle-sg-comment__vote--up { background: color-mix(in srgb, #19b77d 17%, transparent); color: #25b886; }
.dle-sg-comment__vote--down { background: color-mix(in srgb, var(--brand-red) 17%, transparent); color: var(--brand-red); }
.dle-sg-news-votes { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.dle-sg-news-votes a { text-decoration: none; }.dle-sg-news-votes span { border-radius: 6px; display: inline-block; font-size: 13px; padding: 8px 9px; }.dle-sg-news-votes__up { background: color-mix(in srgb, #19b77d 17%, transparent); color: #25b886; }.dle-sg-news-votes__down { background: color-mix(in srgb, var(--brand-red) 17%, transparent); color: var(--brand-red); }.dle-sg-news-votes--score { color: var(--v9-color-text-gray); font-size: 13px; }.dle-sg-news-votes--score strong { color: var(--v9-color-text-header); }
.dle-sg-navigation { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }.dle-sg-navigation > span { display: contents; }.dle-sg-navigation a, .dle-sg-navigation span span { background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 6px; color: var(--v9-color-text-body); padding: 9px 12px; text-decoration: none; }
.dle-sg-vote { background: var(--v9-color-1); border: 1px solid var(--v9-color-d3-l4); border-radius: 10px; margin: 24px 0; padding: 20px; }.dle-sg-vote h2 { color: var(--v9-color-text-header); font: 600 19px/1.3 Rubik, sans-serif; margin: 0 0 14px; }.dle-sg-vote button { margin-right: 8px; margin-top: 14px; }
.dle-sg-pm__tabs { border-bottom: 1px solid var(--v9-color-3); display: flex; gap: 18px; margin-bottom: 18px; padding-bottom: 14px; }.dle-sg-pm__tabs span { color: var(--v9-color-text-header); }.dle-sg-pm__list { display: grid; gap: 10px; }
.dle-sg-footer { background: var(--v9-color-1); border-top: 1px solid var(--v9-color-3); margin-top: 54px; }.dle-sg-footer__inner { box-sizing: border-box; color: var(--v9-color-text-gray); display: grid; gap: 15px 28px; grid-template-columns: auto minmax(0, 1fr) auto; margin: 0 auto; max-width: 1280px; padding: 28px 0; width: calc(100% - 80px); }.dle-sg-footer__brand { color: var(--v9-color-text-header); font: 800 italic 20px/1 Rubik, sans-serif; text-decoration: none; }.dle-sg-footer__brand span { color: var(--brand-red); }.dle-sg-footer p { font-size: 13px; line-height: 1.5; margin: 0; max-width: 540px; }.dle-sg-footer nav { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }.dle-sg-footer nav a { color: inherit; font-size: 13px; text-decoration: none; }.dle-sg-footer nav a:hover { color: var(--brand-red); }
.dle-sg-footer { margin-top: 72px; }
.dle-sg-footer__inner { display: grid; gap: 42px 56px; grid-template-columns: minmax(240px, 1.35fr) minmax(150px, .75fr) minmax(150px, .75fr); padding: 42px 0 24px; }
.dle-sg-footer__brand-block { display: grid; align-content: start; gap: 14px; }
.dle-sg-footer__brand { font-size: 26px; letter-spacing: -.04em; }
.dle-sg-footer__tagline { color: var(--v9-color-text-gray); font: 15px/1.55 Roboto, sans-serif; max-width: 310px; }
.dle-sg-footer__menu { align-content: start; display: grid !important; gap: 8px; justify-content: start !important; }
.dle-sg-footer__menu h2 { color: var(--v9-color-text-header); font: 500 16px/1.25 Rubik, sans-serif; margin: 0 0 7px; }
.dle-sg-footer__menu a { color: var(--v9-color-text-gray) !important; font: 14px/1.45 Roboto, sans-serif !important; transition: color .18s ease; }
.dle-sg-footer__menu a:hover { color: var(--v9-color-text-header) !important; }
.dle-sg-footer__bottom { align-items: center; border-top: 1px solid var(--v9-color-3); color: var(--v9-color-text-min-vis); display: grid; gap: 14px 18px; grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr) auto; padding-top: 20px; }
.dle-sg-footer__bottom p { font-size: 12px; line-height: 1.45; max-width: none; }
.dle-sg-footer__bottom > span:last-child { font: 12px/1 Roboto, sans-serif; white-space: nowrap; }
.dle-sg-footer__age { align-items: center; border: 1px solid var(--v9-color-d3-l4); border-radius: 5px; color: var(--v9-color-text-body); display: inline-flex; font: 600 12px/1 Rubik, sans-serif; height: 28px; justify-content: center; width: 28px; }
.dle-sg-back-to-top { align-items: center; background: color-mix(in srgb, var(--v9-color-1) 92%, transparent); border: 0; border-radius: 0 8px 8px 0; color: var(--v9-color-text-gray); cursor: pointer; display: flex; font: 500 14px/1 Rubik, sans-serif; gap: 9px; left: 0; opacity: 0; padding: 12px 16px 12px 12px; pointer-events: none; position: fixed; top: 118px; transform: translateX(-12px); transition: color .18s ease, opacity .18s ease, transform .18s ease; z-index: 90; }
.dle-sg-back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateX(0); }
.dle-sg-back-to-top:hover { color: var(--v9-color-text-header); }
.dle-sg-back-to-top > span:first-child { color: var(--brand-red); font: 700 20px/1 Arial, sans-serif; }
@media (max-width: 800px) {
._header__middle_pthav_1 { display: none; }
.dle-sg-hero { display: none; }
.dle-sg-mobile-menu.is-open { display: block !important; }
.dle-sg-search-panel.is-open { display: flex !important; }
.dle-sg-mobile-menu { background: var(--v9-color-page-bg); border-top: 1px solid var(--v9-color-3); box-shadow: 0 18px 30px rgba(0, 0, 0, .2); padding: 10px var(--v9-inline-padding) 14px; }
.dle-sg-page ._header__right_pthav_1 .dle-sg-icon { flex-basis: 36px; height: 36px !important; width: 36px !important; }
.dle-sg-mobile-menu.is-open ._header__navigation_pthav_217 { display: block !important; }
.dle-sg-mobile-menu ._header__navigation_pthav_217 ul { display: grid !important; gap: 0 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto !important; margin: 0 !important; padding: 0 !important; }
.dle-sg-mobile-menu ._header__navigation_pthav_217 li { border-bottom: 1px solid var(--v9-color-3); display: block !important; list-style: none; }
.dle-sg-mobile-menu ._header__navigation_pthav_217 li:nth-last-child(-n+2) { border-bottom: 0; }
.dle-sg-mobile-menu ._header__navigation__item_pthav_217 { align-items: center; color: var(--v9-color-text-body) !important; display: flex !important; font-size: 15px; height: 46px !important; }
.dle-sg-search-panel { padding: 0 var(--v9-inline-padding); }
.dle-sg-title-page { margin-top: 0; }
.dle-sg-description { font-size: 16px; line-height: 1.55; }
.dle-sg-rating-actions { column-gap: 16px; justify-content: center !important; width: 100%; }
.dle-sg-stars-ui { gap: 7px; }
.dle-sg-stars-ui button { height: 30px; width: 28px; }
.dle-sg-stars-ui button svg { height: 28px; width: 28px; }
.dle-sg-favorite { height: 30px; width: 30px; }
.dle-sg-favorite svg { height: 27px; width: 27px; }
.dle-sg-addcomments { border-radius: 8px; padding: 16px; }
.dle-sg-watch, .dle-sg-comments { margin-top: 28px; padding-top: 24px; }
.dle-sg-catalog { border-radius: 0; margin-top: 0; }
.dle-sg-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dle-sg-service-shell, .dle-sg-speedbar { width: calc(100% - 32px); }
.dle-sg-service { border-radius: 8px; margin-bottom: 32px; margin-top: 16px; padding: 20px 16px; }
.dle-sg-message { right: 16px; top: 80px; width: auto; }
#DLEPush, #DLEPush.DLEPush, #DLEPush.top-right, #DLEPush.top-left, #DLEPush.bottom-right, #DLEPush.bottom-left { right: 16px !important; top: max(76px, calc(env(safe-area-inset-top) + 64px)) !important; }
.dle-sg-service__heading h1 { font-size: 28px; }
.dle-sg-form, .dle-sg-search__extended, .dle-sg-userinfo__details, .dle-sg-userinfo__stats { grid-template-columns: 1fr; }
.dle-sg-search__simple { grid-template-columns: 1fr; }
.dle-sg-search__simple button { width: 100%; }
.dle-sg-service-shell:has(> .dle-sg-card) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dle-sg-account__links { grid-template-columns: 1fr; }
.dle-sg-userinfo__hero { align-items: flex-start; flex-wrap: wrap; }.dle-sg-userinfo__contact { margin-left: 0; width: 100%; }
.dle-sg-comment-fields { grid-template-columns: 1fr; }
.dle-sg-footer { margin-top: 48px; }.dle-sg-footer__inner { gap: 28px 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 30px 0 20px; width: calc(100% - 32px); }.dle-sg-footer__brand-block { grid-column: 1 / -1; }.dle-sg-footer__brand { font-size: 23px; }.dle-sg-footer__bottom { grid-template-columns: auto minmax(0, 1fr); }.dle-sg-footer__bottom > span:last-child { grid-column: 2; }.dle-sg-back-to-top { border-radius: 50%; bottom: 18px; left: auto; padding: 0; right: 16px; top: auto; transform: translateY(10px); height: 42px; width: 42px; justify-content: center; }.dle-sg-back-to-top.is-visible { transform: translateY(0); }.dle-sg-back-to-top > span:last-child { display: none; }
.dle-sg-static h1 { font-size: 28px; }
.dle-sg-static__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
.dle-sg-logo__mark { font-size: 22px; height: 31px; width: 38px; }
.dle-sg-logo__text { font-size: 20px; }
.dle-sg-catalog__grid { gap: 16px 12px; }
.dle-sg-card__body { padding: 10px; }
.dle-sg-card h2 { font-size: 15px; }
.dle-sg-card__text { display: none; }
.dle-sg-card__meta { font-size: 12px; }
.dle-sg-footer__inner { gap: 26px 18px; }
.dle-sg-footer__menu h2 { font-size: 15px; }
.dle-sg-footer__bottom { grid-template-columns: 1fr; }
.dle-sg-footer__bottom > span:last-child { grid-column: 1; }
}
@media (max-width: 1145px) {
.dle-sg-mobile-menu.is-open { display: block !important; }
.dle-sg-mobile-menu.is-open ._header__navigation_pthav_217 { display: block !important; }
.dle-sg-mobile-menu ._header__navigation_pthav_217 ul { display: grid !important; gap: 0 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto !important; margin: 0 !important; padding: 0 !important; }
.dle-sg-mobile-menu ._header__navigation_pthav_217 li { border-bottom: 1px solid var(--v9-color-3); display: block !important; list-style: none; }
.dle-sg-mobile-menu ._header__navigation_pthav_217 li:nth-last-child(-n+2) { border-bottom: 0; }
.dle-sg-mobile-menu ._header__navigation__item_pthav_217 { align-items: center; color: var(--v9-color-text-body) !important; display: flex !important; font-size: 15px; height: 46px !important; }
}
}