2 lines
1.6 KiB
CSS
2 lines
1.6 KiB
CSS
.page-banner[data-v-babce955]{height:300px;background:#036;position:relative;display:flex;align-items:center}@media(max-width:768px){.page-banner[data-v-babce955]{height:200px}}.page-banner-overlay[data-v-babce955]{position:absolute;inset:0;background:linear-gradient(135deg,#001e3ccc,#0369)}.page-banner-content[data-v-babce955]{position:relative;z-index:1;color:#fff}.page-banner-content h1[data-v-babce955]{font-size:42px;font-weight:700}.cases-filter[data-v-babce955]{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.cases-filter button[data-v-babce955]{padding:8px 20px;border:2px solid #E5E7EB;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;color:#4b5563;transition:all .3s ease}.cases-filter button[data-v-babce955]:hover,.cases-filter button.active[data-v-babce955]{border-color:#036;color:#036}.cases-filter button.active[data-v-babce955]{background:#036;color:#fff}.cases-grid[data-v-babce955]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.cases-grid[data-v-babce955]{grid-template-columns:1fr}}.case-card[data-v-babce955]{text-decoration:none;overflow:hidden}.case-img[data-v-babce955]{height:220px;background-size:cover;background-position:center;background-color:#e5e7eb}.case-info[data-v-babce955]{padding:20px}.case-info h3[data-v-babce955]{font-size:20px;color:#036;margin-bottom:8px}.case-project[data-v-babce955]{font-size:16px;color:#374151;font-weight:500;margin-bottom:8px}.case-desc[data-v-babce955]{color:#4b5563;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
|