@charset "UTF-8";
@media only screen and (max-width: 768px) {
  table.video-grid tr {
    display: block; }
  table.video-grid td {
    display: block;
    width: 100%;
    padding: 10px 0; } }

.video-grid iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 250px; }

@media only screen and (max-width: 768px) {
  table.video-grid tr {
    display: block !important; }
  table.video-grid td {
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important; }
  table.video-grid td > div {
    padding-bottom: 100% !important; } }

@media only screen and (max-width: 800px) {
  /* 1. Жестко и окончательно убираем иконку сравнения со всеми потрохами */
  header [class*="compare"],
  header [href*="compare"],
  header .navUser-item--compare {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    pointer-events: none !important; }
  /* 2. Сохраняем отличный крупный размер всех SVG */
  header .user-icons svg,
  header .user-icons svg.header-icon,
  header [class*="quickSearch"] svg,
  header .mobileMenu-toggle svg {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important; }
  /* 3. Сохраняем идеальные зазоры и ровную линию */
  header .user-icons .navUser-action,
  header [class*="quickSearch"] .navUser-action,
  header .mobileMenu-toggle {
    padding-left: 12px !important;
    padding-right: 12px !important;
    display: inline-flex !important;
    align-items: center !important; }
  /* 4. Оставляем идеальный зазор между левыми четырьмя иконками */
  header .user-icons,
  header .navUser-section {
    display: inline-flex !important;
    gap: 12px !important;
    align-items: center !important; } }