/* ---- правки поверх конструктора ---- */
/* подменю: непрозрачное, поверх заголовков */
.menu-landing ul ul, #wb_header ul ul, .wb_header_fixed ul ul { background:rgba(255,255,255,.84) !important; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); box-shadow:0 6px 18px rgba(0,0,0,.18); z-index:99999; }
.menu-landing li ul { z-index:99999; }
.wb_header_fixed { z-index:99998 !important; }


/* футер: иконки и копирайт — одна центрированная строка */
#wb_footer .wb_cont_inner { display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:22px; height:72px !important; position:relative; }
#wb_footer { height:72px !important; }
#wb_footer > .wb_cont_bg { background-color:#151515 !important; box-shadow:0 0 0 100vmax #151515; clip-path:inset(0 -100vmax); }
#wb_footer .wb_element { position:static !important; top:auto !important; left:auto !important; margin:0 !important; flex:0 0 auto; }
#wb_footer .wb_element_picture { width:30px !important; min-width:30px !important; height:30px !important; min-height:30px !important; display:block; }
#wb_footer .wb_element_picture img { width:30px !important; height:30px !important; object-fit:contain; border-radius:0; }
#wb_footer #wb_element_instance53 { border-radius:50% !important; }
#wb_footer #wb_element_instance2 { order:-1; width:auto !important; min-width:0 !important; white-space:nowrap; margin-right:14px !important; }
#wb_footer #wb_element_instance53{order:1} #wb_footer #wb_element_instance52{order:2} #wb_footer #wb_element_instance6{order:3}
#wb_footer #wb_element_instance5{order:4} #wb_footer #wb_element_instance4{order:5} #wb_footer #wb_element_instance3{order:6}
#wb_footer #wb_element_instance234 { display:none !important; }

/* ИИшница: красные квадраты */
.ii-sq { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:230px; height:120px; background:#ff0000;
  border-radius:0 0 5px 5px; text-decoration:none; color:#fff; font:normal normal 42px Myriad Set Pro,Lucida Grande,Helvetica Neue,Verdana,sans-serif; line-height:48px; text-transform:uppercase; transition:.15s; }
.ii-sq:hover { background:#c80000; color:#fff; }

/* сетка по проектам */
#iiFlow { box-sizing:border-box; padding:0 26px; }
#iiFlow .rg { max-width:940px; margin:0 auto; }
.ii-more { margin:46px auto 0; width:290px; }
.ii-more .wb_button { width:290px; height:30px; font-family:Georgia,serif; font-size:18px; border:1px solid #000; color:#000; text-decoration:none; background:transparent; }
.ii-more .wb_button > span { font-weight:bold; }
.ii-more .wb_button:hover { background:#000; color:#fff; }
.ii-line { margin:36px 1px 0; border-top:4px solid #303030; width:990px; max-width:100%; }

/* Мои видео */
.rv { max-width:970px; margin:56px auto 0; position:relative; }
.rv-anchor { position:absolute; top:-70px; }
.rv-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 20px; margin-top:22px; }
.rv-card { position:relative; }
.rv-card .rv-t { font:bold 18px/26px 'Open Sans',sans-serif; color:#1F1209; text-align:center; margin:0 0 6px; }
.rv-box { position:relative; height:320px; background:#111; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.rv-box iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.rv-box .rv-play { width:0;height:0;border-left:34px solid rgba(255,255,255,.85);border-top:21px solid transparent;border-bottom:21px solid transparent; margin-bottom:16px; }
.rv-box .rv-soon { font:normal 20px 'Open Sans',sans-serif; letter-spacing:.08em; text-transform:lowercase; opacity:.8; }

.rv h2.wb-stl-heading2 { font-size:26px; line-height:34px; font-weight:bold; }
.rv-box video { position:absolute; inset:0; width:100%; height:100%; background:#000; object-fit:contain; }

/* ---- t172u ---- */
/* 1) меню: в одну строку на любом экране, не «съезжает» ИИШНИЦА */
#wb_element_instance0 { left:0 !important; width:100% !important; min-width:0 !important; }
#wb_element_instance0 > ul { white-space:nowrap !important; }
#wb_element_instance0 > ul > li { margin:0 5px !important; white-space:nowrap; }
#wb_element_instance0 li a { padding:20px 7px !important; font-size:20px !important; white-space:nowrap !important; }
/* 2) выпадающее меню «Виталик»: по наведению, фокусу и тапу (класс .over ставит main.js) */
#wb_element_instance0 li ul li a { padding:12px 18px !important; font-size:18px !important; }
#wb_element_instance0 li ul { min-width:100%; }
#wb_element_instance0 .hmenu li.over > ul, #wb_element_instance0 .hmenu li:focus-within > ul { display:block; }
@media (hover:hover) { #wb_element_instance0 .hmenu > li:hover > ul { display:block; } }

/* 3) собаки по верхней рамке календаря (белый фон видео «вычитается» multiply, линии под лапами нет) */
#rdDogs { top:824px; left:10px; width:970px; height:320px; z-index:585; overflow:hidden; pointer-events:none; background:transparent; mix-blend-mode:multiply; }
#rdDogs .rd-dogs-v { position:absolute; left:50%; margin-left:-290px; bottom:-12px; width:580px; height:320px; display:block; background:#fff; }

/* 7) космос: Ресурс-П и космонавт летают поверх всего раздела «РАБОТА» (чистая прозрачность, canvas) */
#rdSpace { top:0; left:0; width:100%; min-width:980px; height:1440px; z-index:610; overflow:hidden; pointer-events:none; }
#rdSpace .sp-x { position:absolute; left:0; top:0; will-change:transform; animation:sp-x 34s ease-in-out infinite alternate; }
#rdSpace .sp-y { will-change:transform; animation:sp-y 53s ease-in-out infinite alternate; }
#rdSpace .sp-c { display:block; width:460px; height:287px; pointer-events:none;
  filter:drop-shadow(0 0 1.5px rgba(0,0,0,.55)) drop-shadow(0 4px 7px rgba(0,0,0,.30)); }
#rdSpace .rd-alpha-v { position:absolute; left:0; top:0; width:2px; height:2px; opacity:0; pointer-events:none; }
@keyframes sp-x { from { transform:translateX(-30px); } to { transform:translateX(550px); } }
@keyframes sp-y { from { transform:translateY(-10px); } to { transform:translateY(1170px); } }
@media (max-width:700px) { #rdSpace .sp-c { width:320px; height:200px; } @keyframes sp-x { from { transform:translateX(-20px); } to { transform:translateX(690px); } } }

/* фото-видео (замена картинок): геометрия берётся из правил #id video */
video.rd-photo { display:block; cursor:pointer; object-fit:fill; background:#fff; }

/* 4) ПРОМТЫ справа, другой цвет */
#iiPromts .ii-sq { background:#ff8a00; }
#iiPromts .ii-sq:hover { background:#d96f00; }

/* плавное переливание цвета у всех цветных прямоугольников-заголовков и кнопок */
@keyframes rd-hue { from { filter:hue-rotate(0deg); } to { filter:hue-rotate(360deg); } }
@keyframes rd-black { 0%,100% { background-color:#000; } 25% { background-color:#2a0a4a; } 50% { background-color:#0a2f4a; } 75% { background-color:#0a3a22; } }
#wb_element_instance56 > .wb_shp, #wb_element_instance91 > .wb_shp, #wb_element_instance106 > .wb_shp, #wb_element_instance109 > .wb_shp,
#wb_element_instance192 > .wb_shp, #wb_element_instance205 > .wb_shp, #wb_element_instance227 > .wb_shp, #iiPromts .ii-sq { animation:rd-hue 24s linear infinite; }
#wb_element_instance91 > .wb_shp { animation-delay:-4s; } #wb_element_instance106 > .wb_shp { animation-delay:-8s; }
#wb_element_instance109 > .wb_shp { animation-delay:-12s; } #wb_element_instance192 > .wb_shp { animation-delay:-16s; }
#wb_element_instance205 > .wb_shp { animation-delay:-20s; } #wb_element_instance227 > .wb_shp { animation-delay:-2s; }
#iiPromts .ii-sq { animation-delay:-14s; }
#wb_element_instance39 > .wb_shp { animation:rd-black 24s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  #wb_element_instance39 > .wb_shp, #wb_element_instance56 > .wb_shp, #wb_element_instance91 > .wb_shp, #wb_element_instance106 > .wb_shp,
  #wb_element_instance109 > .wb_shp, #wb_element_instance192 > .wb_shp, #wb_element_instance205 > .wb_shp, #wb_element_instance227 > .wb_shp,
  #iiPromts .ii-sq, #rdSpace .sp-x, #rdSpace .sp-y { animation:none !important; }
}

/* фото с котом: белое поле над головой не перекрывает соседние элементы */
#wb_element_instance57 { mix-blend-mode:multiply; }

/* ИИшница: портфолио + кнопка «Заказать» (Telegram) */
.ii-hero { text-align:center; margin:6px auto 34px; max-width:760px; }
.ii-lead { font:normal 21px/30px 'Open Sans',Arial,sans-serif; color:#1F1209; margin:0 0 22px; }
.ii-order { display:inline-flex; align-items:center; justify-content:center; gap:12px; box-sizing:border-box; padding:17px 38px; border-radius:50px;
  background:#229ED9; color:#fff !important; font:bold 24px/1 'Open Sans',Arial,sans-serif; text-decoration:none !important; letter-spacing:.01em;
  box-shadow:0 8px 22px rgba(34,158,217,.45); transition:transform .15s, background .15s, box-shadow .15s; }
.ii-order svg { width:30px; height:30px; flex:none; fill:#fff; }
.ii-order:hover { background:#1b87b9; transform:translateY(-2px); box-shadow:0 12px 26px rgba(34,158,217,.55); }
.ii-order:active { transform:none; }
.ii-note { font:normal 15px/22px 'Open Sans',Arial,sans-serif; color:#6b5b4e; margin:12px 0 0; }
.ii-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:24px; }
.ii-chips a { display:block; padding:8px 16px; border:2px solid #d50000; border-radius:30px; color:#d50000; font:bold 15px/1 'Open Sans',Arial,sans-serif; text-transform:uppercase; text-decoration:none; transition:.15s; }
.ii-chips a:hover { background:#d50000; color:#fff; }
.rg h3 { scroll-margin-top:20px; }
#iiFlow .rg a { border-radius:12px; box-shadow:0 5px 16px rgba(0,0,0,.22); }
#iiFlow .rg a:hover { box-shadow:0 10px 24px rgba(0,0,0,.32); }
.ii-cta2 { margin:54px auto 0; max-width:820px; padding:30px 26px 32px; text-align:center; border-radius:18px; background:#1b2330; color:#fff; box-shadow:0 8px 26px rgba(0,0,0,.3); }
.ii-cta2 b { display:block; font:bold 28px/36px 'Open Sans',Arial,sans-serif; margin-bottom:6px; }
.ii-cta2 p { font:normal 18px/26px 'Open Sans',Arial,sans-serif; margin:0 0 20px; color:#d6deea; }
.ii-fab { position:fixed; left:18px; bottom:18px; z-index:9000; padding:14px 26px; font-size:20px; opacity:0; visibility:hidden; transform:translateY(20px); transition:opacity .25s, transform .25s, visibility .25s; }
.ii-fab svg { width:24px; height:24px; }
body.ii-in .ii-fab { opacity:1; visibility:visible; transform:none; }
body.ii-in .ii-fab:hover { transform:translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .ii-order, .ii-fab { transition:none; } }

/* Алина: оживлённые фото (видео = ровно видимая область рамки; геометрия = размер рамки) */
#wb_element_instance221 video.rd-photo { width:308px; height:440px; position:static; left:0; top:0; max-width:none; }
#wb_element_instance219 video.rd-photo { width:315px; height:440px; position:static; left:0; top:0; max-width:none; }
#wb_element_instance220 video.rd-photo { width:311px; height:440px; position:static; left:0; top:0; max-width:none; }
#wb_element_instance222 video.rd-photo { width:308px; height:440px; position:static; left:0; top:0; max-width:none; }
#wb_element_instance223 video.rd-photo { width:314px; height:440px; position:static; left:0; top:0; max-width:none; }
#wb_element_instance224 video.rd-photo { width:311px; height:440px; position:static; left:0; top:0; max-width:none; }
#wb_element_instance225 video.rd-photo { width:240px; height:178px; position:static; left:0; top:0; max-width:none; }
#wb_element_instance213 video.rd-photo { width:501px; height:190px; position:static; left:0; top:0; max-width:none; }

/* танцующий Виталик между кнопками «ИИшница» и «Промты» */
#iiDance video, #iiDetective video, #iiShip video { display:block; width:100%; height:100%; object-fit:contain; background:#fff; pointer-events:none; }