2 lines
2.4 KiB
CSS
2 lines
2.4 KiB
CSS
.page-banner[data-v-995424cb]{height:300px;background:#036;position:relative;display:flex;align-items:center}@media(max-width:768px){.page-banner[data-v-995424cb]{height:200px}}.page-banner-overlay[data-v-995424cb]{position:absolute;inset:0;background:linear-gradient(135deg,#001e3ccc,#0369)}.page-banner-content[data-v-995424cb]{position:relative;z-index:1;color:#fff}.page-banner-content h1[data-v-995424cb]{font-size:42px;font-weight:700}.products-layout[data-v-995424cb]{display:grid;grid-template-columns:240px 1fr;gap:30px}@media(max-width:768px){.products-layout[data-v-995424cb]{grid-template-columns:1fr}}.products-sidebar h3[data-v-995424cb]{font-size:18px;color:#036;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #003366}.products-sidebar ul[data-v-995424cb]{list-style:none}.products-sidebar li[data-v-995424cb]{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .3s ease;border-radius:8px}.products-sidebar li[data-v-995424cb]:hover{color:#036;background:#f9fafb}.products-sidebar li.active[data-v-995424cb]{color:#036;background:#00336614;font-weight:600}.product-tabs[data-v-995424cb]{display:flex;gap:12px;margin-bottom:24px}.product-tabs button[data-v-995424cb]{padding:8px 20px;border:2px solid #E5E7EB;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .3s ease}.product-tabs button[data-v-995424cb]:hover,.product-tabs button.active[data-v-995424cb]{border-color:#036;color:#036}.product-tabs button.active[data-v-995424cb]{background:#036;color:#fff}.product-list[data-v-995424cb]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.product-list[data-v-995424cb]{grid-template-columns:1fr}}.product-item[data-v-995424cb]{text-decoration:none;overflow:hidden}.product-img[data-v-995424cb]{height:200px;background-size:cover;background-position:center;background-color:#e5e7eb}.product-info[data-v-995424cb]{padding:20px}.product-info h3[data-v-995424cb]{font-size:18px;color:#036;margin-bottom:8px}.product-info p[data-v-995424cb]{color:#4b5563;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-category-tag[data-v-995424cb]{font-size:12px;color:#036;background:#0033660f;display:inline-block;padding:2px 8px;border-radius:4px;margin-bottom:6px;-webkit-line-clamp:1!important}.spare-model[data-v-995424cb]{font-size:13px;color:#6b7280;font-weight:500;-webkit-line-clamp:1!important}
|