/* ======= Home cards – compact mode ======= */
.home-featured-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-bottom: 12px;
}

/* پیش‌فرض‌های امن برای متغیرها (خارج از موبایل) */
:root { --text-1: #111; }
.home-featured-grid {
  --hc-pad: 12px;
  --hc-radius: 14px;
  --hc-gap: 10px;
  --hc-flag: 24px;
  --hc-title: 14px;
  --hc-code: 12px;
  --hc-price: 18px;
  --hc-meta-gap: 6px;
  --hc-left-gap: 10px;
  --hc-minh: 72px;
  --hc-shadow: none;
}

/* حالت موبایل و compact */
@media (max-width: 480px) {
  .home-featured-grid.compact {
    --hc-pad: 10px;
    --hc-radius: 12px;
    --hc-gap: 8px;
    --hc-flag: 20px;
    --hc-title: 13px;
    --hc-code: 11px;
    --hc-price: 16px;
    --hc-meta-gap: 4px;
    --hc-left-gap: 8px;
    --hc-minh: 64px;
    --hc-shadow: 0 1px 0 rgba(255,255,255,.04) inset;
  }

  .home-card {
    padding: var(--hc-pad);
    border-radius: var(--hc-radius);
    min-height: var(--hc-minh);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--hc-gap);
    box-shadow: var(--hc-shadow);
  }

  .hc-left {
    display: flex;
    align-items: center;
    gap: var(--hc-left-gap);
    min-width: 0;
  }

  .hc-icon {
    width: var(--hc-flag);
    height: auto;
    border-radius: 3px;
    flex: 0 0 var(--hc-flag);
  }

  .hc-meta {
    display: flex;
    flex-direction: column;
    gap: var(--hc-meta-gap);
    min-width: 0;
  }

  .hc-title {
    font-size: var(--hc-title);
    line-height: 1.1;
    font-weight: 700;
    color: var(--text-1, #111);
    display: -webkit-box; /* دو خط */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .hc-code {
    font-size: var(--hc-code);
    line-height: 1;
    opacity: .7;
  }

  .hc-right {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .hc-row { padding: 0; margin: 0; }
  .hc-row.single { line-height: 1; }

  .hc-val {
    font-size: var(--hc-price);
    line-height: 1;
    font-weight: 800;
    letter-spacing: .2px;
    white-space: nowrap;
  }

  .home-featured-grid { gap: 8px; }

  .home-coins, .coins-preview, .section-coins {
    margin-top: 6px !important;
  }
}

/* دسکتاپِ راحت‌تر برای حالت compact */
@media (min-width: 481px) {
  .home-featured-grid.compact .home-card {
    --hc-minh: 72px;
    --hc-pad: 12px;
    --hc-flag: 22px;
    --hc-title: 14px;
    --hc-price: 18px;
  }
}

/* ریزبهینه‌سازی‌ها */
.home-card [dir="rtl"] .hc-right { margin-right: auto; }
.home-card [dir="ltr"] .hc-right { margin-left: auto; }
.hc-title 
/* ریزبهینه‌سازی‌ها */
.home-card [dir="rtl"] .hc-right { margin-right: auto; }
.home-card [dir="ltr"] .hc-right { margin-left: auto; }
.hc-title { word-break: break-word; }




.home-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.home-edit-btn, .home-save-btn, .home-cancel-btn {
  font: inherit; padding: .35rem .7rem; border-radius: .6rem; border: 1px solid var(--line,#ddd);
  background: var(--bg-soft,#fafafa); cursor: pointer;
}
.home-save-btn { background: #2e7d32; color:#fff; border-color:#2e7d32; }
.home-cancel-btn { background: #b00020; color:#fff; border-color:#b00020; }

.home-tiles { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:.6rem; }
@media (min-width: 480px){ .home-tiles{ grid-template-columns: repeat(3,1fr);} }
.tile { border:1px solid var(--line,#e5e5e5); border-radius:12px; padding:.7rem; background:var(--card,#fff); position:relative; }
.tile.dragging { opacity:.6; }
.tile .tile-remove {
  position:absolute; top:.3rem; inset-inline-end:.3rem; border:none; background:#eee; width:24px; height:24px; border-radius:50%;
  display:none; cursor:pointer;
}
.home-tiles.is-editing .tile .tile-remove { display:inline-block; }

.tile-add {
  display:flex; align-items:center; justify-content:center; min-height:74px; font-size:1.6rem; color:#666; border:2px dashed #bbb; background:transparent;
}
.tile-add.locked { color:#999; border-color:#ccc; text-decoration:none; }
.tile-add .lock { font-size:1rem; margin-top:.2rem; display:block; opacity:.8; }
.tile-add .tile-add-inner { display:flex; flex-direction:column; align-items:center; gap:.25rem; }


/* نوار آپ‌سل */
.home-upsell{
  display:flex; align-items:center; justify-content:space-between;
  background:var(--card-bg, #111); color:var(--text, #eee);
  border:1px solid var(--card-border, #222); border-radius:12px;
  padding:.75rem 1rem; margin:.5rem 0 1rem;
}
.home-upsell__btn{
  background:var(--brand, #fdd900); color:#000; padding:.45rem .8rem;
  border-radius:10px; font-weight:600; text-decoration:none;
}

/* کارت افزودن */
.tile-add{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.25rem; min-height:96px; border:1.5px dashed var(--card-border, #2a2a2a);
  background:transparent; cursor:pointer;
}
.tile-add__plus{ font-size:28px; line-height:1; }
.tile-add__label{ font-size:.9rem; opacity:.85; }
.tile-add--locked{ position:relative; }
.tile-add__lock{ position:absolute; top:8px; left:8px; font-size:14px; opacity:.9; }