body { font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Source Han Sans SC", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Rajdhani", "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Source Han Sans SC", Arial, sans-serif; }
:root {
--color-primary: #1f2937;
--color-primary-dark: #111827;
--color-primary-light: #f3f4f6;
--color-text: #111827;
--color-text-secondary: #4b5563;
--color-border: #d1d5db;
--color-card: #ffffff;
--color-bg: #f9fafb;
--brand-color: #1f2937;
--brand-color-dark: #111827;
--brand-color-light: #f3f4f6;
--accent-color: #4b5563;
}
.category-card .title,
.category-card .name,
.category-card .category-name,
.category-card .category-title,
.category-card h3,
.category-card h4,
.category-card .card-title,
.category-card .card-title a,
.category-item .title,
.category-item .name,
.category-item .category-name,
.category-item h3,
.category-item h4,
.category-grid .title,
.category-grid .name,
.featured-categories .title,
.featured-categories .name,
.featured-categories .category-title,
.featured-categories h3,
.featured-categories h4,
.categories-grid .title,
.categories-grid .name,
.categories-section .title,
.cat-card .title,
.cat-card .name,
.cat-card h3,
.cat-card h4,
.cat-item .title,
.cat-item .name,
[class*="category-card"] .title,
[class*="category-card"] .name,
[class*="category-card"] h3,
[class*="category-card"] h4,
[class*="cat-card"] .title,
[class*="cat-card"] .name,
[class*="cat-card"] h3,
[class*="cat-card"] h4 {
color: #111827 !important;
}
.product-card .product-category,
.product-card .category,
.product-card .cat-name,
.product-card .product-cat,
.product-card .category-name,
.product-card .category-label,
.product-card .product-type,
.product-card .product-cat-name,
.product-card .meta-category,
.product-card .tag,
.product-card .badge,
.product-card .badge-category,
.product-card .label,
.product-card .sub-title,
.product-card .subtitle,
.product-card .cat,
.product-grid .product-category,
.product-grid .category,
.product-grid .cat-name,
.featured-products .product-category,
.featured-products .category,
.hot-products .product-category,
.hot-products .category,
.products-grid .product-category,
.products-grid .category,
.products-section .product-category,
.products-section .category,
[class*="product-card"] .product-category,
[class*="product-card"] .category,
[class*="product-card"] .cat-name,
[class*="product-card"] .cat,
[class*="product-card"] .badge,
[class*="product-card"] .tag {
color: #1f2937 !important;
background: transparent !important;
border-color: transparent !important;
}
.product-card .title,
.product-card .product-title,
.product-card .name,
.product-card h3,
.product-card h4,
.product-card .product-name,
.product-card a.title,
.product-card .card-title {
color: #111827 !important;
}
.section-title,
.section-title h2,
.section-title h3,
.section-title h4,
.section-header h2,
.section-header h3,
.section-header h4,
.section-heading,
.section-heading h2,
.section-heading h3,
.featured-section .section-title,
.featured-section .section-title h2,
.products-section .section-title,
.products-section .section-title h2,
.categories-section .section-title,
.categories-section .section-title h2,
.cat-section .section-title,
.hot-section .section-title,
.home-section .section-title,
[class*="section-title"] {
color: #111827 !important;
}
.section-more,
.section-more a,
.more-link,
.more-link a,
.view-more,
.view-more a {
color: #4b5563 !important;
}
.nav-dropdown {
overflow: visible;
width: max-content;
min-width: 220px;
max-height: none;
padding: 4px 0;
}
.nav-dropdown a { display: block; padding: 8px 16px; color: #444; white-space: nowrap; transition: background 0.15s; }
.nav-dropdown a:hover { background: rgba(0,0,0,0.05); color: #111827; }
.nav-mega-item { position: relative; }
.nav-mega-link { display: flex !important; justify-content: space-between; align-items: center; cursor: pointer; }
.nav-mega-arrow { font-size: 14px; margin-left: 12px; opacity: 0.5; }
.nav-mega-sub { display: none; position: absolute; left: 100%; top: -4px; min-width: 200px; background: #FFFFFF; border: 1px solid #d1d5db; border-radius: 6px; padding: 4px 0; z-index: 1001; box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
.nav-mega-item:hover > .nav-mega-sub { display: block; }
.nav-mega-sub .nav-mega-sub { left: auto; right: 100%; }
.product-card { position:relative; }
.product-card-link { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; cursor:pointer; }
.product-card .product-badges { z-index:3; }
.nav-list .nav-link,
.nav .nav-link,
.nav-link,
.nav-item > a {
font-size: 13px !important;
}
.nav-dropdown a {
font-size: 12px !important;
}
.nav-mega-link {
font-size: 12px !important;
}
.lang-switch {
font-size: 11px !important;
}
.footer {
font-size: 12px !important;
}
.footer-brand p {
font-size: 11px !important;
}
.footer-col h4 {
font-size: 13px !important;
}
.footer-col li a,
.footer-col a {
font-size: 11px !important;
}
.footer-bottom,
.footer-bottom p,
.footer-bottom a {
font-size: 10px !important;
}
.newsletter-form input {
font-size: 11px !important;
}
.newsletter-form button {
font-size: 11px !important;
}
.social-link {
font-size: 11px !important;
}
.btn-inquiry,
.btn-back,
.gallery-arrow,
.gallery-dot,
.lb-close,
.lb-nav.lb-prev,
.lb-nav.lb-next,
.spec-tabs button,
.tab-btn,
.gallery-counter,
.gallery-count,
.gallery-index,
.image-counter {
background: transparent !important;
border: 1.5px solid #d1d5db !important;
color: #000000 !important;
}
.btn-inquiry:hover,
.btn-back:hover,
.gallery-arrow:hover,
.lb-close:hover,
.lb-nav.lb-prev:hover,
.lb-nav.lb-next:hover,
.spec-tabs button:hover,
.tab-btn:hover {
background: #f3f4f6 !important;
border-color: #9ca3af !important;
color: #000000 !important;
}
.gallery-dot.active {
background: #9ca3af !important;
border-color: #6b7280 !important;
}
.product-card .btn,
.product-card .btn-action,
.product-card .product-actions .btn,
.product-card .product-actions a,
.product-card .product-actions button,
.product-card a.btn-video,
.product-card a.btn-detail,
.product-card a.btn-view,
.product-card .btn-video,
.product-card .btn-detail,
.product-card .btn-view,
.product-actions .btn,
.product-actions a,
.product-actions button,
.btn-video,
.btn-detail,
.btn-view,
.recommend-card a,
.recommend-body a,
.recommend-grid a,
.recommend-card .btn,
.recommend-card button,
.recommend-body .btn,
.recommend-body button {
background: transparent !important;
border: 1.5px solid #d1d5db !important;
color: #000000 !important;
}
.product-card .btn:hover,
.product-card .btn-action:hover,
.product-card .product-actions .btn:hover,
.product-card .product-actions a:hover,
.product-card .product-actions button:hover,
.product-card a.btn-video:hover,
.product-card a.btn-detail:hover,
.product-card a.btn-view:hover,
.product-card .btn-video:hover,
.product-card .btn-detail:hover,
.product-card .btn-view:hover,
.product-actions .btn:hover,
.product-actions a:hover,
.product-actions button:hover,
.btn-video:hover,
.btn-detail:hover,
.btn-view:hover,
.recommend-card a:hover,
.recommend-body a:hover,
.recommend-grid a:hover,
.recommend-card .btn:hover,
.recommend-card button:hover,
.recommend-body .btn:hover,
.recommend-body button:hover {
background: #f3f4f6 !important;
border-color: #9ca3af !important;
color: #000000 !important;
}