/* ==========================================================================
   1. ШАПКА И ЛОГОТИП
   ========================================================================== */
header.header,
[data-component="header"] {
  background-color: #3fa855 !important;
  border-bottom: 0 !important;
  height: 50px !important;
}

header.header a {
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
}

header.header img {
  height: 40px !important;
  width: auto !important;
}

/* Скрытие названия текущего раздела ("С чего начать") */
.header-site-branding .header-site-name,
a.header-site-name {
  display: none !important;
}

/* ==========================================================================
   2. ФОН СТРАНИЦЫ И БАННЕР
   ========================================================================== */
main,
main.home-page,
body:has(.tiles) main {
  background-image: url("https://www.gdemoi.ru/images/docs/header-v3-bg.png") !important;
  background-size: 1570px auto !important;
  background-position: 50% -650px !important;
  background-repeat: no-repeat !important;
  background-color: #ffffff !important;
}

header.banner,
[data-component="banner"],
main > div:first-child {
  background: transparent !important;
  padding-top: 3.5rem !important;
  padding-bottom: 2rem !important;
  min-height: auto !important;
  height: auto !important;
}

/* Скрытие дефолтных папок API/GPS */
header.banner img,
header.banner [class*="illustration"],
header.banner [class*="graphic"],
main > div:first-child img:not([src*="logo"]) {
  display: none !important;
}

/* Показываем иконку лупы в поле поиска */
form[role="search"] svg,
search-bar svg,
[data-id="magnifier-icon"],
.search-input__icon svg {
  display: block !important;
  fill: #a3a3a3 !important;
  color: #a3a3a3 !important;
}

form[role="search"] button,
.search-input__submit {
  background: transparent !important;
  border: 0 !important;
}

/* ==========================================================================
   3. ВЫПАДАЮЩИЙ СПИСОК БЫСТРОГО ПОИСКА
   ========================================================================== */
.search-suggestion-option__label {
  display: inline-block !important;
  color: inherit !important;
}

.search-suggestion-option__info-container {
  display: none !important;
}

main h1,
header.banner h1,
[data-component="banner"] h1 {
  color: #414141 !important;
  font-size: 38px !important;
  font-weight: 500 !important;
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
}

form[role="search"],
[class*="search-bar"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ==========================================================================
   4. ВНУТРЕННИЕ СТРАНИЦЫ
   ========================================================================== */
body:not(:has(.tiles)) main {
  background: transparent !important;
}

[class*="breadcrumb"],
[aria-label*="breadcrumb"],
[aria-label*="Breadcrumb"],
[data-component*="breadcrumb"],
header.banner:has([aria-label*="breadcrumb"]) {
  display: none !important;
}
/* Убираем 56px отступа над заголовком статьи */
.topbar,
.article-page .topbar {
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
}
/* ==========================================================================
   5. КАРТОЧКИ (Сетка 3х3 и кликабельность)
   ========================================================================== */
.items.tiles,
ul.tiles {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  max-width: 960px !important;
  margin: 1.5rem auto 3rem auto !important;
}

@media (min-width: 576px) {
  .items.tiles,
  ul.tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  .items.tiles,
  ul.tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

.tile .tile-image,
[data-component="tile"] .tile-image {
  display: none !important;
}

.tile,
[data-component="tile"] {
  background-color: #ffffff !important;
  box-shadow: 0 0 38px 7px rgba(71, 71, 71, 0.03) !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 85px 10px 20px 10px !important;
  text-align: center !important;
  position: relative !important;
}

.tile .tile-title a::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  cursor: pointer !important;
}

.tile:hover,
[data-component="tile"]:hover {
  box-shadow: none !important;
  border: 0 !important;
  background-color: #3fa855 !important;
  background-image: url("https://www.gdemoi.ru/images/docs/support-tile-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: cover !important;
}

.tile .tile-title,
.tile .tile-title a {
  font-size: 16px !important;
  line-height: normal !important;
  color: #333 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

.tile:hover .tile-title,
.tile:hover .tile-title a {
  color: #ffffff !important;
}

.tile::before {
  content: "" !important;
  position: absolute !important;
  top: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background-color: #3fa855 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition: background-color 0.2s ease !important;
}

.tile:hover::before {
  background-color: #ffffff !important;
}

.tile::after {
  content: "" !important;
  position: absolute !important;
  top: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 54px !important;
  height: 54px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  mask-repeat: no-repeat !important;
  mask-position: 50% !important;
  mask-size: 24px;
  background-color: #ffffff !important;
}

.tile:hover::after {
  background-color: #3fa855 !important;
}

/* ==========================================================================
   6. ОРИГИНАЛЬНЫЕ SVG МАСКИ ДЛЯ 9 КАРТОЧЕК
   ========================================================================== */

/* 1. С чего начать (?) */
.items.tiles > li:nth-child(1) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.6 8.075q0-1.075-.713-1.725T12 5.7q-.724 0-1.312.313a2.9 2.9 0 0 0-1.013.912q-.4.574-1.088.663A1.43 1.43 0 0 1 7.4 7.225a1.18 1.18 0 0 1-.388-.8 1.4 1.4 0 0 1 .238-.9A5.6 5.6 0 0 1 12 3q2.426 0 3.938 1.375t1.512 3.6q0 1.125-.475 2.025t-1.75 2.125q-.925.874-1.25 1.363a2.8 2.8 0 0 0-.425 1.112q-.1.6-.513 1t-.987.4-.988-.387a1.27 1.27 0 0 1-.412-.963q0-.975.425-1.787.424-.813 1.425-1.713 1.274-1.125 1.688-1.738.412-.612.412-1.337M12 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 20q0-.824.588-1.413A1.93 1.93 0 0 1 12 18q.825 0 1.412.587Q14 19.176 14 20q0 .824-.588 1.413A1.93 1.93 0 0 1 12 22'/%3E%3C/svg%3E");
}

/* 2. Учетная запись (Профиль) */
.items.tiles > li:nth-child(2) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 13q.424 0 .712-.287A.97.97 0 0 0 19 12a.97.97 0 0 0-.288-.713A.97.97 0 0 0 18 11h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 14 12q0 .424.287.713.288.287.713.287zm0-3q.424 0 .712-.287A.97.97 0 0 0 19 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 18 8h-3a.97.97 0 0 0-.713.287A.97.97 0 0 0 14 9q0 .424.287.713.288.287.713.287zm-9 3q-.9 0-1.625.162-.724.163-1.275.513-.525.325-.8.737a1.57 1.57 0 0 0-.275.888q0 .3.225.5t.55.2h6.4q.325 0 .55-.213a.7.7 0 0 0 .225-.537q0-.424-.275-.825t-.8-.75a4 4 0 0 0-1.275-.513A7.5 7.5 0 0 0 9 13m0-1q.825 0 1.412-.588Q11 10.826 11 10t-.588-1.412A1.93 1.93 0 0 0 9 8q-.825 0-1.412.588A1.93 1.93 0 0 0 7 10q0 .825.588 1.412Q8.175 12 9 12m-5 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V6H4z'/%3E%3C/svg%3E");
}

/* 3. Баланс и оплата (Рубль) */
.items.tiles > li:nth-child(3) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 20v-2H6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 17q0-.424.287-.712A.97.97 0 0 1 6 16h1v-2H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 13q0-.424.287-.713A.97.97 0 0 1 6 12h1V4q0-.424.287-.712A.97.97 0 0 1 8 3h5.5q2.3 0 3.9 1.6T19 8.5t-1.6 3.9-3.9 1.6H9v2h3q.424 0 .713.288.287.287.287.712 0 .424-.287.712A.97.97 0 0 1 12 18H9v2q0 .424-.287.712A.97.97 0 0 1 8 21a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 20m2-8h4.5q1.45 0 2.475-1.025A3.37 3.37 0 0 0 17 8.5q0-1.45-1.025-2.475A3.37 3.37 0 0 0 13.5 5H9z'/%3E%3C/svg%3E");
}

/* 4. Мониторинг (Стрелка) */
.items.tiles > li:nth-child(4) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m12 18-6.45 2.75q-.325.124-.612.063a.96.96 0 0 1-.488-.263.97.97 0 0 1-.262-.5q-.063-.3.062-.625L11.075 4.05q.125-.3.388-.45T12 3.45t.537.15.388.45l6.825 15.375q.124.325.063.625a.97.97 0 0 1-.263.5.96.96 0 0 1-.488.262q-.287.063-.612-.062zm-4.9-.1 4.9-2.1 4.9 2.1-4.9-11z'/%3E%3C/svg%3E");
}

/* 5. Отчеты и контроль событий (Документ) */
.items.tiles > li:nth-child(5) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 4 3h16q.824 0 1.413.587Q22 4.176 22 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 20 21zm0-2h16V5H4zm5-2q.424 0 .713-.288A.97.97 0 0 0 10 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 9 15H6a.97.97 0 0 0-.713.287A.97.97 0 0 0 5 16q0 .424.287.712Q5.576 17 6 17zm5.55-4.825-.725-.725a.92.92 0 0 0-.7-.287q-.4.012-.7.312-.275.3-.288.7t.288.7L13.85 14.3q.3.3.7.3t.7-.3l3.55-3.55q.3-.3.3-.7t-.3-.7-.713-.3-.712.3zM9 13q.424 0 .713-.287A.97.97 0 0 0 10 12a.97.97 0 0 0-.287-.713A.97.97 0 0 0 9 11H6a.97.97 0 0 0-.713.287A.97.97 0 0 0 5 12q0 .424.287.713Q5.576 13 6 13zm0-4q.424 0 .713-.287A.97.97 0 0 0 10 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 9 7H6a.97.97 0 0 0-.713.287A.97.97 0 0 0 5 8q0 .424.287.713Q5.576 9 6 9z'/%3E%3C/svg%3E");
}

/* 6. Управление транспортом (Грузовик) */
.items.tiles > li:nth-child(6) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 17H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 16V6q0-.824.587-1.412A1.93 1.93 0 0 1 3 4h12q.824 0 1.413.588Q17 5.175 17 6v2h2a1.99 1.99 0 0 1 1.6.8l2.2 2.925a.9.9 0 0 1 .15.275q.05.15.05.325V16q0 .424-.288.712A.97.97 0 0 1 22 17h-1q0 1.25-.875 2.125A2.9 2.9 0 0 1 18 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 17H9q0 1.25-.875 2.125A2.9 2.9 0 0 1 6 20m0-2q.424 0 .713-.288A.97.97 0 0 0 7 17a.97.97 0 0 0-.287-.712A.97.97 0 0 0 6 16a.97.97 0 0 0-.713.288A.97.97 0 0 0 5 17q0 .424.287.712Q5.576 18 6 18m-3-3h.8q.425-.45.975-.725A2.7 2.7 0 0 1 6 14q.675 0 1.225.275T8.2 15H15V6H3zm15 3q.424 0 .712-.288A.97.97 0 0 0 19 17a.97.97 0 0 0-.288-.712A.97.97 0 0 0 18 16a.97.97 0 0 0-.712.288A.97.97 0 0 0 17 17q0 .424.288.712.287.288.712.288m-1-5h4.25L19 10h-2z'/%3E%3C/svg%3E");
}

/* 7. Управление сотрудниками (Сотрудник в кепке) */
.items.tiles > li:nth-child(7) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M1 18a.97.97 0 0 1-.712-.288A.97.97 0 0 1 0 17v-.575q0-1.075 1.1-1.75T4 14q.325 0 .625.012.3.014.575.063-.35.525-.525 1.1a4.1 4.1 0 0 0-.175 1.2V18zm6 0a.97.97 0 0 1-.713-.288A.97.97 0 0 1 6 17v-.625q0-.799.438-1.463.437-.662 1.237-1.162.799-.5 1.913-.75 1.112-.25 2.412-.25 1.325 0 2.438.25 1.112.25 1.912.75t1.225 1.162.425 1.463V17q0 .424-.288.712A.97.97 0 0 1 17 18zm12.5 0v-1.625q0-.65-.163-1.225a4 4 0 0 0-.487-1.075q.274-.05.563-.062Q19.7 14 20 14q1.8 0 2.9.662 1.1.663 1.1 1.763V17q0 .424-.288.712A.97.97 0 0 1 23 18zM8.125 16H15.9q-.25-.5-1.388-.875T12 14.75t-2.512.375T8.125 16M4 13q-.824 0-1.412-.588A1.93 1.93 0 0 1 2 11q0-.85.587-1.425A1.95 1.95 0 0 1 4 9q.85 0 1.425.575T6 11q0 .825-.575 1.412A1.91 1.91 0 0 1 4 13m16 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 18 11q0-.85.587-1.425A1.95 1.95 0 0 1 20 9q.85 0 1.425.575T22 11q0 .825-.575 1.412A1.91 1.91 0 0 1 20 13m-8-1a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 9 9q0-1.275.875-2.137T12 6q1.275 0 2.137.862Q15 7.726 15 9q0 1.25-.863 2.125Q13.276 12 12 12m0-2q.424 0 .713-.287A.97.97 0 0 0 13 9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 9q0 .424.287.713.288.287.713.287'/%3E%3C/svg%3E");
}

/* 8. Управление устройствами (Планшет и смартфон) */
.items.tiles > li:nth-child(8) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5q0 .424-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z'/%3E%3C/svg%3E");
}

/* 9. Инструкции и датчики (Клавиатурный модуль/датчик) */
.items.tiles > li:nth-child(9) .tile::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 23a.97.97 0 0 1-.713-.288A.97.97 0 0 1 8 22V10q0-.424.287-.713A.97.97 0 0 1 9 9h6q.424 0 .713.287Q16 9.576 16 10v12q0 .424-.287.712A.97.97 0 0 1 15 23zm3-8.75q.525 0 .887-.363.363-.362.363-.887t-.363-.887A1.2 1.2 0 0 0 12 11.75q-.525 0-.887.363a1.2 1.2 0 0 0-.363.887q0 .525.363.887.362.363.887.363M12 6q-.75 0-1.45.2a4.6 4.6 0 0 0-1.325.625q-.35.224-.775.212a1 1 0 0 1-.7-.287.92.92 0 0 1-.287-.7.82.82 0 0 1 .337-.65 6.995 6.995 0 0 1 8.4 0q.326.25.338.65a.92.92 0 0 1-.288.7 1 1 0 0 1-.675.3 1.2 1.2 0 0 1-.75-.2 4.8 4.8 0 0 0-1.35-.637A5.2 5.2 0 0 0 12 6m0-4a9.1 9.1 0 0 0-2.975.487 8.5 8.5 0 0 0-2.6 1.438q-.35.275-.775.288a.95.95 0 0 1-.725-.288q-.3-.3-.3-.725t.35-.7q1.5-1.2 3.287-1.85A10.9 10.9 0 0 1 12 0q1.95 0 3.75.638A10.1 10.1 0 0 1 19 2.524q.326.275.337.7a.95.95 0 0 1-.287.725.98.98 0 0 1-.687.287q-.413.013-.738-.262A8.7 8.7 0 0 0 15 2.5Q13.575 2 12 2m-2 19h4V11h-4z'/%3E%3C/svg%3E");
}

/* ==========================================================================
   7. ПОДВАЛ
   ========================================================================== */
article footer,
.article-page footer,
article .article-page-footer,
main footer {
  display: none !important;
}

body > footer,
body > [data-component="footer"] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 0;
}

body > footer *,
body > [data-component="footer"] * {
  display: none !important;
}

body > footer::before,
body > [data-component="footer"]::before {
  content: "Copyright © 2026 ГдеМои" !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  display: inline-block !important;
}
ai-actions {
  display: none;
}