.sl[data-v-cffdfeec0d996b06] { padding: 56px 20px; background: var(--vb-bg, #fff);
}
.sl-wrap[data-v-cffdfeec0d996b06] { max-width: 1180px; margin: 0 auto;
}
.sl-head[data-v-cffdfeec0d996b06] { text-align: center; margin-bottom: 28px; display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.sl-all[data-v-cffdfeec0d996b06] { color: var(--vb-primary, #3b2f8f); font-weight: 700; text-decoration: none;
}
.sl-all[data-v-cffdfeec0d996b06]:hover { text-decoration: underline;
}
.sl-head h2[data-v-cffdfeec0d996b06] { margin: 0 0 8px; font-size: clamp(24px, 3vw, 32px); color: var(--vb-heading, #1f1b4d);
}
.sl-head p[data-v-cffdfeec0d996b06] { margin: 0 auto; max-width: 620px; color: var(--vb-muted, #5f6b78); font-size: 16px;
}
.sl-grid[data-v-cffdfeec0d996b06] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 22px;
}
.sl-card[data-v-cffdfeec0d996b06] { display: flex; flex-direction: column; border: 1px solid var(--vb-border, #e7e5f0); border-radius: 16px; overflow: hidden; background: #fff; text-decoration: none; color: inherit; text-align: start; transition: transform .2s, box-shadow .2s;
}
.sl-card[data-v-cffdfeec0d996b06]:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -16px rgba(31, 27, 77, .35);
}
.sl-media[data-v-cffdfeec0d996b06] { position: relative; aspect-ratio: 4 / 3; background: var(--vb-surface, #f7f6fc);
}
.sl-media img[data-v-cffdfeec0d996b06] { width: 100%; height: 100%; object-fit: cover; display: block;
}
.sl-type[data-v-cffdfeec0d996b06] { position: absolute; top: 10px; inset-inline-start: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .92); font-size: 12px; font-weight: 700; color: var(--vb-heading, #1f1b4d);
}
.sl-sample[data-v-cffdfeec0d996b06] { background: #f5a524 !important; color: #1f1b4d !important;
}
.sl-body[data-v-cffdfeec0d996b06] { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px;
}
.sl-body h3[data-v-cffdfeec0d996b06] { margin: 0; font-size: 18px; color: var(--vb-heading, #1f1b4d);
}
.sl-rating[data-v-cffdfeec0d996b06] { font-size: 13px; font-weight: 700; color: var(--vb-heading, #1f1b4d);
}
.sl-rating span[data-v-cffdfeec0d996b06] { font-weight: 400; color: var(--vb-muted, #5f6b78);
}
.sl-loc[data-v-cffdfeec0d996b06] { margin: 0; font-size: 14px; color: var(--vb-muted, #5f6b78);
}
.sl-desc[data-v-cffdfeec0d996b06] { margin: 0; font-size: 14px; color: var(--vb-text, #334155); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sl-price[data-v-cffdfeec0d996b06] { margin: 4px 0 0; font-size: 14px; color: var(--vb-text, #1c2430);
}
.sl-price b[data-v-cffdfeec0d996b06] { font-size: 17px; color: var(--vb-primary, #3b2f8f);
}
.sl-empty[data-v-cffdfeec0d996b06] { text-align: center; color: var(--vb-muted, #5f6b78);
}