html { -webkit-text-size-adjust: none;}table a { color: #000;}.pager { margin: 30px auto; width: 400px;}.pager,.pager a { align-items: center; display: flex; height: 40px; justify-content: center;}form { display: flex; margin-bottom: 30px;}.pager a { border: 1px solid #e5e5e5; border-radius: 4px; box-sizing: border-box; color: var(--first-color); font-size: 18px; margin: 0 3px; width: 40px; transition: all 0.25s ease;}.pager .cur,.pager a:not(.disabled):hover { background: var(--first-color); border-color: var(--first-color); color: #fff;}.pager a:not(.disabled):hover { cursor: pointer;}.pager .disabled { color: #ccc;}.pager .disabled:hover { cursor: not-allowed;}.total_records { display: block; font-size: 18px; margin: 20px auto; text-align: center; width: 100%; color: #888;}.main-content { padding: 0;}.main-content > :only-child { margin: 0 auto; max-width: 1400px;}.max_box { margin: 0 auto; padding: 30px 0;}.top_content { font-size: 18px; line-height: 28px; margin-bottom: 30px;}.product_list_container { display: flex; gap: 32px; margin-top: 30px; align-items: flex-start;}.main_products { background-color: #fafafa; border: 1px solid #e5e5e5; border-radius: 10px; flex: 0 0 auto; width: fit-content; padding: 22px 18px; position: sticky; top: 20px; height: fit-content; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); display: flex; flex-direction: column;}.main_products > * { width: 100%; box-sizing: border-box;}a.products_contact_us_button:hover { color: #fff;}.main_products_title { background-color: transparent; border-bottom: 2px solid var(--first-color); color: #1a1a1a; display: block; font-size: 18px; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; letter-spacing: 0.5px; position: relative;}.main_products ul { list-style: none; margin: 0; padding: 0;}.main_products > ul > li { background-color: transparent; border-bottom: none;}.category-item .expand-box { align-items: center; display: flex; height: auto; min-height: 48px; width: 100%; transition: background-color 0.25s ease; box-sizing: border-box;}.category-link { color: #2a2a2a; display: block; flex: 1 1 auto; font-size: 18px; font-weight: 500; line-height: 1.5; padding: 0 8px 0 4px; text-decoration: none; transition: color 0.25s ease; white-space: nowrap;}.expand-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; height: 28px; width: 28px; margin-left: auto; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; color: #999;}.expand-icon svg { width: 12px; height: 12px; display: block;}.category-item.expanded > .expand-box .expand-icon { transform: rotate(90deg); color: var(--first-color);}.main_products > ul > li a:hover,.main_products > ul > li.active a { background-color: transparent; color: var(--first-color);}.category-item .expand-box:hover .category-link { color: var(--first-color);}.sub-category { max-height: 0; overflow: hidden; padding-left: 26px; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.category-item.expanded > .sub-category { max-height: 2400px;}.sub-category .category-item { background-color: transparent; border-top: none; position: relative;}.sub-category .category-item .category-link { font-size: 18px; color: #555; font-weight: 400; padding-left: 14px;}.sub-category .category-item .expand-box { height: auto; min-height: 44px;}.sub-category .sub-category { padding-left: 18px;}.sub-category .sub-category .category-item::before { left: 4px;}.search-container { display: flex; gap: 0; margin-bottom: 24px; border: 2px solid var(--first-color); border-radius: 6px; overflow: hidden; transition: box-shadow 0.25s ease; background: #fff;}.search-container:focus-within { box-shadow: 0 0 0 3px rgba(13, 60, 94, 0.15);}.search-input { border: none; border-radius: 0; font-size: 18px; padding: 12px 14px; transition: none; width: 100%; margin: 0 !important; outline: none; background: #fff; color: #333;}.search-input::placeholder { color: #aaa;}.search-input:focus { box-shadow: none; outline: none;}.search-button { border: none; border-radius: 0; color: #fff; background-color: var(--first-color); cursor: pointer; font-size: 18px; padding: 0 18px; transition: background-color 0.25s ease; display: flex; align-items: center; flex-shrink: 0;}.search-button svg { color: white; width: 18px; height: 18px;}.search-button:hover { background-color: var(--second-color);}.products_contact_us { width: 380px; border-radius: 10px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); margin-top: 28px; overflow: hidden; padding: 32px 24px; position: relative; z-index: 1; border: 1px solid rgba(0, 0, 0, 0.06);}.products_contact_us:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}.products_contact_us_title { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 10px; position: relative; z-index: 1;}.products_contact_us_content { color: rgba(255, 255, 255, 0.92); font-size: 18px; line-height: 1.6; margin-bottom: 20px; position: relative; z-index: 1;}.products_contact_us_button { background-color: var(--first-color); border-radius: 4px; color: #fff !important; display: block; font-weight: 600; height: 46px; margin: 0 auto; padding: 0 16px; position: relative; text-align: center; text-decoration: none; transition: all 0.25s ease; width: 100%; z-index: 1; line-height: 46px; font-size: 18px; letter-spacing: 0.5px;}.products_contact_us_button:hover { background-color: var(--second-color);}.new-products-container { display: flex; flex-direction: column; gap: 0;}.new-product-item { align-items: center; border-bottom: 1px solid #ebebeb; display: flex; padding: 12px 6px; transition: background-color 0.2s ease;}.new-product-item:hover { background-color: #fff;}.new-product-item img { flex-shrink: 0; height: 56px !important; margin-right: 14px; object-fit: contain; width: 56px !important; border-radius: 4px; border: 1px solid #eee;}.new-product-item h3 { flex: 1; font-size: 16px; margin: 0; font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;}.new-product-item h3 a { color: #333; display: block; text-decoration: none; transition: color 0.2s ease;}.new-product-item h3 a:hover { color: var(--first-color);}.main_products_box { background-color: transparent; flex: 1; min-width: 0; padding: 0 10px;}.main_products_row { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr));}.main_products_block { background-color: #fff; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; padding-bottom: 59px; position: relative; transition: box-shadow 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform, box-shadow;}.main_products_block > a:first-child { background-color: #f5f5f5; display: block; overflow: hidden; padding: 0; position: relative; width: 100%; z-index: 0;}.main_products_block img { display: block; height: 100%; margin: 0 auto; object-fit: contain; width: 100%; transition: filter 0.5s ease;}.main_products_block > a:first-child::after { background: linear-gradient( 115deg, transparent 0%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 72%, transparent 100% ); content: ""; height: 220%; left: 0; pointer-events: none; position: absolute; top: -60%; transform: translateX(-200%) rotate(22deg); transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1); width: 55%; z-index: 1; filter: blur(1px);}.main_products_block:hover > a:first-child::after { transform: translateX(350%) rotate(22deg);}.main_products_block:hover img { filter: brightness(1.05);}.main_products_block:hover { border-color: transparent; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14), 0 4px 10px rgba(0, 0, 0, 0.06); transform: translateY(-3px);}.main_products_list_title { background-color: transparent; border-radius: 12px 12px 0 0; bottom: 16px; box-sizing: border-box; color: #1a1a1a; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 18px !important; font-weight: 600; height: 43px; left: 0; line-height: 1.6; overflow: hidden; padding: 14px 16px 0; position: absolute; right: 0; text-align: center; text-decoration: none; transition: background-color 0.3s ease, box-shadow 0.3s ease; z-index: 2;}.main_products_list_title span { color: #1a1a1a !important; display: inline; -webkit-box-decoration-break: clone; box-decoration-break: clone; overflow-wrap: break-word; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: left bottom; background-size: 0% 2px; transition: background-size 0.55s linear;}.main_products_block:hover .main_products_list_title { background-color: #fff; bottom: 0; box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.12); display: block; -webkit-line-clamp: unset; height: auto; padding: 14px 16px 16px; z-index: 6; animation: caption-panel-in 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;}.main_products_block:hover .main_products_list_title span { background-size: 100% 2px;}@keyframes caption-panel-in { from { opacity: 0.55; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); }}.main_products_read_more { display: none;}.mid-title-box { display: grid; grid-template-columns: 1fr 1fr; height: 50px; margin: 50px 0;}.mid-title-box a { background-color: var(--first-color); color: #fff; line-height: 50px; text-align: center; font-weight: 500; font-size: 18px; transition: background-color 0.25s ease;}.mid-title-box a:hover { background-color: var(--second-color);}.mid-title-box a:last-child { border-left: 1px solid rgba(255, 255, 255, 0.25);}@media (max-width: 1366px) { .max_box { padding: 0 20px; }}@media (max-width: 1200px) { h1 { font-size: var(--title-font-size); } h2 { font-size: var(--subtitle-font-size); } .main_products_row { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 991px) { .main_products_box { padding: 0; } .main_products_row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .product_list_container { flex-direction: column; } .main_products { width: 100%; max-width: 100%; position: static; } .new-product-item { padding: 10px 4px; } .new-product-item img { height: 52px !important; margin-right: 12px; width: 52px !important; } .top_content { font-size: 18px; line-height: 1.7; } .product_list, .products_contact_us { display: none; } .search-container { flex-direction: column; } .search-input { width: 100%; border-radius: 0; border-bottom: 2px solid var(--first-color); } .search-button { border-radius: 0; justify-content: center; padding: 12px 0; }}@media (max-width: 640px) { .main_products_row { grid-template-columns: 1fr; }}@media (min-width: 1800px) { .max_box { max-width: 1600px; }}@media (max-width: 1400px) { .max_box { max-width: 1366px; }}