.service-entry .list-group-item .site-icon { display: inline-flex !important; align-items: center; justify-content: center; visibility: visible !important; opacity: 1 !important; color: var(--accent-color, #d4af37) !important; font-size: 1.1rem !important; margin-right: 12px !important; min-width: 20px; vertical-align: middle; } .product-content { display: none; } .product-content.active { display: block; animation: fadeIn 0.5s ease-in-out; } .page-category-list ul li a { cursor: pointer; transition: all 0.3s ease; display: block; padding: 12px 15px; border-radius: 6px; text-decoration: none; color: inherit; border-left: 3px solid transparent; } .page-category-list ul li a:hover, .page-category-list ul li a.active { background-color: rgba(212, 175, 55, 0.1); color: var(--accent-color, #d4af37) !important; font-weight: 600; border-left: 3px solid var(--accent-color, #d4af37); padding-left: 20px; } @keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } } .spec-table th { width: 35%; background-color: #f8f9fa; font-weight: 600; color: #333; } .spec-table td { color: #555; } @media (max-width: 767.98px) { .spec-table th, .spec-table td { display: block; width: 100%; } .spec-table th { padding-bottom: 0; border-bottom: none; } .spec-table td { padding-top: 0; border-top: none; margin-bottom: 15px; } } .gallery-item { height: 300px; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .gallery-item:hover img { transform: scale(1.05); } .swiper-button-next, .swiper-button-prev { color: var(--accent-color, #d4af37) !important; } .swiper-pagination-bullet-active { background: var(--accent-color, #d4af37) !important; }