/* 全屏 WordPress 式商家发布工作室 */
html,
body.publish-product-page {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: #1a2332;
}

.publish-gate-shell {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: linear-gradient(135deg, #1a2332 0%, #2a3a4f 100%);
  overflow: auto;
}

.publish-gate-card {
  max-width: 480px;
  width: 100%;
  background: #fff;
  padding: 36px 32px;
  border: 1px solid #e6ebf2;
  box-sizing: border-box;
}

.publish-gate-card h1 {
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.35;
  color: #1a2332;
}

.publish-gate-card p {
  margin: 0 0 24px;
  color: #667085;
  line-height: 1.7;
  font-size: 14px;
}

.publish-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
}

.publish-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  box-sizing: border-box;
  border: none;
  border-radius: 6px;
  background: #ee5a00;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease;
}

.publish-actions .publish-btn-primary {
  width: 100%;
}

.publish-btn-primary:hover {
  background: #d64f00;
}

.publish-actions__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 18px;
}

.publish-actions__links a {
  color: #667085 !important;
  text-decoration: none !important;
  font-size: 13px;
  line-height: 1.4;
}

.publish-actions__links a:hover {
  color: #1a2332 !important;
}

.publish-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 40px;
  padding: 0 14px;
  text-align: center;
  border: 1px solid #cfd8e3;
  color: #1a2332 !important;
  text-decoration: none !important;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.publish-studio {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  z-index: 20000;
  background: #222;
}

.publish-studio__bar {
  flex: 0 0 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: #111827;
  border-bottom: 1px solid #2d3748;
  color: #e5e7eb;
  position: relative;
  z-index: 100;
  pointer-events: auto;
}

.publish-studio__left,
.publish-studio__right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.publish-studio__back {
  color: #cbd5e1 !important;
  text-decoration: none !important;
  font-size: 13px;
}

.publish-studio__brand {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.publish-studio__company {
  font-size: 12px;
  color: #94a3b8;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.publish-studio__ghost {
  height: 36px;
  padding: 0 14px;
  border: 1px solid #475569;
  background: transparent;
  color: #e2e8f0;
  font-size: 13px;
  cursor: pointer;
}

.publish-studio__publish {
  height: 36px;
  padding: 0 20px;
  border: none;
  background: #ee5a00;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.publish-studio__publish:hover {
  background: #d64f00;
}

.publish-studio__editor {
  flex: 1;
  min-height: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  --gjs-canvas-top: 40px;
  --gjs-left-width: 280px;
}

.publish-studio__editor > .gjs-editor,
.publish-studio__editor .gjs-editor,
.publish-studio__editor .gjs-editor-cont {
  height: 100% !important;
  max-height: 100%;
  min-height: 0;
}

.publish-studio__editor .gjs-one-bg {
  background-color: #1f2937;
}

.publish-studio__editor .gjs-two-color {
  color: #e5e7eb;
}

.publish-studio__editor .gjs-three-bg {
  background-color: #374151;
}

.publish-studio__editor .gjs-four-color,
.publish-studio__editor .gjs-four-color-h:hover {
  color: #f59e0b;
}

.publish-studio__editor .gjs-cv-canvas {
  /* 不要覆盖 top/height，否则内容会钻到 GrapesJS 顶栏下面 */
  width: calc(100% - var(--gjs-left-width, 15%)) !important;
  height: calc(100% - var(--gjs-canvas-top, 40px)) !important;
  top: var(--gjs-canvas-top, 40px) !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  position: absolute !important;
  box-sizing: border-box;
  z-index: 1;
}

.publish-studio__editor .gjs-pn-views-container {
  width: var(--gjs-left-width, 280px) !important;
  box-sizing: border-box !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-bottom: 28px !important;
  -webkit-overflow-scrolling: touch;
}

.publish-studio__editor .gjs-pn-views,
.publish-studio__editor .gjs-pn-options,
.publish-studio__editor .gjs-pn-commands,
.publish-studio__editor .gjs-pn-devices-c {
  box-sizing: border-box;
}

/* 隐藏设备切换（平板/手机），无实际逻辑 */
.publish-studio__editor .gjs-pn-devices-c,
.publish-studio__editor .gjs-pn-panel.gjs-pn-devices-c,
.publish-studio__editor .gjs-devices-c,
.publish-studio__editor [class*="gjs-pn-devices"] {
  display: none !important;
}

.publish-studio__editor .gjs-block {
  min-height: auto;
  padding: 10px 8px;
  width: auto;
  font-size: 12px;
}

.publish-studio__editor .gjs-block__media {
  margin-bottom: 6px;
}

.publish-studio__editor .gjs-blocks-c {
  display: flex;
  flex-wrap: wrap;
}

.publish-studio__editor .gjs-title {
  font-weight: 600;
}

/* 编辑页彻底隐藏站内悬浮窗，避免遮挡底部/侧栏 */
body.publish-product-page .fixed-side,
body.publish-product-page .leave-msg-widget,
body.publish-product-page .tk-leave-message,
body.publish-product-page #tkLeaveMessage,
body.publish-product-page .interaction,
body.publish-product-page .yf-leave-msg,
body.publish-product-page .yf-leave-msg__tab,
body.publish-product-page #yfLeaveMsg,
body.publish-product-page #yfLeaveMsgTab,
body.publish-product-page > .fixed.header {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}

.publish-studio__editor .gjs-frame-wrapper,
.publish-studio__editor .gjs-cv-canvas__frames {
  padding-bottom: 8px;
  box-sizing: border-box;
}

/* 发布弹窗 / 闸门 / 工作室：必须用 !important，否则 display:flex 会盖掉 hidden */
.publish-modal[hidden],
.publish-gate-shell[hidden],
.publish-studio[hidden],
.publish-modal [hidden],
.publish-field[hidden] {
  display: none !important;
}

.publish-modal:not([hidden]),
.publish-modal.is-open {
  display: flex !important;
}

.publish-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.publish-modal__mask {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
}

.publish-modal__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 720px;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  z-index: 1;
  box-sizing: border-box;
}

.publish-modal__panel--wide {
  max-width: 960px;
}

.publish-modal__head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #eef2f7;
  background: #fff;
  z-index: 2;
}

.publish-modal__head h2 {
  margin: 0;
  font-size: 18px;
  color: #1a2332;
  font-weight: 700;
  line-height: 1.3;
}

.publish-modal__close {
  border: none;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: #64748b;
  cursor: pointer;
  padding: 0 4px;
  width: auto;
  height: auto;
  min-width: 0;
}

.publish-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.publish-modal__form {
  padding: 16px 20px 8px;
  box-sizing: border-box;
}

.publish-modal .publish-field {
  margin-bottom: 16px;
  clear: both;
  float: none;
  overflow: hidden; /* 清掉 base.css label float 的影响 */
  width: 100%;
  box-sizing: border-box;
}

.publish-modal .publish-field--last {
  margin-bottom: 0;
}

.publish-modal__foot {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid #eef2f7;
  background: #fff;
  z-index: 2;
  box-sizing: border-box;
}

/* 覆盖 base.css: label { float:left; width:60px } */
.publish-modal .publish-field label {
  float: none !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.4;
  position: static !important;
}

.publish-modal .publish-field .req {
  color: #ee5a00;
}

.publish-modal .publish-field-hint {
  margin: 0 0 10px;
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.5;
  background: none;
  border: none;
  padding: 0;
  box-shadow: none;
}

.publish-modal .publish-field-hint--after {
  margin: 8px 0 0;
}

.publish-modal .publish-field input:not([type="hidden"]):not([type="file"]),
.publish-modal .publish-field select,
.publish-modal .publish-field textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #d7dee8;
  padding: 10px 12px;
  font-size: 14px;
  color: #1a2332;
  background: #fff;
  outline: none;
  font-family: inherit;
  margin: 0;
  float: none;
  height: auto;
  line-height: 1.5;
  border-radius: 0;
}

.publish-modal .publish-field input[type="file"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.publish-modal .publish-field input:not([type="hidden"]):not([type="file"]):focus,
.publish-modal .publish-field select:focus,
.publish-modal .publish-field textarea:focus {
  border-color: #ee5a00;
}

/* 发布类型：提示文字，不要做成实体输入框 */
.publish-modal .publish-type-fixed {
  box-sizing: border-box;
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.5;
}

.publish-modal .publish-category-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.publish-modal .publish-cat-group {
  width: 100%;
  padding: 12px;
  border: 1px solid #e8edf3;
  background: #fbfcfe;
  box-sizing: border-box;
}

.publish-modal .publish-cat-group[data-section="nav"] {
  background: #f5f9ff;
  border-color: #d6e4ff;
}

.publish-modal .publish-cat-group__head {
  margin-bottom: 10px;
}

.publish-modal .publish-cat-group__title {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.4;
}

.publish-modal .publish-cat-group[data-section="nav"] .publish-cat-group__title {
  color: #2d75ff;
}

.publish-modal .publish-cat-group__desc {
  margin: 0;
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.5;
}

.publish-modal .publish-cat-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.publish-modal .publish-cat-item {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.4;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  height: auto !important;
  min-height: 44px;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box;
  border-radius: 0;
}

.publish-modal .publish-cat-item:hover {
  border-color: #f0b48a;
}

.publish-modal .publish-cat-item.is-active {
  border-color: #ee5a00;
  background: rgba(238, 90, 0, 0.06);
  box-shadow: inset 0 0 0 1px #ee5a00;
}

.publish-modal .publish-cat-item svg.icon,
.publish-modal .publish-cat-item .iconfont {
  flex: 0 0 24px;
  width: 24px !important;
  height: 24px !important;
  font-size: 22px;
  color: #ee5a00;
  display: block;
  overflow: hidden;
}

.publish-modal .publish-cat-item .publish-icon-img {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.publish-modal .publish-cat-item span {
  flex: 1 1 auto;
  min-width: 0;
}

.publish-modal .publish-icon-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.publish-modal .publish-icon-item {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  cursor: pointer;
  color: #334155;
  font-size: 22px;
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  box-sizing: border-box;
}

.publish-modal .publish-icon-item:hover {
  border-color: #f0b48a;
}

.publish-modal .publish-icon-item.is-active {
  border-color: #ee5a00;
  background: rgba(238, 90, 0, 0.08);
  color: #ee5a00;
}

.publish-modal .publish-icon-item svg.icon {
  width: 22px;
  height: 22px;
  display: block;
}

.publish-modal .publish-icon-item .publish-icon-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.publish-modal .publish-icon-placeholder {
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px 12px;
  border: 1px dashed #d7dee8;
  background: #f8fafc;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  box-sizing: border-box;
}

.publish-modal .publish-btn-ghost,
.publish-modal .publish-btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  width: auto !important;
  max-width: none;
  height: 40px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  border-radius: 0;
  text-decoration: none !important;
}

.publish-modal .publish-btn-ghost {
  border: 1px solid #cfd8e3;
  background: #fff;
  color: #1a2332 !important;
}

.publish-modal .publish-btn-primary {
  border: 1px solid #ee5a00;
  background: #ee5a00;
  color: #fff !important;
  font-weight: 700;
}

.publish-modal .publish-btn-primary:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.publish-modal .publish-msg {
  margin: 12px 20px 0;
}

.publish-modal .publish-msg.show {
  margin-bottom: 0;
}

.publish-studio__editor .gjs-trt-trait {
  margin-bottom: 10px;
}

.publish-studio__editor .gjs-trt-trait .gjs-label {
  font-size: 12px;
  margin-bottom: 4px;
}

.publish-studio__editor .gjs-trait-file-upload {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.publish-studio__editor .gjs-trait-file-upload button {
  height: 32px;
  border: none;
  background: #ee5a00;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}

.publish-studio__editor .gjs-trait-file-upload .gjs-upload-status {
  font-size: 11px;
  color: #94a3b8;
  line-height: 1.4;
}

.publish-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 16px 20px 24px;
}

.publish-product-card {
  border: 1px solid #e6ebf2;
  background: #fafbfc;
  padding: 16px;
  min-height: 140px;
}

.publish-product-card__tag {
  display: inline-block;
  font-size: 12px;
  color: #ee5a00;
  background: rgba(238, 90, 0, 0.08);
  padding: 2px 8px;
  margin-bottom: 8px;
}

.publish-product-card__title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  color: #1a2332;
}

.publish-product-card__price {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  color: #ee5a00;
}

.publish-product-card__desc {
  margin: 0 0 8px;
  font-size: 13px;
  color: #667085;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.publish-product-card__meta {
  margin: 0;
  font-size: 12px;
  color: #98a2b3;
}

.publish-product-card__icon {
  margin-bottom: 10px;
  color: #ee5a00;
  line-height: 1;
}

.publish-product-card__icon svg.icon {
  width: 42px;
  height: 42px;
  display: block;
}

.publish-product-card__icon .publish-icon-img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
}

.publish-product-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.publish-product-card__actions button,
.publish-product-card__actions a {
  height: 32px;
  line-height: 30px;
  padding: 0 12px;
  font-size: 13px;
  border: 1px solid #d7dee8;
  background: #fff;
  color: #1a2332;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}

.publish-product-card__actions .btn-edit {
  border-color: #ee5a00;
  color: #ee5a00;
}

.publish-product-card__actions .btn-view {
  border-color: #1d4ed8;
  color: #1d4ed8;
}

.publish-product-card__actions .btn-del {
  border-color: #f3b4b0;
  color: #b42318;
}

.publish-empty {
  grid-column: 1 / -1;
  color: #98a2b3;
  font-size: 14px;
  margin: 0;
}

@media (max-width: 900px) {
  .publish-cat-items {
    grid-template-columns: 1fr;
  }
  .publish-product-grid {
    grid-template-columns: 1fr 1fr;
  }
  .publish-icon-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .publish-field-row {
    grid-template-columns: 1fr;
  }
  .publish-studio__company {
    display: none;
  }
}

@media (max-width: 640px) {
  .publish-product-grid {
    grid-template-columns: 1fr;
  }
}

/* 发布类型选择 */
.publish-studio__mode {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  padding: 2px 10px;
  font-size: 12px;
  color: #ee5a00;
  background: rgba(238, 90, 0, 0.1);
  border-radius: 4px;
  white-space: nowrap;
}

.publish-modal__panel--pick {
  max-width: 560px;
}

.publish-type-pick {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 8px;
}

.publish-type-pick__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px 18px;
  text-align: left;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}

.publish-type-pick__card:hover {
  border-color: #ee5a00;
  background: #fff7f2;
  box-shadow: 0 4px 14px rgba(238, 90, 0, 0.12);
}

.publish-type-pick__card strong {
  font-size: 17px;
  color: #1a2332;
}

.publish-type-pick__card span {
  font-size: 13px;
  line-height: 1.55;
  color: #64748b;
}

.publish-tags {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.publish-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 28px;
}

.publish-tags__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px 4px 10px;
  background: #fff5f0;
  border: 1px solid #f3c4ae;
  color: #c2410c;
  font-size: 13px;
  line-height: 1.3;
}

.publish-tags__chip button {
  border: 0;
  background: transparent;
  color: #9a3412;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.publish-tags__input-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.publish-tags__input-row input {
  flex: 1 1 auto;
  min-width: 0;
}

.publish-modal .publish-tags__input-row .publish-btn-ghost {
  height: 40px !important;
  min-width: 72px !important;
}

/* 与前端 .yf-case li>a>img 一致：250×165 */
.publish-cover-frame {
  width: 250px;
  max-width: 100%;
  aspect-ratio: 250 / 165;
  height: auto;
  border: 1px solid #d7dee8;
  background: #f1f5f9;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.publish-cover-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.publish-cover-stage.is-dragging {
  cursor: grabbing;
}

.publish-cover-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-size: 13px;
  pointer-events: none;
}

.publish-cover-img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  display: block;
  will-change: transform;
  pointer-events: none;
}

.publish-cover-size-tag {
  position: absolute;
  right: 6px;
  bottom: 6px;
  z-index: 2;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.3;
  color: #fff;
  background: rgba(15, 23, 42, 0.55);
  pointer-events: none;
}

.publish-cover-zoom {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 250px;
  max-width: 100%;
}

.publish-cover-zoom-btn {
  min-width: 36px !important;
  width: 36px !important;
  height: 32px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#pubCoverZoomRange {
  flex: 1 1 auto;
  min-width: 80px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  display: block;
}

.publish-cover-zoom-tip {
  flex: 1 1 100%;
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.4;
}

.publish-cover-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.publish-modal .publish-cover-actions .publish-btn-ghost,
.publish-modal .publish-cover-actions .publish-cover-upload {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 1 !important;
  padding: 0 18px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 400;
  vertical-align: middle;
  float: none !important;
}

.publish-modal label.publish-cover-upload {
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  cursor: pointer;
}

.publish-product-card__cover {
  width: 100%;
  aspect-ratio: 250 / 165;
  overflow: hidden;
  margin-bottom: 10px;
  background: #f1f5f9;
}

.publish-product-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 640px) {
  .publish-type-pick {
    grid-template-columns: 1fr;
  }
}