.elementor-kit-8{--e-global-color-primary:#363636;--e-global-color-secondary:#695039;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8216536:#E7E2E2;--e-global-color-6dd3458:#494139;--e-global-color-0c3b0f7:#F08A2B;--e-global-color-9f8eb2d:#695039B2;--e-global-color-8444f9b:#F4F4F4;--e-global-typography-primary-font-family:"RSMS Inter";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{font-size:95px;font-weight:400;line-height:76px;letter-spacing:-0.06em;word-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1400px){.elementor-kit-8 h1{font-size:50px;line-height:0.9em;letter-spacing:-0.06em;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:40px;line-height:0.96em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   ВИДЕО-ПОПАП + PRESTO PLAYER — ФИНАЛ (центрирование по экрану)
   ============================================================ */

/* ---------- 0. Страховка от горизонтальной прокрутки ---------- */
html, body {
    overflow-x: hidden;
    overflow-x: clip;
}
.dialog-widget {
    overflow: hidden !important;
}

/* ---------- 1. Окно: центр ВИДИМОГО экрана (50vw/50vh вместо 50%) ---------- */
html body .dialog-widget-content {
    position: absolute !important;
    top: 50vh !important;
    left: 50vw !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    width: min(450px, 94vw, 52vh) !important;
    max-width: 94vw !important;
    max-height: 95vh !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ---------- 2. Внутренние слои: прозрачные, во всю ширину окна ---------- */
html body .dialog-message,
html body .elementor-popup,
html body .elementor-location-popup .elementor,
html body .elementor-location-popup .elementor-section-wrap,
html body .dialog-widget-content .elementor,
html body .dialog-widget-content .elementor-widget-container,
html body .dialog-widget-content .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ---------- 3. Контейнер с видео: подложка, скругления, видео ---------- */
html body .dialog-widget-content .elementor-container {
    background: rgba(20, 16, 12, 0.95) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 20px) !important;
}
html body .dialog-widget-content [id*="presto"],
html body .dialog-widget-content .plyr,
html body .dialog-widget-content .plyr__video-wrapper,
html body .dialog-widget-content video {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
html body .dialog-widget-content video {
    height: auto !important;
    max-height: 92vh !important;
    object-fit: contain !important;
    border-radius: 20px !important;
}

/* ---------- 4. Крестик: оранжевый кружок с белым крестом ---------- */
.dialog-close-button {
    width: 44px !important;
    height: 44px !important;
    top: 10px !important;
    right: 10px !important;
    background: #F08A2B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15 5L5 15M5 5l10 10' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center center no-repeat !important;
    background-size: 18px 18px !important;
    border-radius: 50% !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
    color: transparent !important;
    font-size: 0 !important;
}
.dialog-close-button svg,
.dialog-close-button img,
.dialog-close-button path {
    display: none !important;
}

/* ---------- 5. Плеер: крупный интерфейс, Manrope, субтитры ---------- */
presto-player,
presto-video,
.dialog-widget-content {
    font-family: 'Manrope', 'Inter', sans-serif;
    font-weight: 600;
    --plyr-captions-background: rgba(0, 0, 0, 0.55);
    --plyr-captions-text-color: #ffffff;
    --plyr-font-size-small: 20px;
    --plyr-font-size-base: 20px;
    --plyr-font-size-large: 24px;
}

/* ========== НАЙДЕН ВИНОВНИК: внутренние слои контейнера попапа ========== */
html body .dialog-widget-content .e-con,
html body .dialog-widget-content .e-con-inner,
html body .dialog-widget-content .elementor-widget,
html body .dialog-widget-content .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'RSMS Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dogself.ru/wp-content/uploads/2026/04/inter-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'RSMS Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dogself.ru/wp-content/uploads/2026/04/inter-medium.woff2') format('woff2');
}
@font-face {
	font-family: 'RSMS Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dogself.ru/wp-content/uploads/2026/04/inter-semibold.woff2') format('woff2');
}
@font-face {
	font-family: 'RSMS Inter';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dogself.ru/wp-content/uploads/2026/04/inter-bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */