/**
 * Product card variants (card-1 … card-50)
 * Generated by scripts/generate-product-card-css.mjs — do not edit by hand.
 */

/* =============================================================================
   Shared product card variant rules (card-1 … card-50)
   ============================================================================= */

.gb-product-grid .product[class*="card-"] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gb-product-grid .product[class*="card-"] .img {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.gb-product-grid .product[class*="card-"] .img a {
    display: block;
    width: 100%;
    height: 100%;
}

.gb-product-grid .product[class*="card-"] .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.gb-product-grid .product[class*="card-"] .img.img--circle {
    overflow: hidden;
}

.gb-product-grid .product[class*="card-"] .img.img--circle,
.gb-product-grid .product[class*="card-"] .img.img--circle img {
    border-radius: 50%;
}

.gb-product-grid .product[class*="card-"] .save-label {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: inline-block;
    width: fit-content;
    max-width: max-content;
    flex: 0 0 auto;
    background: var(--gb-card-save-bg, var(--primary-color, #059669));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
    box-sizing: border-box;
}

.gb-product-grid .product[class*="card-"] .body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.gb-product-grid .product[class*="card-"] .body--center {
    text-align: center;
    align-items: center;
}

.gb-product-grid .product[class*="card-"] .body--center .badge {
    align-self: center;
}

.gb-product-grid .product[class*="card-"] .badge {
    display: inline-block;
    width: fit-content;
    max-width: max-content;
    flex: 0 0 auto;
    align-self: flex-start;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 1.2;
    white-space: nowrap;
    margin-bottom: 6px;
    background: var(--gb-card-save-bg, var(--primary-color, #059669));
    color: #fff;
    box-sizing: border-box;
}

.gb-product-grid .product[class*="card-"] h3 {
    margin: 0;
    line-height: 1.3;
}

.gb-product-grid .product[class*="card-"] h3 a {
    color: inherit;
    text-decoration: none;
}

.gb-product-grid .product[class*="card-"] h3 a:hover {
    opacity: 0.85;
}

.gb-product-grid .product[class*="card-"] p {
    margin-top: 0;
}

.gb-product-grid .product[class*="card-"] .gb-card-footer {
    margin-top: auto;
    gap: 8px;
    flex-wrap: wrap;
}

.gb-product-grid .product[class*="card-"] .price {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
}

.gb-product-grid .product[class*="card-"] .price ins {
    text-decoration: none;
}

.gb-product-grid .product[class*="card-"] .price del {
    opacity: 0.6;
    font-size: 0.85em;
    font-weight: 500;
}

.gb-product-grid .product[class*="card-"] .gb-card-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.gb-product-grid .product[class*="card-"] .btn {
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    line-height: 1.2;
}

.gb-product-grid .product[class*="card-"] .btn.hidden {
    display: none !important;
}

.gb-product-grid .product[class*="card-"] .btn.stock-out {
    opacity: 0.7;
    cursor: not-allowed;
}

.gb-product-grid .product[class*="card-"] .quantity-box {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-radius: 30px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 600;
}

.gb-product-grid .product[class*="card-"] .quantity-box.hidden {
    display: none !important;
}

.gb-product-grid .product[class*="card-"] .quantity-box button {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.gb-product-grid .product[class*="card-"] .quantity-box .quantity {
    min-width: 1.5em;
    text-align: center;
}

.gb-product-grid .product[class*="card-"] .text-danger {
    display: block;
    margin-top: 6px;
    font-size: 11px;
}

/* Horizontal layouts — override shared column flex */
.gb-product-grid .product.card-2 {
    flex-direction: row;
}

.gb-product-grid .product.card-23 {
    flex-direction: row-reverse;
}

/* Horizontal card image corner radii */
.gb-product-grid .product.card-2 .img {
    border-radius: 16px 0 0 16px;
}

.gb-product-grid .product.card-23 .img {
    border-radius: 0 16px 16px 0;
}

/* Glass / dark glass cards — subtle backdrop context on grid item */
.gb-product-grid__item:has(.gb-product-grid .product.card-4),
.gb-product-grid__item:has(.gb-product-grid .product.card-31),
.gb-product-grid__item:has(.gb-product-grid .product.card-50) {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border-radius: 20px;
    padding: 2px;
}


/* =============================================================================
   Per-variant styles (from demo)
   ============================================================================= */

/* ---------- ১ : ক্লাসিক ইমেজ-টপ ---------- */
.gb-product-grid .product.card-1 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 0;
    overflow: hidden;
    transition: 0.3s;
}
.gb-product-grid .product.card-1 .img { height: 200px; background: #f8fafc; display: flex; align-items: center; justify-content: center; font-size: 48px; color: #94a3b8; }
.gb-product-grid .product.card-1 .body { padding: 16px 18px 18px; }
.gb-product-grid .product.card-1 .badge { background: #2563eb; color: #fff; display: inline-block; padding: 2px 14px; border-radius: 30px; font-size: 10px; font-weight: 700; margin-bottom: 6px; }
.gb-product-grid .product.card-1 h3 { font-size: 18px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-1 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-1 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-1 .price { font-weight: 700; font-size: 18px; color: #0f172a; }
.gb-product-grid .product.card-1 .btn:not(.gb-card-btn) { background: #0f172a; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-1:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.02); }

/* ---------- ২ : হরাইজন্টাল (ইমেজ বামে) ---------- */
.gb-product-grid .product.card-2 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    display: flex;
    padding: 0;
    overflow: hidden;
    align-items: stretch;
}
.gb-product-grid .product.card-2 .img { width: 120px; min-height: 160px; background: #f8fafc; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #94a3b8; flex-shrink: 0; }
.gb-product-grid .product.card-2 .body { padding: 14px 16px; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.gb-product-grid .product.card-2 .badge { background: #f5576c; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 10px; border-radius: 30px; display: inline-block; margin-bottom: 4px; align-self: flex-start; }
.gb-product-grid .product.card-2 h3 { font-size: 16px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-2 p { font-size: 12px; color: #475569; margin: 2px 0 8px; line-height: 1.4; }
.gb-product-grid .product.card-2 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-2 .price { font-weight: 700; font-size: 16px; color: #0f172a; }
.gb-product-grid .product.card-2 .btn:not(.gb-card-btn) { background: #f5576c; color: #fff; border: none; padding: 6px 16px; border-radius: 30px; font-weight: 600; font-size: 12px; cursor: pointer; }
.gb-product-grid .product.card-2:hover { transform: scale(1.01); box-shadow: 0 8px 24px rgba(0,0,0,0.02); }

/* ---------- ৩ : সার্কুলার ইমেজ ---------- */
.gb-product-grid .product.card-3 {
    background: #fff;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    padding: 24px 20px 20px;
    text-align: center;
}
.gb-product-grid .product.card-3 .img { width: 80px; height: 80px; border-radius: 50%; background: #f8fafc; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #94a3b8; }
.gb-product-grid .product.card-3 .badge { background: #059669; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-3 h3 { font-size: 18px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-3 p { font-size: 13px; color: #475569; margin: 4px 0 14px; line-height: 1.5; }
.gb-product-grid .product.card-3 .gb-card-footer { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; }
.gb-product-grid .product.card-3 .price { font-weight: 700; font-size: 18px; color: #0f172a; }
.gb-product-grid .product.card-3 .btn:not(.gb-card-btn) { background: #059669; color: #fff; border: none; padding: 8px 24px; border-radius: 60px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-3:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.02); }

/* ---------- ৪ : গ্লাসমরফিজম ---------- */
.gb-product-grid .product.card-4 {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 20px;
    padding: 20px;
    color: #fff;
    background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
}
.gb-product-grid .product.card-4 .img { height: 140px; background: rgba(255,255,255,0.04); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 40px; color: rgba(255,255,255,0.2); margin-bottom: 12px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-4 .badge { background: rgba(255,255,255,0.06); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-4 h3 { font-size: 18px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-4 p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 4px 0 14px; line-height: 1.5; }
.gb-product-grid .product.card-4 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-4 .price { font-weight: 700; font-size: 18px; color: #ffd700; }
.gb-product-grid .product.card-4 .btn:not(.gb-card-btn) { background: rgba(255,255,255,0.06); color: #fff; border: 1px solid rgba(255,255,255,0.02); padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-4:hover { transform: scale(1.02); border-color: rgba(255,255,255,0.08); }

/* ---------- ৫ : ডার্ক এলিগ্যান্ট ---------- */
.gb-product-grid .product.card-5 {
    background: #0f172a;
    border-radius: 16px;
    border: 1px solid #1e293b;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-5 .img { height: 140px; background: linear-gradient(135deg, #ffd700, #f59e0b); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 36px; color: #0f172a; margin-bottom: 12px; }
.gb-product-grid .product.card-5 .badge { background: #ffd700; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-5 h3 { font-size: 18px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-5 p { font-size: 13px; color: #94a3b8; margin: 4px 0 14px; line-height: 1.5; }
.gb-product-grid .product.card-5 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-5 .price { font-weight: 700; font-size: 18px; color: #ffd700; }
.gb-product-grid .product.card-5 .btn:not(.gb-card-btn) { background: #ffd700; color: #0f172a; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-5:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(255,215,0,0.02); }

/* ---------- ৬ : ইমেজ ফুল-উইদথ ---------- */
.gb-product-grid .product.card-6 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 0;
    overflow: hidden;
}
.gb-product-grid .product.card-6 .img { height: 180px; background: linear-gradient(135deg, #1a2a6c, #b21f1f); display: flex; align-items: center; justify-content: center; font-size: 48px; color: rgba(255,255,255,0.05); }
.gb-product-grid .product.card-6 .body { padding: 16px 18px 18px; background: #fff; }
.gb-product-grid .product.card-6 .badge { background: #e11d48; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-6 h3 { font-size: 18px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-6 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-6 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-6 .price { font-weight: 700; font-size: 18px; color: #0f172a; }
.gb-product-grid .product.card-6 .btn:not(.gb-card-btn) { background: #e11d48; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-6:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.02); }

/* ---------- ৭ : বর্ডার-লেস শ্যাডো ---------- */
.gb-product-grid .product.card-7 {
    background: #fff;
    border: none;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.02);
}
.gb-product-grid .product.card-7 .img { height: 140px; background: linear-gradient(135deg, #8b5cf6, #6d28d9); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 36px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-7 .badge { background: #8b5cf6; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-7 h3 { font-size: 18px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-7 p { font-size: 13px; color: #475569; margin: 4px 0 14px; line-height: 1.5; }
.gb-product-grid .product.card-7 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-7 .price { font-weight: 700; font-size: 18px; color: #0f172a; }
.gb-product-grid .product.card-7 .btn:not(.gb-card-btn) { background: #8b5cf6; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-7:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,0.04); }

/* ---------- ৮ : মিনিমাল পেপার ---------- */
.gb-product-grid .product.card-8 {
    background: #f8fafc;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}
.gb-product-grid .product.card-8 .img { height: 130px; background: #e2e8f0; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #94a3b8; margin-bottom: 12px; }
.gb-product-grid .product.card-8 .badge { background: #64748b; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-8 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-8 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-8 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-8 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-8 .btn:not(.gb-card-btn) { background: #64748b; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-8:hover { transform: translateY(-4px); }

/* ---------- ৯ : গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ---------- */
.gb-product-grid .product.card-9 {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 16px;
    padding: 20px;
    color: #fff;
    border: none;
}
.gb-product-grid .product.card-9 .img { height: 120px; background: rgba(255,255,255,0.06); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: rgba(255,255,255,0.2); margin-bottom: 12px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-9 .badge { background: rgba(255,255,255,0.08); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-9 h3 { font-size: 18px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-9 p { font-size: 13px; color: rgba(255,255,255,0.8); margin: 4px 0 14px; line-height: 1.5; }
.gb-product-grid .product.card-9 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-9 .price { font-weight: 700; font-size: 18px; color: #ffd700; }
.gb-product-grid .product.card-9 .btn:not(.gb-card-btn) { background: #fff; color: #764ba2; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-9:hover { transform: scale(1.02); box-shadow: 0 12px 40px rgba(102,126,234,0.02); }

/* ---------- ১০ : লাক্সারি গোল্ড ---------- */
.gb-product-grid .product.card-10 {
    background: #1c1917;
    border-radius: 16px;
    border: 1px solid #292524;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-10 .img { height: 130px; background: linear-gradient(135deg, #d4a547, #b8860b); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 36px; color: #1c1917; margin-bottom: 12px; }
.gb-product-grid .product.card-10 .badge { background: #d4a547; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-10 h3 { font-size: 18px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-10 p { font-size: 13px; color: #a8a29e; margin: 4px 0 14px; line-height: 1.5; }
.gb-product-grid .product.card-10 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-10 .price { font-weight: 700; font-size: 18px; color: #d4a547; }
.gb-product-grid .product.card-10 .btn:not(.gb-card-btn) { background: #d4a547; color: #0f172a; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-10:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(212,165,71,0.02); }

/* ---------- ১১ : রেইনবো বর্ডার ---------- */
.gb-product-grid .product.card-11 {
    background: #fff;
    border: 2px solid transparent;
    border-radius: 16px;
    padding: 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
}
.gb-product-grid .product.card-11 .img { height: 120px; background: linear-gradient(135deg, #feca57, #ff9ff3); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-11 .badge { background: #feca57; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-11 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-11 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-11 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-11 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-11 .btn:not(.gb-card-btn) { background: #feca57; color: #0f172a; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-11:hover { transform: scale(1.02); }

/* ---------- ১২ : অসমমিতিক কর্নার ---------- */
.gb-product-grid .product.card-12 {
    background: #fff;
    border-radius: 60px 20px 60px 20px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}
.gb-product-grid .product.card-12 .img { height: 120px; background: linear-gradient(135deg, #ff9a9e, #fecfef); border-radius: 40px 12px 40px 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-12 .badge { background: #f39c12; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-12 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-12 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-12 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-12 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-12 .btn:not(.gb-card-btn) { background: #f39c12; color: #fff; border: none; padding: 8px 20px; border-radius: 60px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-12:hover { transform: rotate(-1deg) scale(1.01); }

/* ---------- ১৩ : ডার্ক সায়ান ---------- */
.gb-product-grid .product.card-13 {
    background: #083344;
    border-radius: 16px;
    border: 1px solid #164e63;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-13 .img { height: 120px; background: linear-gradient(135deg, #22d3ee, #06b6d4); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #083344; margin-bottom: 12px; }
.gb-product-grid .product.card-13 .badge { background: #22d3ee; color: #083344; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-13 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-13 p { font-size: 13px; color: #67e8f9; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-13 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-13 .price { font-weight: 700; font-size: 17px; color: #22d3ee; }
.gb-product-grid .product.card-13 .btn:not(.gb-card-btn) { background: #22d3ee; color: #083344; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-13:hover { transform: translateY(-4px); border-color: #22d3ee; }

/* ---------- ১৪ : আউটলাইন ---------- */
.gb-product-grid .product.card-14 {
    background: transparent;
    border: 2px solid #475569;
    border-radius: 16px;
    padding: 20px;
}
.gb-product-grid .product.card-14 .img { height: 120px; background: rgba(71,85,105,0.04); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #475569; margin-bottom: 12px; border: 1px solid #475569; }
.gb-product-grid .product.card-14 .badge { background: #475569; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-14 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-14 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-14 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-14 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-14 .btn:not(.gb-card-btn) { background: #475569; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-14:hover { border-color: #0f172a; transform: translateY(-4px); }

/* ---------- ১৫ : সফট রোজ ---------- */
.gb-product-grid .product.card-15 {
    background: #fdf2f8;
    border-radius: 16px;
    border: 1px solid #fbcfe8;
    padding: 20px;
}
.gb-product-grid .product.card-15 .img { height: 120px; background: linear-gradient(135deg, #fbcfe8, #f9a8d4); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #831843; margin-bottom: 12px; }
.gb-product-grid .product.card-15 .badge { background: #ec4899; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-15 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-15 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-15 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-15 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-15 .btn:not(.gb-card-btn) { background: #ec4899; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-15:hover { transform: translateY(-4px); border-color: #ec4899; }

/* ---------- ১৬ : সাইবার গ্রিন ---------- */
.gb-product-grid .product.card-16 {
    background: #0a0a0f;
    border-radius: 16px;
    border: 1px solid #1a1a2e;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-16 .img { height: 120px; background: rgba(0,255,65,0.04); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #00ff41; margin-bottom: 12px; border: 1px solid rgba(0,255,65,0.04); }
.gb-product-grid .product.card-16 .badge { background: #00ff41; color: #0a0a0f; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-16 h3 { font-size: 17px; font-weight: 700; color: #00ff41; }
.gb-product-grid .product.card-16 p { font-size: 13px; color: #888; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-16 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-16 .price { font-weight: 700; font-size: 17px; color: #00ff41; }
.gb-product-grid .product.card-16 .btn:not(.gb-card-btn) { background: #00ff41; color: #0a0a0f; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-16:hover { border-color: #00ff41; box-shadow: 0 0 30px rgba(0,255,65,0.02); }

/* ---------- ১৭ : পেস্টেল ভায়োলেট ---------- */
.gb-product-grid .product.card-17 {
    background: #f5f3ff;
    border-radius: 16px;
    border: 1px solid #ede9fe;
    padding: 20px;
}
.gb-product-grid .product.card-17 .img { height: 120px; background: linear-gradient(135deg, #ede9fe, #c4b5fd); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #4c1d95; margin-bottom: 12px; }
.gb-product-grid .product.card-17 .badge { background: #7c3aed; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-17 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-17 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-17 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-17 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-17 .btn:not(.gb-card-btn) { background: #7c3aed; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-17:hover { transform: translateY(-4px); border-color: #7c3aed; }

/* ---------- ১৮ : গ্রেডিয়েন্ট বর্ডার ---------- */
.gb-product-grid .product.card-18 {
    background: #fff;
    border: 2px solid transparent;
    border-radius: 16px;
    padding: 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #f093fb, #f5576c);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
}
.gb-product-grid .product.card-18 .img { height: 120px; background: linear-gradient(135deg, #f093fb, #f5576c); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-18 .badge { background: #f5576c; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-18 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-18 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-18 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-18 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-18 .btn:not(.gb-card-btn) { background: linear-gradient(135deg, #f093fb, #f5576c); color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-18:hover { transform: scale(1.02); }

/* ---------- ১৯ : হোভার-স্কেল ---------- */
.gb-product-grid .product.card-19 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    transition: 0.3s;
}
.gb-product-grid .product.card-19 .img { height: 120px; background: linear-gradient(135deg, #059669, #047857); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-19 .badge { background: #059669; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-19 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-19 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-19 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-19 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-19 .btn:not(.gb-card-btn) { background: #059669; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-19:hover { transform: scale(1.02); box-shadow: 0 12px 40px rgba(0,0,0,0.02); }

/* ---------- ২০ : মিনিমাল ব্ল্যাক ---------- */
.gb-product-grid .product.card-20 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #0f172a;
    padding: 20px;
}
.gb-product-grid .product.card-20 .img { height: 120px; background: #0f172a; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: rgba(255,255,255,0.2); margin-bottom: 12px; }
.gb-product-grid .product.card-20 .badge { background: #0f172a; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-20 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-20 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-20 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-20 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-20 .btn:not(.gb-card-btn) { background: #0f172a; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-20:hover { transform: translateY(-4px); }

/* ---------- ২১ : সফট পেস্টেল ব্লু ---------- */
.gb-product-grid .product.card-21 {
    background: #eff6ff;
    border-radius: 16px;
    border: 1px solid #bfdbfe;
    padding: 20px;
}
.gb-product-grid .product.card-21 .img { height: 120px; background: linear-gradient(135deg, #bfdbfe, #93c5fd); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #1e3a8a; margin-bottom: 12px; }
.gb-product-grid .product.card-21 .badge { background: #3b82f6; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-21 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-21 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-21 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-21 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-21 .btn:not(.gb-card-btn) { background: #3b82f6; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-21:hover { transform: translateY(-4px); border-color: #3b82f6; }

/* ---------- ২২ : ডটেড বর্ডার ---------- */
.gb-product-grid .product.card-22 {
    background: #fff;
    border-radius: 16px;
    border: 2px dashed #cbd5e1;
    padding: 20px;
}
.gb-product-grid .product.card-22 .img { height: 120px; background: linear-gradient(135deg, #f97316, #ea580c); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-22 .badge { background: #f97316; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-22 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-22 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-22 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-22 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-22 .btn:not(.gb-card-btn) { background: #f97316; color: #fff; border: none; padding: 8px 20px; border-radius: 4px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-22:hover { border: 2px solid #f97316; transform: translateY(-4px); }

/* ---------- ২৩ : হরাইজন্টাল (ইমেজ ডানে) ---------- */
.gb-product-grid .product.card-23 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    overflow: hidden;
    align-items: stretch;
}
.gb-product-grid .product.card-23 .img { width: 120px; min-height: 160px; background: #f8fafc; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #94a3b8; flex-shrink: 0; }
.gb-product-grid .product.card-23 .body { padding: 14px 16px; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.gb-product-grid .product.card-23 .badge { background: #f59e0b; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 10px; border-radius: 30px; display: inline-block; margin-bottom: 4px; align-self: flex-start; }
.gb-product-grid .product.card-23 h3 { font-size: 16px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-23 p { font-size: 12px; color: #475569; margin: 2px 0 8px; line-height: 1.4; }
.gb-product-grid .product.card-23 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-23 .price { font-weight: 700; font-size: 16px; color: #0f172a; }
.gb-product-grid .product.card-23 .btn:not(.gb-card-btn) { background: #f59e0b; color: #fff; border: none; padding: 6px 16px; border-radius: 30px; font-weight: 600; font-size: 12px; cursor: pointer; }
.gb-product-grid .product.card-23:hover { transform: scale(1.01); box-shadow: 0 8px 24px rgba(0,0,0,0.02); }

/* ---------- ২৪ : রেইনবো বর্ডার (ভিন্ন) ---------- */
.gb-product-grid .product.card-24 {
    background: #fff;
    border: 2px solid transparent;
    border-radius: 16px;
    padding: 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
}
.gb-product-grid .product.card-24 .img { height: 120px; background: linear-gradient(135deg, #feca57, #ff9ff3); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-24 .badge { background: #48dbfb; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-24 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-24 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-24 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-24 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-24 .btn:not(.gb-card-btn) { background: #48dbfb; color: #0f172a; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-24:hover { transform: scale(1.02); }

/* ---------- ২৫ : গাঢ় পার্পল ---------- */
.gb-product-grid .product.card-25 {
    background: #2e1065;
    border-radius: 16px;
    border: 1px solid #4c1d95;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-25 .img { height: 120px; background: linear-gradient(135deg, #a78bfa, #8b5cf6); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #2e1065; margin-bottom: 12px; }
.gb-product-grid .product.card-25 .badge { background: #a78bfa; color: #2e1065; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-25 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-25 p { font-size: 13px; color: #c4b5fd; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-25 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-25 .price { font-weight: 700; font-size: 17px; color: #a78bfa; }
.gb-product-grid .product.card-25 .btn:not(.gb-card-btn) { background: #a78bfa; color: #2e1065; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-25:hover { transform: translateY(-4px); border-color: #a78bfa; }

/* ---------- ২৬ : নিউট্রাল টিল ---------- */
.gb-product-grid .product.card-26 {
    background: #ecfdf5;
    border-radius: 16px;
    border: 1px solid #ccfbf1;
    padding: 20px;
}
.gb-product-grid .product.card-26 .img { height: 120px; background: linear-gradient(135deg, #2dd4bf, #14b8a6); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-26 .badge { background: #0d9488; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-26 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-26 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-26 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-26 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-26 .btn:not(.gb-card-btn) { background: #0d9488; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-26:hover { transform: translateY(-4px); border-color: #0d9488; }

/* ---------- ২৭ : লাল অ্যাকসেন্ট ---------- */
.gb-product-grid .product.card-27 {
    background: #fef2f2;
    border-radius: 16px;
    border: 1px solid #fecaca;
    padding: 20px;
}
.gb-product-grid .product.card-27 .img { height: 120px; background: linear-gradient(135deg, #dc2626, #b91c1c); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-27 .badge { background: #dc2626; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-27 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-27 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-27 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-27 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-27 .btn:not(.gb-card-btn) { background: #dc2626; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-27:hover { transform: translateY(-4px); border-color: #dc2626; }

/* ---------- ২৮ : সেকেন্ডারি আউটলাইন ---------- */
.gb-product-grid .product.card-28 {
    background: transparent;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
}
.gb-product-grid .product.card-28 .img { height: 120px; background: #f1f5f9; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #94a3b8; margin-bottom: 12px; border: 1px solid #e2e8f0; }
.gb-product-grid .product.card-28 .badge { background: #e2e8f0; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-28 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-28 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-28 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-28 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-28 .btn:not(.gb-card-btn) { background: #e2e8f0; color: #0f172a; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-28:hover { border-color: #0f172a; transform: translateY(-4px); }

/* ---------- ২৯ : গ্রেডিয়েন্ট টেক্সট ---------- */
.gb-product-grid .product.card-29 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}
.gb-product-grid .product.card-29 .img { height: 120px; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-29 .badge { background: #764ba2; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-29 h3 { background: linear-gradient(135deg, #667eea, #764ba2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 17px; font-weight: 700; }
.gb-product-grid .product.card-29 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-29 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-29 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-29 .btn:not(.gb-card-btn) { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-29:hover { transform: translateY(-4px); }

/* ---------- ৩০ : হোভার-আপার ---------- */
.gb-product-grid .product.card-30 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    transition: 0.3s;
}
.gb-product-grid .product.card-30 .img { height: 120px; background: linear-gradient(135deg, #8b5cf6, #6d28d9); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-30 .badge { background: #8b5cf6; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-30 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-30 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-30 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-30 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-30 .btn:not(.gb-card-btn) { background: #8b5cf6; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-30:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0,0,0,0.02); }

/* ---------- ৩১ : ডার্ক গ্লাস ---------- */
.gb-product-grid .product.card-31 {
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.02);
    border-radius: 16px;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-31 .img { height: 120px; background: rgba(255,255,255,0.02); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: rgba(255,255,255,0.2); margin-bottom: 12px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-31 .badge { background: rgba(255,255,255,0.04); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-31 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-31 p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-31 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-31 .price { font-weight: 700; font-size: 17px; color: #ffd700; }
.gb-product-grid .product.card-31 .btn:not(.gb-card-btn) { background: rgba(255,255,255,0.04); color: #fff; border: 1px solid rgba(255,255,255,0.02); padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-31:hover { transform: scale(1.02); border-color: rgba(255,255,255,0.04); }

/* ---------- ৩২ : ভাইব্রেন্ট অরেঞ্জ ---------- */
.gb-product-grid .product.card-32 {
    background: #fff7ed;
    border-radius: 16px;
    border: 1px solid #fed7aa;
    padding: 20px;
}
.gb-product-grid .product.card-32 .img { height: 120px; background: linear-gradient(135deg, #fb923c, #f97316); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-32 .badge { background: #f97316; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-32 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-32 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-32 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-32 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-32 .btn:not(.gb-card-btn) { background: #f97316; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-32:hover { transform: translateY(-4px); border-color: #f97316; }

/* ---------- ৩৩ : গোলাকার কর্নার ---------- */
.gb-product-grid .product.card-33 {
    background: #fff;
    border-radius: 60px 20px 60px 20px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}
.gb-product-grid .product.card-33 .img { height: 120px; background: linear-gradient(135deg, #f39c12, #e67e22); border-radius: 40px 12px 40px 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-33 .badge { background: #f39c12; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-33 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-33 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-33 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-33 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-33 .btn:not(.gb-card-btn) { background: #f39c12; color: #fff; border: none; padding: 8px 20px; border-radius: 60px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-33:hover { transform: rotate(-1deg) scale(1.01); }

/* ---------- ৩৪ : ডার্ক মেটালিক ---------- */
.gb-product-grid .product.card-34 {
    background: #0f172a;
    border-radius: 16px;
    border: 1px solid #1e293b;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-34 .img { height: 120px; background: linear-gradient(135deg, #94a3b8, #64748b); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #0f172a; margin-bottom: 12px; }
.gb-product-grid .product.card-34 .badge { background: #94a3b8; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-34 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-34 p { font-size: 13px; color: #94a3b8; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-34 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-34 .price { font-weight: 700; font-size: 17px; color: #94a3b8; }
.gb-product-grid .product.card-34 .btn:not(.gb-card-btn) { background: #94a3b8; color: #0f172a; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-34:hover { transform: translateY(-4px); border-color: #94a3b8; }

/* ---------- ৩৫ : পেস্টেল ইয়েলো ---------- */
.gb-product-grid .product.card-35 {
    background: #fefce8;
    border-radius: 16px;
    border: 1px solid #fef08a;
    padding: 20px;
}
.gb-product-grid .product.card-35 .img { height: 120px; background: linear-gradient(135deg, #eab308, #ca8a04); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-35 .badge { background: #ca8a04; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-35 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-35 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-35 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-35 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-35 .btn:not(.gb-card-btn) { background: #ca8a04; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-35:hover { transform: translateY(-4px); border-color: #ca8a04; }

/* ---------- ৩৬ : স্কোয়ার ---------- */
.gb-product-grid .product.card-36 {
    background: #0f172a;
    border-radius: 0;
    border: 1px solid #1e293b;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-36 .img { height: 120px; background: linear-gradient(135deg, #ffd700, #f59e0b); border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #0f172a; margin-bottom: 12px; }
.gb-product-grid .product.card-36 .badge { background: #ffd700; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 0; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-36 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-36 p { font-size: 13px; color: #94a3b8; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-36 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-36 .price { font-weight: 700; font-size: 17px; color: #ffd700; }
.gb-product-grid .product.card-36 .btn:not(.gb-card-btn) { background: #ffd700; color: #0f172a; border: none; padding: 8px 20px; border-radius: 0; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-36:hover { transform: translateY(-4px); }

/* ---------- ৩৭ : হোভার-গ্লো ---------- */
.gb-product-grid .product.card-37 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    transition: 0.3s;
}
.gb-product-grid .product.card-37 .img { height: 120px; background: linear-gradient(135deg, #2563eb, #1d4ed8); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-37 .badge { background: #2563eb; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-37 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-37 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-37 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-37 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-37 .btn:not(.gb-card-btn) { background: #2563eb; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-37:hover { box-shadow: 0 0 30px rgba(37,99,235,0.02); transform: translateY(-4px); }

/* ---------- ৩৮ : সফট মিন্ট ---------- */
.gb-product-grid .product.card-38 {
    background: #ecfdf5;
    border-radius: 16px;
    border: 1px solid #d1fae5;
    padding: 20px;
}
.gb-product-grid .product.card-38 .img { height: 120px; background: linear-gradient(135deg, #34d399, #10b981); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-38 .badge { background: #059669; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-38 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-38 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-38 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-38 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-38 .btn:not(.gb-card-btn) { background: #059669; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-38:hover { transform: translateY(-4px); border-color: #059669; }

/* ---------- ৩৯ : হোভার-রোটেট ---------- */
.gb-product-grid .product.card-39 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    transition: 0.3s;
}
.gb-product-grid .product.card-39 .img { height: 120px; background: linear-gradient(135deg, #8b5cf6, #6d28d9); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-39 .badge { background: #8b5cf6; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-39 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-39 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-39 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-39 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-39 .btn:not(.gb-card-btn) { background: #8b5cf6; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-39:hover { transform: rotate(-1deg) scale(1.01); }

/* ---------- ৪০ : গ্রেডিয়েন্ট বটম বার ---------- */
.gb-product-grid .product.card-40 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.gb-product-grid .product.card-40::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #667eea, #764ba2, #f093fb); }
.gb-product-grid .product.card-40 .img { height: 120px; background: linear-gradient(135deg, #764ba2, #6d28d9); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-40 .badge { background: #764ba2; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-40 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-40 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-40 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-40 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-40 .btn:not(.gb-card-btn) { background: #764ba2; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-40:hover { transform: translateY(-4px); }

/* ---------- ৪১ : সেকেন্ডারি আউটলাইন (ডার্ক) ---------- */
.gb-product-grid .product.card-41 {
    background: transparent;
    border: 2px solid #0f172a;
    border-radius: 16px;
    padding: 20px;
}
.gb-product-grid .product.card-41 .img { height: 120px; background: rgba(15,23,42,0.02); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #0f172a; margin-bottom: 12px; border: 1px solid #0f172a; }
.gb-product-grid .product.card-41 .badge { background: #0f172a; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-41 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-41 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-41 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-41 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-41 .btn:not(.gb-card-btn) { background: #0f172a; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-41:hover { transform: translateY(-4px); }

/* ---------- ৪২ : পেস্টেল ল্যাভেন্ডার ---------- */
.gb-product-grid .product.card-42 {
    background: #f5f3ff;
    border-radius: 16px;
    border: 1px solid #ede9fe;
    padding: 20px;
}
.gb-product-grid .product.card-42 .img { height: 120px; background: linear-gradient(135deg, #a78bfa, #8b5cf6); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-42 .badge { background: #6d28d9; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-42 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-42 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-42 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-42 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-42 .btn:not(.gb-card-btn) { background: #6d28d9; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-42:hover { transform: translateY(-4px); border-color: #6d28d9; }

/* ---------- ৪৩ : নিউট্রাল গ্রে ---------- */
.gb-product-grid .product.card-43 {
    background: #f1f5f9;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}
.gb-product-grid .product.card-43 .img { height: 120px; background: #cbd5e1; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #64748b; margin-bottom: 12px; }
.gb-product-grid .product.card-43 .badge { background: #64748b; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-43 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-43 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-43 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-43 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-43 .btn:not(.gb-card-btn) { background: #64748b; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-43:hover { transform: translateY(-4px); }

/* ---------- ৪৪ : সার্কুলার ইমেজ (বড়) ---------- */
.gb-product-grid .product.card-44 {
    background: #fff;
    border-radius: 24px;
    border: 1px solid #e2e8f0;
    padding: 24px 20px 20px;
    text-align: center;
}
.gb-product-grid .product.card-44 .img { width: 100px; height: 100px; border-radius: 50%; background: #f8fafc; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; font-size: 36px; color: #94a3b8; }
.gb-product-grid .product.card-44 .badge { background: #059669; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-44 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-44 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-44 .gb-card-footer { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; }
.gb-product-grid .product.card-44 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-44 .btn:not(.gb-card-btn) { background: #059669; color: #fff; border: none; padding: 8px 24px; border-radius: 60px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-44:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.02); }

/* ---------- ৪৫ : ইমেজ ওভারলে ---------- */
.gb-product-grid .product.card-45 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 0;
    overflow: hidden;
}
.gb-product-grid .product.card-45 .img { height: 180px; background: #0c3483; display: flex; align-items: center; justify-content: center; font-size: 48px; color: rgba(255,255,255,0.05); }
.gb-product-grid .product.card-45 .body { padding: 16px 18px 18px; background: #fff; }
.gb-product-grid .product.card-45 .badge { background: #2563eb; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-45 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-45 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-45 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-45 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-45 .btn:not(.gb-card-btn) { background: #2563eb; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-45:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.02); }

/* ---------- ৪৬ : ডার্ক গ্রিন ---------- */
.gb-product-grid .product.card-46 {
    background: #052e16;
    border-radius: 16px;
    border: 1px solid #14532d;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-46 .img { height: 120px; background: linear-gradient(135deg, #4ade80, #22c55e); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #052e16; margin-bottom: 12px; }
.gb-product-grid .product.card-46 .badge { background: #4ade80; color: #052e16; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-46 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-46 p { font-size: 13px; color: #86efac; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-46 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-46 .price { font-weight: 700; font-size: 17px; color: #4ade80; }
.gb-product-grid .product.card-46 .btn:not(.gb-card-btn) { background: #4ade80; color: #052e16; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-46:hover { transform: translateY(-4px); border-color: #4ade80; }

/* ---------- ৪৭ : সফট ইন্ডিগো ---------- */
.gb-product-grid .product.card-47 {
    background: #e0e7ff;
    border-radius: 16px;
    border: 1px solid #c7d2fe;
    padding: 20px;
}
.gb-product-grid .product.card-47 .img { height: 120px; background: linear-gradient(135deg, #4338ca, #3730a3); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-47 .badge { background: #4338ca; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-47 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-47 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-47 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-47 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-47 .btn:not(.gb-card-btn) { background: #4338ca; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-47:hover { transform: translateY(-4px); border-color: #4338ca; }

/* ---------- ৪৮ : হোভার-বর্ডার-গ্লো ---------- */
.gb-product-grid .product.card-48 {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    transition: 0.3s;
}
.gb-product-grid .product.card-48 .img { height: 120px; background: linear-gradient(135deg, #2563eb, #1d4ed8); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; margin-bottom: 12px; }
.gb-product-grid .product.card-48 .badge { background: #2563eb; color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-48 h3 { font-size: 17px; font-weight: 700; color: #0f172a; }
.gb-product-grid .product.card-48 p { font-size: 13px; color: #475569; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-48 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-48 .price { font-weight: 700; font-size: 17px; color: #0f172a; }
.gb-product-grid .product.card-48 .btn:not(.gb-card-btn) { background: #2563eb; color: #fff; border: none; padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-48:hover { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37,99,235,0.02); transform: translateY(-4px); }

/* ---------- ৪৯ : মডার্ন ডার্ক ---------- */
.gb-product-grid .product.card-49 {
    background: #0f172a;
    border-radius: 0;
    border: 1px solid #1e293b;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-49 .img { height: 120px; background: linear-gradient(135deg, #ffd700, #f59e0b); border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #0f172a; margin-bottom: 12px; }
.gb-product-grid .product.card-49 .badge { background: #ffd700; color: #0f172a; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 0; display: inline-block; margin-bottom: 6px; }
.gb-product-grid .product.card-49 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-49 p { font-size: 13px; color: #94a3b8; margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-49 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-49 .price { font-weight: 700; font-size: 17px; color: #ffd700; }
.gb-product-grid .product.card-49 .btn:not(.gb-card-btn) { background: #ffd700; color: #0f172a; border: none; padding: 8px 20px; border-radius: 0; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-49:hover { transform: translateY(-4px); }

/* ---------- ৫০ : প্রিমিয়াম ডার্ক গ্লাস ---------- */
.gb-product-grid .product.card-50 {
    background: rgba(0,0,0,0.3);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.02);
    border-radius: 20px;
    padding: 20px;
    color: #fff;
}
.gb-product-grid .product.card-50 .img { height: 120px; background: rgba(255,255,255,0.02); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; color: rgba(255,255,255,0.2); margin-bottom: 12px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-50 .badge { background: rgba(255,255,255,0.04); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 12px; border-radius: 30px; display: inline-block; margin-bottom: 6px; border: 1px solid rgba(255,255,255,0.02); }
.gb-product-grid .product.card-50 h3 { font-size: 17px; font-weight: 700; color: #fff; }
.gb-product-grid .product.card-50 p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 4px 0 12px; line-height: 1.5; }
.gb-product-grid .product.card-50 .gb-card-footer { display: flex; justify-content: space-between; align-items: center; }
.gb-product-grid .product.card-50 .price { font-weight: 700; font-size: 17px; color: #ffd700; }
.gb-product-grid .product.card-50 .btn:not(.gb-card-btn) { background: rgba(255,255,255,0.04); color: #fff; border: 1px solid rgba(255,255,255,0.02); padding: 8px 20px; border-radius: 30px; font-weight: 600; font-size: 13px; cursor: pointer; }
.gb-product-grid .product.card-50:hover { transform: scale(1.02); border-color: rgba(255,255,255,0.04); }

/* =============================================================================
   Theme integration — badge accent follows site primary color
   ============================================================================= */

html.gb-theme-active .gb-product-grid .product.card-1 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-6 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-7 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-17 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-19 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-21 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-27 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-29 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-30 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-37 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-38 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-39 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-42 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-45 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-47 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

html.gb-theme-active .gb-product-grid .product.card-48 .badge {
    background: var(--section-primary, var(--primary-color, #2563eb));
    color: #fff;
    border-color: transparent;
}

/* =============================================================================
   Responsive — horizontal cards stack on small screens
   ============================================================================= */

@media (max-width: 480px) {
    .gb-product-grid .product.card-2,
    .gb-product-grid .product.card-23 {
        flex-direction: column !important;
    }

    .gb-product-grid .product.card-2 .img,
    .gb-product-grid .product.card-23 .img {
        width: 100% !important;
        height: 100px !important;
        min-height: unset !important;
        border-radius: 12px 12px 0 0 !important;
    }

    .gb-product-grid .product.card-2 .body,
    .gb-product-grid .product.card-23 .body {
        padding: 12px 14px !important;
    }

    .gb-product-grid .product.card-2 h3,
    .gb-product-grid .product.card-23 h3 {
        font-size: 14px !important;
    }

    .gb-product-grid .product.card-2 .price,
    .gb-product-grid .product.card-23 .price {
        font-size: 14px !important;
    }

    .gb-product-grid .product.card-2 .btn,
    .gb-product-grid .product.card-23 .btn:not(.gb-card-btn) {
        font-size: 11px !important;
        padding: 6px 10px !important;
    }
}