/* ── Hide mobile / unneeded elements ─────────────────── */
.intro-logos .separator,
.showForPhone,
.showForPhablet,
.forceMobileView,
nav.sidebar,
.side,
.coinomiLogoMobile,
.panel.top .menu li.button-dropdown,
.panel.top .menu li:has(a[href*="shop.coinomi"]),
.panel.top .menu li:has(a[href*="support.coinomi"]),
.dropdown.langDropdown,
nav.panel.bottom.forceMobileView .sections.compact {
  display: none !important;
}

/* ── Keep desktop nav visible ─────────────────────────── */
.panel.top .sections.desktop {
  display: flex !important;
}

/* ── Hero image – override max-w-360 !important ─────── */
.intro-desktop-visual {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  padding: 0 !important;
  width: 100%;
}

.intro-desktop-visual img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block;
  background: transparent !important;
}

/* ── Coinomi-desktop section: remove laptop image,
       make the text column span full width ─────────── */
.coinomi-desktop li.col-6-12.left.ae-1 {
  display: none !important;
}

.coinomi-desktop ul.flex.verticalCenter > li.col-6-12.left:not(.ae-1) {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

/* also hide the second occurrence in the features section further down */
.coinomi-desktop .laptop {
  display: none !important;
}

/* ── Logo ────────────────────────────────────────────── */
.coinomiLogoDesktop,
.logo img,
.coinomiLogoMobileTopBar {
  height: 32px;
  width: auto;
}

/* ── Button spacing ──────────────────────────────────── */
.buttons .coinomi-dl + .coinomi-dl {
  margin-left: 8px;
}