/* PONOMARKET ROUNDED CARDS EXPERIMENT 20260524
   Мягкая замена крупных шестиугольных карточек направлений на скругленные прямоугольники.
   Не трогает формы, Telegram API, sitemap и service pages.
*/

/* Карточки направлений / услуг, которые в старом дизайне сделаны шестигранниками */
a[href="/web"],
a[href="/websites"],
a[href="/gis"],
a[href="/ozon"],
a[href="/branding"],
a[href="/reviews"],
a[href="/consulting"],
a[href="/design"],
a[href="/advertising"],
a[href="/bots"],
a[href="/ai"],
a[href="/service/ads-direct"],
a[href="/service/ads-audit"],
a[href="/service/ads-retargeting"],
a[href="/service/ads-analytics"],
a[href^="/service/"] {
  text-decoration: none;
}

/* Снимаем геометрию сот с внутренних карточек */
.dark-card,
a[href="/web"] > div,
a[href="/websites"] > div,
a[href="/gis"] > div,
a[href="/ozon"] > div,
a[href="/branding"] > div,
a[href="/reviews"] > div,
a[href="/consulting"] > div,
a[href="/design"] > div,
a[href="/advertising"] > div,
a[href="/bots"] > div,
a[href="/ai"] > div,
a[href^="/service/"] > div {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(17, 45, 28, 0.96), rgba(10, 30, 18, 0.96)) !important;
  border: 1px solid rgba(201, 168, 76, 0.24) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

/* Убираем псевдо-геометрию, если шестиугольники сделаны через before/after */
.dark-card::before,
.dark-card::after,
a[href="/web"] > div::before,
a[href="/web"] > div::after,
a[href="/websites"] > div::before,
a[href="/websites"] > div::after,
a[href="/gis"] > div::before,
a[href="/gis"] > div::after,
a[href="/ozon"] > div::before,
a[href="/ozon"] > div::after,
a[href="/branding"] > div::before,
a[href="/branding"] > div::after,
a[href="/reviews"] > div::before,
a[href="/reviews"] > div::after,
a[href="/consulting"] > div::before,
a[href="/consulting"] > div::after,
a[href="/design"] > div::before,
a[href="/design"] > div::after,
a[href="/advertising"] > div::before,
a[href="/advertising"] > div::after,
a[href="/bots"] > div::before,
a[href="/bots"] > div::after,
a[href="/ai"] > div::before,
a[href="/ai"] > div::after,
a[href^="/service/"] > div::before,
a[href^="/service/"] > div::after {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  border-radius: 22px !important;
}

/* Hover */
.dark-card:hover,
a[href="/web"] > div:hover,
a[href="/websites"] > div:hover,
a[href="/gis"] > div:hover,
a[href="/ozon"] > div:hover,
a[href="/branding"] > div:hover,
a[href="/reviews"] > div:hover,
a[href="/consulting"] > div:hover,
a[href="/design"] > div:hover,
a[href="/advertising"] > div:hover,
a[href="/bots"] > div:hover,
a[href="/ai"] > div:hover,
a[href^="/service/"] > div:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(201, 168, 76, 0.48) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(201, 168, 76, 0.08) inset !important;
}

/* Маленькие иконки можно оставить с намеком на фирменные соты, но сделать аккуратнее */
.dark-card span,
a[href="/web"] span,
a[href="/websites"] span,
a[href="/gis"] span,
a[href="/ozon"] span,
a[href="/branding"] span,
a[href="/reviews"] span,
a[href="/consulting"] span,
a[href="/design"] span,
a[href="/advertising"] span,
a[href="/bots"] span,
a[href="/ai"] span,
a[href^="/service/"] span {
  clip-path: none !important;
}

/* Адаптив */
@media (max-width: 768px) {
  .dark-card,
  a[href="/web"] > div,
  a[href="/websites"] > div,
  a[href="/gis"] > div,
  a[href="/ozon"] > div,
  a[href="/branding"] > div,
  a[href="/reviews"] > div,
  a[href="/consulting"] > div,
  a[href="/design"] > div,
  a[href="/advertising"] > div,
  a[href="/bots"] > div,
  a[href="/ai"] > div,
  a[href^="/service/"] > div {
    border-radius: 18px !important;
  }
}

/* PONOMARKET HEX CLEANUP 20260524
   Убирает старую внутреннюю шестиугольную геометрию, оставляет карточки скругленными.
*/

/* Все элементы с polygon/clip-path переводим в обычную геометрию */
[style*="polygon"],
[style*="clip-path"],
[style*="clipPath"],
.hex,
.hexagon,
.hex-card,
.hex-tile,
.hex-pattern {
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

/* Убираем старые шестиугольные линии, которые могут быть псевдоэлементами */
[style*="polygon"]::before,
[style*="polygon"]::after,
[style*="clip-path"]::before,
[style*="clip-path"]::after,
[style*="clipPath"]::before,
[style*="clipPath"]::after,
.hex::before,
.hex::after,
.hexagon::before,
.hexagon::after,
.hex-card::before,
.hex-card::after,
.hex-tile::before,
.hex-tile::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Конкретно карточки направлений: чистый прямоугольник без внутренних диагоналей */
a[href="/web"] > div,
a[href="/websites"] > div,
a[href="/gis"] > div,
a[href="/ozon"] > div,
a[href="/branding"] > div,
a[href="/reviews"] > div,
a[href="/consulting"] > div,
a[href="/design"] > div,
a[href="/advertising"] > div,
a[href="/bots"] > div,
a[href="/ai"] > div {
  overflow: hidden !important;
  isolation: isolate !important;
  background-image: linear-gradient(180deg, rgba(17,45,28,.98), rgba(9,30,17,.98)) !important;
}

/* Чистим вложенные декоративные слои внутри карточек направлений */
a[href="/web"] > div > div,
a[href="/websites"] > div > div,
a[href="/gis"] > div > div,
a[href="/ozon"] > div > div,
a[href="/branding"] > div > div,
a[href="/reviews"] > div > div,
a[href="/consulting"] > div > div,
a[href="/design"] > div > div,
a[href="/advertising"] > div > div,
a[href="/bots"] > div > div,
a[href="/ai"] > div > div {
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

/* Если старый шестигранник нарисован как border/outline на вложенном абсолютном слое */
a[href="/web"] > div [style*="position: absolute"],
a[href="/websites"] > div [style*="position: absolute"],
a[href="/gis"] > div [style*="position: absolute"],
a[href="/ozon"] > div [style*="position: absolute"],
a[href="/branding"] > div [style*="position: absolute"],
a[href="/reviews"] > div [style*="position: absolute"],
a[href="/consulting"] > div [style*="position: absolute"],
a[href="/design"] > div [style*="position: absolute"],
a[href="/advertising"] > div [style*="position: absolute"],
a[href="/bots"] > div [style*="position: absolute"],
a[href="/ai"] > div [style*="position: absolute"] {
  display: none !important;
}

/* Возвращаем видимость обычному контенту карточки */
a[href="/web"] > div h3,
a[href="/web"] > div p,
a[href="/web"] > div span,
a[href="/websites"] > div h3,
a[href="/websites"] > div p,
a[href="/websites"] > div span,
a[href="/gis"] > div h3,
a[href="/gis"] > div p,
a[href="/gis"] > div span,
a[href="/ozon"] > div h3,
a[href="/ozon"] > div p,
a[href="/ozon"] > div span,
a[href="/branding"] > div h3,
a[href="/branding"] > div p,
a[href="/branding"] > div span,
a[href="/reviews"] > div h3,
a[href="/reviews"] > div p,
a[href="/reviews"] > div span,
a[href="/consulting"] > div h3,
a[href="/consulting"] > div p,
a[href="/consulting"] > div span,
a[href="/design"] > div h3,
a[href="/design"] > div p,
a[href="/design"] > div span,
a[href="/advertising"] > div h3,
a[href="/advertising"] > div p,
a[href="/advertising"] > div span,
a[href="/bots"] > div h3,
a[href="/bots"] > div p,
a[href="/bots"] > div span,
a[href="/ai"] > div h3,
a[href="/ai"] > div p,
a[href="/ai"] > div span {
  position: relative !important;
  z-index: 2 !important;
}