/* ============================================================
   marketing-entry.css — единая /marketing. Общий вид инструментов
   берём из их CSS (product-cards / ad-link / tryon / logos / variations).
   Здесь — только шелл-обвязка + табы.
   ============================================================ */
body[data-page="marketing"] .studio-empty,
body[data-page="marketing"] .composer-wrap { display: none !important; }

/* контейнер host — ширину/центрирование задаёт класс инструмента (pc/al/to/lg/vr-root) */
.mk-host { width: 100%; }

/* табы как на /image */
.ce-tabs { display: flex; gap: 9px; flex-wrap: wrap; padding: 4px 0 14px; margin-bottom: 4px; border-bottom: 1px solid var(--line, rgba(255,255,255,.07)); }
.ce-tab {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.04); color: var(--text-2, #c7c7cf);
  border: 1px solid var(--line, rgba(255,255,255,.08)); border-radius: 12px;
  padding: 10px 16px; font-family: inherit; font-weight: 600; font-size: 13.5px; cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.ce-tab svg { width: 17px; height: 17px; }
.ce-tab:hover { background: rgba(255,255,255,.07); color: var(--text, #fff); }
.ce-tab.on { background: #ffffff; color: var(--accent-ink, #1a1f05); border-color: transparent; }