﻿.text-ellipsis-1{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.text-ellipsis-2{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-ellipsis-3{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.text-ellipsis-4{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.text-ellipsis-5{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical}.d-flex{display:flex;flex-wrap:wrap}.d-grid{display:grid}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:between}.justify-content-start{justify-content:start}.justify-content-end{justify-content:end}.col{flex:1}.text-right{text-align:right}.text-center{text-align:center}.section-header{background-color:#fff}.section-header .section-title{min-width:200px;padding:12px 40px 12px 24px;background-color:#03a0e2;clip-path:polygon(0 0, 100% 0, 90% 100%, 0 100%);position:relative}.section-header .section-title::before{content:"";width:10px;height:100%;background-color:#0280b5;border-radius:0 8px 8px 0px;position:absolute;z-index:1;left:0;top:0}@media only screen and (max-width: 767.98px){.section-header .section-title{min-width:160px}}.view-more-btn{color:#03a0e2;margin-left:auto}.view-more-btn:hover{color:#0280b5}@media only screen and (max-width: 767.98px){.view-more-btn{padding:0px 1rem 0px 0px}}.header{background-color:#03a0e2}.header .logo{flex:0 0 250px}.header .logo img{max-width:100%;height:auto}.header .search-box input{border-color:#fff}.header .search-box button{top:1px;right:1px;bottom:1px}.hotline-group .hotline-item{color:#fff}.hotline-group .hotline-item .icon{color:#03a0e2;font-size:1rem;border-radius:4px;background-color:#fff}.hotline-group .hotline-item .info{color:#fff;font-size:14px}.hotline-group .hotline-item .info span{font-family:"Montserrat",Arial,sans-serif;font-size:12px}.hotline-group .hotline-item .info strong{color:#fff;font-size:14px}.top-bar ul{padding:0;margin:0;list-style-type:none;display:flex;align-items:center;flex-wrap:wrap}.top-bar ul li{position:relative}.top-bar ul li+li{margin-left:20px;padding-left:20px}.top-bar ul li+li::before{content:"";position:absolute;width:1px;height:100%;background:rgba(255,255,255,.5);left:0;top:0}.top-bar a{display:inline-block;line-height:1}.top-bar a:hover{color:#fff;text-decoration:underline;text-underline-offset:2px}.top-bar .top-bar-right>div{gap:10px}@media only screen and (max-width: 767.98px){.top-bar .top-bar-right>div{display:none !important}}@media only screen and (max-width: 767.98px){.top-bar .top-bar-left{display:none !important}}.customer-section{padding:30px 0;background-color:#03a0e2}.customer-title{text-align:center;color:#fff;font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 5px}.customer-slider-wrap{position:relative;padding:20px 40px 10px}@media only screen and (max-width: 767.98px){.customer-slider-wrap{padding:15px 30px 10px}}.customer-item{border:1px solid #eee;border-radius:8px;padding:15px;display:flex;align-items:center;justify-content:center;background:#fff;min-height:90px;transition:box-shadow .3s,border-color .3s}.customer-item:hover{box-shadow:0 3px 12px rgba(0,0,0,.1);border-color:#0b8ad9}.customer-item img{max-height:60px;max-width:100%;width:auto;object-fit:contain}.swiper-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#0b8ad9;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:14px;transition:background .3s}.swiper-nav-btn:hover{background:#0967a8}.swiper-nav-btn.swiper-button-disabled{opacity:.4;cursor:default}.customer-prev{left:0}.customer-next{right:0}@media only screen and (max-width: 767.98px){.banner-slider{height:220px}}.brand-swiper{overflow:hidden}.brand-swiper .swiper-wrapper{flex-wrap:wrap}.brand-swiper .swiper-slide{height:auto !important;margin-bottom:0}.brand-swiper .brand-item{border:1px solid #eee;border-radius:6px;padding:15px 10px;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s,border-color .3s;min-height:80px;background:#fff;height:100%}.brand-swiper .brand-item:hover{box-shadow:0 3px 10px rgba(0,0,0,.1);border-color:#0b8ad9}.brand-swiper .brand-item img{max-height:40px;width:auto;max-width:100%}.product-section-header{justify-content:flex-start;background-color:#fff;border-radius:0;gap:1rem}.product-section-header .product-section-title{padding-left:24px;padding-right:40px;clip-path:polygon(0 0, 100% 0, 90% 100%, 0 100%);background-color:#03a0e2;position:relative}.product-section-header .product-section-title::before{content:"";width:10px;height:100%;background-color:#0280b5;border-radius:0 8px 8px 0px;position:absolute;z-index:1;left:0;top:0}@media only screen and (max-width: 767.98px){.product-section-header .product-section-title{padding-left:20px;padding-right:24px}}@media only screen and (max-width: 767.98px){.product-section-header{gap:10px}}.product-tabs a{color:#333;font-size:1rem;font-weight:700}.product-tabs a.active,.product-tabs a:hover{color:#03a0e2}.breadcrumb{padding:12px 0;background:#f5f5f5;font-size:14px}.breadcrumb a{color:#0b8ad9}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:#666;margin:0 6px}.breadcrumb .current{color:#333;margin:0}.pd-section{padding:20px 0 40px}.pd-top{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media only screen and (max-width: 1023.98px){.pd-top{grid-template-columns:1fr;gap:20px}}.pd-gallery-main{border:1px solid #eee;border-radius:8px;overflow:hidden;margin-bottom:12px;background:#fff}.pd-gallery-main img{width:100%;height:auto;display:block;object-fit:contain;max-height:400px}.pd-gallery-thumbs{display:flex;gap:10px}.pd-thumb{flex:0 0 70px;height:70px;background-color:#fff;border:2px solid #eee;border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .3s}.pd-thumb.active,.pd-thumb:hover{border-color:#0b8ad9}.pd-thumb img{width:100%;height:100%;object-fit:cover}.pd-title{font-size:22px;font-weight:700;color:#222;line-height:1.5;margin:0 0 15px;word-break:break-all}@media only screen and (max-width: 767.98px){.pd-title{font-size:18px}}.pd-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;font-size:14px;color:#555}.pd-meta i{color:#0b8ad9;margin-right:4px}.pd-meta .text-success{color:#28a745}.pd-price{margin-bottom:15px;padding:12px 16px;background:#fff3e0;border-radius:6px;border-left:4px solid #ff9800}.pd-price-current{font-size:20px;font-weight:700;color:#e53935}.pd-price-old{font-size:15px;color:#999;text-decoration:line-through;margin-left:10px}.pd-short-desc{margin-bottom:20px}.pd-short-desc ul{list-style:none;padding:0;margin:0}.pd-short-desc li{padding:5px 0;font-size:14px;color:#444;position:relative;padding-left:20px}.pd-short-desc li::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:#0b8ad9;font-size:12px;top:7px}.pd-actions{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.pd-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none;border:2px solid transparent}.pd-btn i{font-size:16px}.pd-btn-primary{background:#0b8ad9;color:#fff}.pd-btn-primary:hover{background:#0967a8;color:#fff}.pd-btn-outline{background:#fff;color:#0b8ad9;border-color:#0b8ad9}.pd-btn-outline:hover{background:#0b8ad9;color:#fff}.pd-hotline-box{background:#e8f4fd;border-radius:8px;padding:15px 18px;font-size:14px;line-height:1.8}.pd-hotline-box p{margin:0}.pd-hotline-box a{color:#0b8ad9}.pd-hotline-box a:hover{text-decoration:underline}.pd-hotline-box .fa-headset{color:#0b8ad9;margin-right:5px}.pd-tabs-wrap{margin-bottom:40px}.pd-tabs{display:flex;border-bottom:2px solid #0b8ad9;gap:0;overflow-x:auto}.pd-tab{padding:12px 24px;font-size:15px;font-weight:700;color:#555;background:#f5f5f5;border:none;cursor:pointer;white-space:nowrap;transition:all .3s;border-radius:6px 6px 0 0}.pd-tab:hover{color:#0b8ad9}.pd-tab.active{background:#0b8ad9;color:#fff}@media only screen and (max-width: 767.98px){.pd-tab{padding:10px 14px;font-size:13px}}.pd-tab-content{display:none;padding:25px 0}.pd-tab-content.active{display:block}.pd-tab-content h2{font-size:20px;color:#222;margin:0 0 15px}.pd-tab-content h3{font-size:17px;color:#0b8ad9;margin:20px 0 10px}.pd-tab-content p{font-size:15px;line-height:1.7;color:#444;margin-bottom:12px}.pd-tab-content ul{padding-left:20px;margin-bottom:15px}.pd-tab-content li{font-size:15px;color:#444;line-height:1.7;margin-bottom:4px}.pd-combo-table{width:100%;border-collapse:collapse;margin-bottom:20px}.pd-combo-table th,.pd-combo-table td{padding:10px 14px;border:1px solid #e0e0e0;font-size:14px;text-align:left}.pd-combo-table th{background:#0b8ad9;color:#fff;font-weight:600}.pd-combo-table tr:nth-child(even) td{background:#f9f9f9}.pd-spec-table{width:100%;border-collapse:collapse}.pd-spec-table th,.pd-spec-table td{padding:10px 14px;border:1px solid #e0e0e0;font-size:14px}.pd-spec-table th{background:#f5f5f5;color:#333;font-weight:600;width:40%;text-align:left}.pd-spec-table td{color:#444}.pd-spec-table tr:hover td,.pd-spec-table tr:hover th{background:#e8f4fd}.pd-desc-img{margin:20px 0;text-align:center}.pd-desc-img img{max-width:100%;height:auto;border-radius:8px}.pd-related{margin-top:10px}.pd-related .section-header{margin-bottom:15px}.pd-related .product-grid{grid-template-columns:repeat(4, 1fr)}@media only screen and (max-width: 1023.98px){.pd-related .product-grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767.98px){.pd-related .product-grid{grid-template-columns:repeat(2, 1fr)}}.footer{color:#fff;background-color:#03a0e2}.footer-contact-item .fa{color:#fff}.footer-col ul>li a{color:#fff}.footer-col .social-result{gap:1rem}.footer-social a:hover{color:#fff;background-color:#0280b5}.footer-bottom{color:#c3c3c3;background-color:#111}.footer-bottom .footer-bocongthuong{gap:1rem}/*# sourceMappingURL=main.css.map */
