.banners-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 15px; } .banner-card { background: #0d1116; border: 1px solid #2a3038; border-radius: 14px; overflow: hidden; } .banner-preview { height: 140px; background-size: cover; background-position: center; background-color: #0a0c10; position: relative; display: flex; align-items: center; } .banner-preview-content { padding: 16px; color: #fff; position: relative; z-index: 2; text-shadow: 0 2px 10px rgba(0,0,0,.5); } .banner-preview-content strong { display: block; font-size: 16px; margin-bottom: 4px; } .banner-preview-content small { opacity: .85; font-size: 12px; } .banner-preview::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.75), transparent); } .banner-body { padding: 14px; } .banner-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .banner-fields .full { grid-column: 1 / -1; } .banner-fields .field { margin: 0; } .banner-fields label { font-size: 11px; color: #94a3b8; }

پنل مدیریت 7BOX