/* گرید واکنش‌گرا: دسکتاپ 4، تبلت 3، موبایل 2 */
.gk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width: 1024px){.gk-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 680px){.gk-grid{grid-template-columns:repeat(2,1fr)}}

.gk-card-item{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:12px}

/* عنوان و قیمت */
.gk-title{margin:8px 0 4px;font-size:16px}
.gk-price{font-weight:700;margin-bottom:8px}

/* دکمه‌ها */
.gk-actions{display:flex;gap:8px}
.gk-btn{flex:1;text-align:center;display:inline-block;padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;text-decoration:none;color:#111;background:#fafafa}
.gk-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);background:#fff}

/* اسلایدر */
.gk-slider{position:relative}
.gk-slides img{display:none;width:100%;height:auto;border-radius:10px}
.gk-slides img.active{display:block}

/* بندانگشتی‌ها: حداکثر 6 تا در نما؛ بقیه اسکرول افقی */
.gk-thumbs{display:flex;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:2px}
.gk-thumb-btn{border:2px solid transparent;border-radius:8px;padding:0;background:transparent;cursor:pointer;flex:0 0 auto}
.gk-thumb-btn img{display:block;width:84px;height:64px;object-fit:cover;border-radius:6px}

/* هایلایت نئونی قرمز برای فعال */
.gk-thumb-btn.active{border-color:#ff0033;box-shadow:0 0 10px rgba(255,0,51,.9),0 0 20px rgba(255,0,51,.5)}
.gk-thumb-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(255,0,51,.4)}

/* نشانگر شمارش تصویر */
.gk-indicator{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;padding:4px 8px;border-radius:20px;font-size:12px}