/* Chỉ bổ sung cho lõi PHP 8.3. Giao diện trang chủ dùng nguyên CSS legacy. */
.submit_search{appearance:none;-webkit-appearance:none;border:0;padding:0;cursor:pointer;font:inherit}
.mobile_header,.mobile_only,.mobile_call_gif{display:none}
.main_menu .search form{position:relative;width:445px}.main_menu .search .submit_search{position:absolute;right:0;top:0;margin:0;width:45px;height:35px;background:#070707;color:#fff;font-weight:700;line-height:35px;text-align:center;border-radius:0 5px 5px 0}.main_menu .search input.form_control_search{width:400px;padding-right:12px}
.bc_home,.article_page,.not_found{width:1200px;margin:0 auto}
.article_page{box-sizing:border-box;background:#fff;padding:0 0 38px}
.article_content img,.product_body img{max-width:100%;height:auto}

/* News listing - desktop */
.bc_home{box-sizing:border-box;padding:12px 0 10px;color:#606975;font-size:13px;line-height:20px;border-bottom:3px solid #eee}
.bc_home a{color:#5d2aa6;text-decoration:none}
.article_page>h1{margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #e3e7ec;color:#111;font-size:27px;line-height:34px;font-weight:700;text-transform:none}
.news_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:1200px;margin:0 auto}
.news_grid article{min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e6ec;box-shadow:0 2px 10px rgba(25,45,70,.07);transition:transform .18s ease,box-shadow .18s ease}
.news_grid article:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(25,45,70,.13)}
.news_grid article>a{display:block;color:inherit;text-decoration:none}
.news_grid article>a>img{display:block;width:100%;height:218px;aspect-ratio:auto;object-fit:cover;background:#f3f5f8}
.news_grid article h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:52px;margin:0;padding:13px 15px 5px;color:#4f1fa6;font-size:19px;line-height:24px;font-weight:700;text-transform:none;text-align:left}
.news_grid article p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:63px;margin:0;padding:0 15px 15px;color:#333;font-size:15px;line-height:21px;text-align:left}
@media (max-width:1050px){.bc_home,.article_page,.not_found{width:calc(100% - 32px)}.news_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news_grid article>a>img{height:220px}}
.form_message{display:block;margin-top:8px}
.pagination{clear:both;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;width:100%;box-sizing:border-box;padding:28px 12px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:38px;height:38px;padding:0 10px;border:1px solid #d9e1ec;border-radius:0px;background:#fff;color:#176ddd;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.pagination a:hover{border-color:#176ddd;background:#eef5ff}
.pagination .current{border-color:#f4a529;background:#f4a529;color:#111}
.pagination .page_arrow{border-color:#176ddd;background:#176ddd;color:#fff;font-size:24px;font-weight:400}
.pagination .page_arrow:hover{background:#0c5fcf;color:#fff}
.pagination .page_ellipsis{min-width:24px;padding:0;border-color:transparent;background:transparent;color:#777}
.not_found{text-align:center;padding:80px 20px}
.detail_content{display:flow-root}
.detail_content_top{display:flow-root}
.product_body{clear:none;float:left;width:820px;margin-top:0;padding-top:25px;border-top:3px solid #eee;font-size:16px;line-height:27px;text-align:justify}
.product_body>h2{text-transform:uppercase;text-align:center;font-size:23px;margin-bottom:25px}
.product_breadcrumb ul {
    width: 100%;
    float: left;
}.product_breadcrumb .nav_detail{float:left;width:100%}
.product_breadcrumb h2,.product_breadcrumb h3{float:left;font-size:13px;font-weight:400;margin:0 10px 0 0;line-height:30px}
.product_breadcrumb h3{font-weight:600}
.product_breadcrumb .nav_detail>span {
    float: left;
    margin: 5px 10px 0 0;
    line-height: 30px;
}
.right_info_PD{position:relative}
.thongso_pd_inffo{float:left;width:480px;margin-top:10px;box-sizing:border-box}
.shop_and_check{margin-top:-545px}.service_banner{padding:0!important;width:215px!important;border:0!important;border-radius:0!important}.service_banner img{display:block;width:100%}.support_pd{float:left;width:215px;background:#1479e8;color:#fff;text-align:center;padding:10px 3px;box-sizing:border-box;font-size:13px}.support_pd img{width:20px;vertical-align:middle;margin-right:5px}.thongso_pd_inffo .expandable{position:relative;overflow:hidden;max-height:275px;padding-bottom:43px;box-sizing:border-box}.thongso_pd_inffo .expandable.expanded{max-height:none}.thongso_pd_inffo .expand-bar{position:absolute;left:0;bottom:0;width:100%;height:40px;border:0;background:#fbd88f;text-transform:uppercase;text-align:left;padding-left:12px;font-weight:700;cursor:pointer}.thongso_pd_inffo .expand-bar .less{display:none}.thongso_pd_inffo .expanded .expand-bar .more{display:none}.thongso_pd_inffo .expanded .expand-bar .less{display:inline}.related_products{clear:both;margin-top:35px}
.list_breadcrumb{border-bottom:3px solid #eee;padding-bottom:10px;text-transform:none}.list_breadcrumb a,.list_breadcrumb span,.list_breadcrumb h1{display:inline;font-size:13px;font-weight:400;margin-right:6px}.list_breadcrumb h1{text-transform:none}
.listing_breadcrumb {
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 12px 0 0px;
    padding: 8px 16px;
    border: 1px solid #dedede;
    border-radius: 0px;
    background: #fff;
    color: #6a7481;
    line-height: 22px;
    text-align: left;
    text-transform: none;
}.listing_breadcrumb a,.listing_breadcrumb h1,.listing_breadcrumb .breadcrumb_label,.listing_breadcrumb .breadcrumb_separator{display:inline;margin:0;padding:0;text-transform:none}
.listing_breadcrumb a{color:#176ddd;font-size:14px;font-weight:600}
.listing_breadcrumb a:hover{text-decoration:underline}
.listing_breadcrumb .breadcrumb_label{color:#536273;font-size:14px;font-weight:600}
.listing_breadcrumb .breadcrumb_separator{margin:0 9px;color:#9aa5b1;font-size:17px}
.listing_breadcrumb h1{color:#17202a;font-size:14px;font-weight:700}
.category_page{min-height:400px;padding-top:20px}
.category_page>.empty{clear:both;padding:40px 0;text-align:center}
.category_filters {
    clear: both;
    float: left;
    width: 1198px;
    border: 1px solid #ddd;
    margin: -1px 0 -1px;
    background: #fff;
}.category_filters .child_cat {
    float: left;
    width: 100%;
    padding: 0px;
    border-bottom: 1px dashed #ddd;
}.category_filters .child_cat li{float:left;width:auto!important;height:44px!important;border:0!important;margin:0 0px 0 0!important;line-height:44px!important}
.category_filters .child_cat a{font-weight:700;color:#1670ee;font-size:14px}
.sort_bar{float:left;width:100%;min-height:39px}
.sort_bar h3{float:left;margin:0 18px 0 0;padding:0 20px 0 15px;min-width:110px;height:39px;line-height:39px;background:#f4a529;color:#111;text-transform:uppercase;font-size:13px;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}
.sort_bar a{float:left;margin-right:24px;line-height:39px;color:#111;font-size:13px;font-weight:700}.sort_bar a.selected{color:#1670ee}.sort_bar.subtle h3{background:#f7c765}.sort_bar.subtle{display:none}
.detail_lower{clear:both;float:left;width:1200px;margin-top:10px;display:flex;align-items:flex-start;gap:40px}
.description_expand{position:relative;overflow:hidden;max-height:1050px;padding-bottom:55px}.description_expand.expanded{max-height:none}.description_expand .expand-bar{position:absolute;left:0;bottom:0;width:100%;height:40px;border:0;background:#fbd88f;text-align:left;text-transform:uppercase;font-weight:700;font-size:16px;padding:0 14px;cursor:pointer}.description_expand .less{display:none}.description_expand.expanded .more{display:none}.description_expand.expanded .less{display:inline}.description_expand .expand-bar i,.thongso_pd_inffo .expand-bar i{float:right;width:10px;height:10px;margin:13px 8px 0 0;border-right:1px solid #111;border-bottom:1px solid #111;transform:rotate(45deg)}.description_expand.expanded .expand-bar i,.thongso_pd_inffo .expanded .expand-bar i{transform:rotate(225deg);margin-top:18px}
.right_pd_inffo{float:right;width:360px;border:1px solid #ddd;background:#fff}.right_pd_inffo h3{text-align:center;text-transform:uppercase;font-size:18px;padding:18px 0 14px;border-bottom:1px solid #ddd}.right_pd_inffo ul{float:left;width:100%}.right_pd_inffo li{float:left;width:50%;height:260px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;padding:12px 10px;overflow:hidden}.right_pd_inffo li:nth-child(2n){border-right:0}.latest_img{display:block;height:100px;text-align:center}.latest_img img{max-width:100%;max-height:100px;object-fit:contain}.latest_name{display:block;margin-top:8px;color:#111;font-size:14px;font-weight:700;line-height:18px;height:54px;overflow:hidden}.right_pd_inffo p{font-size:12px;margin-top:10px}.right_pd_inffo p b{color:#e52b23;font-size:16px}.right_pd_inffo p i{font-style:normal;margin-left:3px}
.detail_brands h3{text-align: center;margin:15px 0 10px;font-size:22px;font-weight:600;color:#070707;text-transform:uppercase}.detail_brands>span{display:block;width:10%;margin:0 auto 20px;border-bottom:3px solid #070707}
.detail_brands ul {
    display: grid!important;
    grid-template-columns: repeat(11,1fr);
    gap: 12px;
    width: 1200px!important;
    margin: 0 auto!important;
    margin-bottom: 20px !important;
}.detail_brands .brand_href{display:flex!important;float:none!important;width:auto!important;height:60px!important;margin:0!important;padding:0!important;border:1px solid #ddd;align-items:center;justify-content:center;background:#fff;box-sizing:border-box}.detail_brands img{width:auto!important;max-width:86%!important;max-height:54px!important;object-fit:contain}
.home_container_news,.detail_top_news,.detail_news{float:left;width:100%}
.detail_top_news{max-width:900px;margin:25px 0 50px}
.detail_news .title_news{font-size:26px;line-height:34px;text-transform:uppercase;margin-bottom:6px}
.news_teaser {
    font-weight: 500;
    margin-bottom: 0px;
    text-align: justify;
    font-size: 18px;
    line-height: 29px;
}.News_detail_body{font-size:16px;line-height:27px;text-align:justify}
.News_detail_body img{max-width:100%!important;height:auto!important}
.product_phone{float:left;clear:both;margin-top:12px;color:#0645d9}
.buy_BTN button{width:100%;height:50px;border:0;background:transparent;color:#fff;text-transform:uppercase;font-size:16px;font-weight:600;cursor:pointer;line-height: 46px}
.buy_BTN button img{width:22px;float:right;margin:10px 14px 0 0;filter:brightness(0) invert(1)}
.small_img button{border:1px solid #ddd;background:#fff;padding:2px;margin:6px 3px;cursor:pointer}
.small_img button.active{border-color:#f4a529}.small_img button img{display:block}
.order_modal[hidden]{display:none}.order_modal{position:fixed;z-index:999999999;inset:0;background:rgba(0,0,0,.58);display:flex;justify-content:flex-end;align-items:stretch}.order_dialog{position:relative;background:#fff;width:500px;max-width:100%;height:100vh;padding:0 24px 24px;box-sizing:border-box;overflow:auto;box-shadow:-10px 0 30px rgba(0,0,0,.25);animation:drawerIn .22s ease-out}.drawer_head{margin:0 -24px 22px;padding:22px 24px 18px;border-bottom:1px solid #e5e5e5;background:#fff}.drawer_head span{display:block;color:#f05a28;text-transform:uppercase;font-weight:500;font-size:12px}.drawer_head h2{font-size:20px;line-height:36px;font-weight:500;color:#111}.order_close{position:absolute;right:20px;top:23px;border:0;background:none;color:#111;font-size:36px;line-height:36px;cursor:pointer}
.pd_dathang {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 18px;
}.pd_dathang>img{width:118px;height:118px;object-fit:contain;border:1px solid #ddd;padding:5px}
.pd_dathang h3 {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 8px;
    font-weight: 600;
}
.pd_dathang span b{color:#e52b23;font-size:22px}.pd_dathang p{font-size:13px;line-height:19px;color:#555;margin-top:8px}
.order_dialog form input, .order_dialog form textarea {
    display: block;
    width: 100%;
    border: 1px solid #bbb;
    padding: 12px;
    margin: 10px 0;
    box-sizing: border-box;
    font-size: 16px;
}.order_dialog form button,.end_deal_from_okok form button{border:0;background:#f4a933;color:#0b52bd;font-weight:800;padding:13px 24px;cursor:pointer;text-transform:uppercase}.order_dialog .form_message{color:#c00}.drawer_note{font-size:15px;line-height:22px;margin-top:18px;padding-top:15px;border-top:1px solid #eee;color:#444}@keyframes drawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.order_success{width:1200px;max-width:calc(100% - 24px);margin:35px auto 50px;text-align:center}.success_card{background:#fff;border:1px solid #ddd;padding:45px 30px}.success_card img{width:320px;max-width:90%;margin-bottom:18px}.success_card h1{text-transform:uppercase;font-size:30px;color:#1479e8;margin-bottom:12px}.success_card p{font-size:17px;line-height:28px;max-width:760px;margin:0 auto 18px}.success_code{display:inline-block;background:#f4a933;color:#111;padding:10px 22px;margin-bottom:18px;font-size:18px}.success_card ul{max-width:420px;margin:10px auto 22px;text-align:left;line-height:28px}.success_card a{color:#0b52bd;font-weight:700}.success_actions a{display:inline-block;background:#1479e8;color:#fff;padding:12px 22px;margin:5px;text-transform:uppercase}.success_actions a:last-child{background:#f4a933;color:#111}.end_deal_from_okok{float:right;position:relative;margin-bottom:-390px;margin-top:58px;width:430px}.end_deal_from_okok .form_login .title{color:#fff;font-size:21px;margin-bottom:10px;font-weight:600;text-align:center}.end_deal_from_okok .form_login>span{color:#fff;font-size:17px;width:90%;margin-left:5%;text-align:center;float:left;line-height:25px}.end_deal_from_okok .line.action{text-align:center}.footer-center ul{width:1200px;margin:0 auto}.footer-center li:last-child{float:right}.chat_icon_footer_ok a{display:block;float:left;width:80px;margin-bottom:16px}.chat_icon_footer_ok img{width:70px;border:3px solid #fff;border-radius:50%}.chat_icon_footer_ok p{width:80px;text-align:center;color:#222;font-weight:800;text-transform:uppercase;font-size:13px}.footer_content .congty h3{color:#f4a933;font-size:16px;margin-top:15px}.footer_content .kf_add>h3{margin-top:8px}.footer_content .kf_add .add_kf h3{display:inline;font-size:15px;text-decoration:underline;margin-right:8px}