body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.heading{color:#333;font-size:30px;font-weight:700;letter-spacing:2px;margin-bottom:25px;text-align:center;text-transform:uppercase}.form__forgot-password{color:#ff4081;float:right;font-size:14px;font-weight:600;text-decoration:none}.form__forgot-password:hover{text-decoration:underline}.form-group{margin-bottom:30px}.form-label{font-size:16px;transition:color .3s ease}.form-control{background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 6px #0000001a;color:#333;padding:16px 20px;transition:all .3s ease}.form-control:focus{border-color:#ff4081;box-shadow:0 0 8px #ff408166}.matkhau{position:relative}.show-hide{color:#666;cursor:pointer;font-size:18px;position:absolute;right:12px;top:38px;transition:transform .3s ease}.show-hide:hover{transform:scale(1.1)}.form-submit{background:#ff4081;border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:600;padding:16px;text-align:center;transition:background .3s ease,transform .3s ease;width:100%}.form-submit:hover{background:#e91e63;transform:scale(1.05)}.form-social{display:flex;flex-direction:column;gap:15px}.form-submit-social{align-items:center;background:#f1f1f1;border-radius:10px;color:#333;display:flex;font-size:16px;justify-content:space-between;padding:12px;text-decoration:none;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.form-submit-social:hover{background:#f8f8f8;box-shadow:0 4px 10px #0000001a;transform:translateY(-3px)}.form-submit-social--img{height:24px;transition:transform .3s ease;width:24px}.form-submit-social:hover .form-submit-social--img{transform:scale(1.1)}.text-login{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;text-align:center}.text-login-item{align-items:center;color:#666;display:flex;font-size:16px;gap:12px;margin-bottom:12px}.text-login-item i{color:#28a745}.text-login-item p{margin:0;transition:color .3s ease}.text-login-item:hover i,.text-login-item:hover p{color:#ff4081}@media (max-width:768px){.login__form{padding:30px 20px}.heading{font-size:24px}.form-control{padding:12px 16px}.form-submit{font-size:16px;padding:14px}}.home-container{background:#f8f9fa;min-height:100vh;padding:40px 0}.section{margin-bottom:100px}.section-title{color:#2a5298;font-size:32px;font-weight:700;margin-bottom:50px;position:relative;text-transform:uppercase}.section-title:after{background:linear-gradient(90deg,#2a5298,#1e3c72);bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.product-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-10px)}.product-image{border-bottom:1px solid #eee;height:250px;object-fit:cover}.product-info{padding:15px;text-align:center}.product-name{color:#333;font-size:18px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:#e74c3c;font-size:16px;font-weight:600}@media (max-width:768px){.section-title{font-size:24px}.product-image{height:200px}.product-name{font-size:16px}.product-price{font-size:14px}.product-info{padding:12px}}@media (max-width:576px){.product-card{margin:0 10px}.section-title{font-size:20px;margin-bottom:1rem}.product-image{height:160px}.product-name{font-size:15px;overflow:visible;white-space:normal}.product-price{font-size:13px}.product-info{padding:10px 8px}}.inform-container{background:#f8f9fa;padding:10px 0}.nav{align-items:center;display:flex;flex-wrap:wrap}.nav-item{margin-right:15px}.nav-link{padding:5px 10px}.nav-link,.nav-link i{font-size:14px}.text-dark{color:#333!important}.inform-right{font-size:14px}@media (max-width:768px){.inform-container .container{align-items:flex-start;flex-direction:column}.inform-left{margin-bottom:10px}.nav-item{margin-bottom:5px;margin-right:10px}.nav-link{padding:5px}.cart-link,.nav-link{font-size:12px}}@media (max-width:576px){.nav{align-items:flex-start;flex-direction:column}.nav-item{margin-right:0}}.body-customer{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.main-header{background:#fff;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:1000}.main-content{flex:1 1;padding:20px 0}.main-footer{background:#333;color:#fff;font-family:Arial,sans-serif;font-size:14px;padding:40px 20px 20px}.main-footer .container{max-width:1200px}.main-footer .row{display:flex;flex-wrap:wrap;justify-content:space-between}.main-footer .col{flex:1 1;margin-bottom:30px;min-width:260px}.main-footer h3{color:#fff;font-size:20px;margin-bottom:10px}.footer-text{color:#fff;font-size:14px;line-height:1.6;margin:0}.footer-text i{margin-left:5px}.social-icons{display:flex;gap:15px;margin-top:15px}.social-icons img{height:30px;transition:transform .2s;width:30px}.social-icons img:hover{transform:scale(1.1)}.contact-info{text-align:right}.contact-info p{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:8px 0}.contact-info img{height:20px;width:20px}.footer-bottom{border-top:1px solid #555;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;padding-top:15px}.footer-bottom a,.footer-bottom p{color:#fff;font-size:13px;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}@media (max-width:768px){.main-content,.main-footer{padding:15px 0}.footer-text{font-size:12px}h2{font-size:24px}.product-image{height:200px}.product-name{font-size:16px}.product-price{font-size:14px}}@media (max-width:576px){h2{font-size:20px}.product-image{height:150px}.product-card{margin-bottom:20px}}.signup-container{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e0e7f0);display:flex;min-height:100vh;padding:40px 0}.signup-card{background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:30px}.signup-title{color:#333;font-size:32px;font-weight:700;margin-bottom:20px;position:relative;text-align:center}.underline{background:#2196f3;bottom:-10px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.form-label{color:#444;display:block;font-weight:500;margin-bottom:8px}.profile-container{margin:0 auto;padding:20px;width:80%}.text-center{margin-bottom:30px}.profile-form{margin:0 auto;max-width:600px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-control{border-radius:4px;font-size:16px;padding:10px;width:100%}.form-control:focus{border-color:#4caf50;outline:none}.btn{font-size:16px;padding:10px 20px}input[type=submit]{cursor:pointer;width:100%}.nav-item{display:inline-block;position:relative}.nav-link{color:#333;cursor:pointer;padding:10px;text-decoration:none}.nav-item ul{background:#fff;box-shadow:0 8px 16px #0000001a;display:none;left:0;list-style:none;min-width:150px;padding:10px;position:absolute;top:100%;z-index:1000}.nav-item.active ul{display:block}.nav-item ul li{padding:10px}.nav-item ul li a{color:#333;display:block;padding:8px 16px;text-decoration:none}.nav-item ul li:hover{background-color:#f0f0f0}.dropdown-menu-custom{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #00000026;left:0;min-width:200px;padding:10px 0;position:absolute;top:100%;z-index:9999}.dropdown-menu-custom.d-block{display:block!important}.dropdown-menu-custom.d-none{display:none!important}.phucan-section{color:#212529}@media (max-width:576px){.form-inline{align-items:stretch;flex-direction:column}.form-control{margin-bottom:10px;width:100%}.btn-search{width:100%}.dropdown-menu-custom{background-color:initial;border:none;box-shadow:none;padding-left:1rem;position:static}.dropdown-menu-custom li{padding:5px 0}}h2:after{display:none!important}.navbar{box-shadow:0 2px 5px #0000001a;padding:15px 0}.navbar-nav{align-items:center;display:flex}.nav-item{margin-right:20px}.nav-link{color:#333!important;font-size:16px;font-weight:500;text-transform:uppercase;transition:color .3s ease}.nav-link:hover{color:#2196f3!important}.form-inline{align-items:center;display:flex}.form-control{background:#f8f9fa;border:1px solid #ddd;border-radius:20px 0 0 20px;font-size:14px;padding:8px 15px;width:200px}.form-control:focus{border-color:#2196f3;box-shadow:none}.btn-search{background:#2196f3;border:none;border-radius:0 20px 20px 0;color:#fff;font-size:14px;font-weight:500;padding:8px 15px;transition:background .3s ease}.btn-search:hover{background:#0b7dda}.btn-search i{margin-right:5px}.collapse{display:none}.collapse.show{display:block}@media (max-width:991px){.dropdown-menu{background-color:initial;box-shadow:none;float:none;padding-left:15px;position:static!important;width:100%}.dropdown-menu.show,.mycart-link{display:block}.mycart-link{margin:10px auto;text-align:center}}.nav-link.dropdown-toggle{cursor:pointer}@media (max-width:576px){.form-control{font-size:12px;margin-right:5px;width:60%}.btn-search{font-size:12px;width:35%}}.navbar-toggler{background:#0000;background-color:#f9f9f9!important;border:none;outline:none}.navbar-toggler:active,.navbar-toggler:focus{background-color:#f9f9f9!important;box-shadow:none;outline:none}.slider-container{align-items:center;display:flex;flex-direction:column;margin:0 auto 40px;max-width:1 0;width:100%}.slider-frame{aspect-ratio:16/5;height:auto;overflow:hidden;position:relative}.slide-image,.slider-frame{border-radius:16px;width:100%}.slide-image{background-color:#f8f8f8;height:100%;object-fit:cover}.slide a{cursor:pointer;display:inline-block;pointer-events:auto}.dots-container{display:flex;gap:8px;justify-content:center;margin-top:12px}.dot{background-color:#ccc;border-radius:50%;cursor:pointer;height:10px;transition:background-color .3s;width:10px}.dot.active{background-color:#000}.slide{transition:opacity .8s ease-in-out}.contact-container{max-width:100%;overflow:hidden;padding:20px;position:relative}.contact-list{display:flex;gap:16px;overflow-x:scroll;padding:0 60px;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.contact-list::-webkit-scrollbar{display:none}.contact-card{background-color:initial;border:none;flex:0 0 auto;padding:10px;transition:transform .3s ease;width:120px}.contact-card:hover{transform:scale(1.05)}.contact-logo{background:none;border-radius:0;height:100px;object-fit:contain;width:100%}.arrow-btn{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;font-size:20px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .4s ease,transform .4s ease;z-index:1}.contact-container:hover .arrow-btn{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1.05)}.arrow-btn.left{left:10px}.arrow-btn.right{right:10px}@media (max-width:768px){.contact-card{padding:6px;width:80px}.contact-logo{height:60px}.arrow-btn{font-size:16px;padding:6px}}@media (max-width:480px){.contact-container{padding:12px 0}.contact-list{gap:12px;padding:0 16px}}.brand-section,.category-section{background:#f8f9fa;color:#212529;padding:40px 20px}.see-more-btn i{margin-left:5px}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.product-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:50px;padding:1rem;text-align:center;transition:transform .2s}.product-card:hover{transform:scale(1.03)}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}.product-detail-container{margin:0 auto;max-width:1200px;padding:20px}.product-detail-row{display:flex;gap:20px;justify-content:space-between}.product-image-col{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.product-image{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px;max-height:300px;object-fit:contain;width:100%}.product-info-col{flex:1 1;min-width:0}.sales-info{border:1px solid #fff;border-radius:5px;margin-top:10px;padding:15px}.sales-info h5{font-weight:700}.product-detail-section h5,.sales-info h5{margin-bottom:10px}.text-center{text-align:center}.btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.btn:hover{background-color:#0056b3}.my-5{margin-bottom:2rem;margin-top:2rem}.mt-4{margin-top:1.5rem}.mt-3{margin-top:1rem}.table td{padding:10px;vertical-align:middle}.text-right{text-align:right}.font-weight-bold{color:#333}.quantity-input{display:inline-block;width:80px}.btn-primary{background:#2196f3;border:none;border-radius:5px;font-size:16px;font-weight:500;padding:10px;transition:background .3s ease}.btn-primary:hover{background:#0b7dda}@media (max-width:768px){h2{font-size:24px}.product-image{display:block;margin:0 auto;max-width:300px}.product-info{margin-top:20px}.table td{font-size:14px}.quantity-input{width:60px}.btn-primary{font-size:14px;padding:8px}}@media (max-width:576px){h2{font-size:20px}.product-image{max-width:250px}.table td{font-size:12px;padding:8px}}.category-section{background:linear-gradient(135deg,#eee,#f4f4f4);color:#fff;padding:40px 20px}.category-title{font-size:24px;font-weight:700;margin-bottom:30px;text-align:left}.brand-grid,.category-grid{display:flex;flex-wrap:wrap;gap:20px}.brand-card,.category-card{background-color:#eaf2f3;border-radius:16px;display:flex;flex-basis:calc(33.333% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:space-between;max-width:350px;min-width:250px;opacity:0;overflow:hidden;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.brand-card.visible,.category-card.visible{opacity:1;transform:translateY(0)}.brand-image-container,.category-image-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.brand-image,.category-image{background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;height:200px;object-fit:contain;width:100%}.brand-footer,.category-footer{background-color:#0d1614;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;justify-content:flex-end;padding:12px}.see-more-btn{background-color:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;font-weight:700;padding:6px 14px}.see-more-btn:hover{box-shadow:0 4px 10px #0000001a;transform:scale(1.05)}.news-container{background-color:#f5f7fa;font-family:Roboto,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.hot-news-section,.news-today-section{margin-bottom:50px}.hot-news-section h2,.news-today-section h2{margin-bottom:25px;text-align:center}.hot-news-list,.news-today-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.hot-news-item,.news-today-item{animation:fadeInUp .6s ease forwards;background-color:#e6f0fa;border:2px solid #0000;border-radius:10px;box-shadow:0 3px 6px #00000014;display:flex;flex-direction:column;justify-content:space-between;opacity:0;overflow:hidden;padding:15px;position:relative;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;width:240px}.hot-news-item:hover,.news-today-item:hover{box-shadow:0 10px 18px #00000026;transform:translateY(-6px)}.hot-news-item{height:360px}.news-today-item{height:300px}.news-image-container{border-radius:10px;height:180px;overflow:hidden;position:relative;width:100%}.news-image{border-radius:8px;height:100%;object-fit:cover;transition:transform .4s ease-in-out;width:100%}.hot-news-item:hover .news-image,.news-today-item:hover .news-image{transform:scale(1.08)}.hot-news-item h3,.news-today-item h3{color:#2c3e50;font-size:16px;font-weight:600;line-height:1.3;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-news-item p,.news-today-item p{-webkit-box-orient:vertical;color:#5f6b7a;display:-webkit-box;flex-grow:1;font-size:13px;line-height:1.5;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}.news-today-item:focus-within{border-color:#3498db}.button-news{background:linear-gradient(90deg,#28a745,#218838);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.5px;padding:8px 20px;transition:background-color .3s ease,transform .2s ease}.button-news:hover{background-color:#1e7e34;transform:scale(1.05)}button:active{transform:scale(.97)}button:focus{box-shadow:0 0 0 3px #28a7454d;outline:none}.loading-text{color:#888;font-size:18px;padding:40px 0;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.news-fade{animation:fadeInUp .6s ease both}.news-view-container{color:#333;font-family:sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.news-title{font-size:28px;font-weight:700;margin-bottom:10px}.news-meta{color:#777;font-size:14px;margin-bottom:20px}.news-image img{border-radius:8px;margin-bottom:20px;max-height:400px;object-fit:cover;width:100%}.news-content img{border-radius:4px;height:auto;margin:10px 0;max-width:100%}.news-content{font-size:16px}.news-meta-title{font-weight:700}.about-us-container{background-color:#f9f9f9;color:#333;font-family:Segoe UI,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;padding:4rem 2rem}.hero-section{height:600px;margin-bottom:3rem;margin-left:calc(-50vw + 50%);overflow:hidden;position:relative;width:99.4vw}.hero-bg{filter:brightness(.5);height:100%;object-fit:cover;width:100%}.hero-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;text-shadow:2px 2px 6px #0009}.logo-container{margin-bottom:2rem;text-align:center}.company-logo{margin-bottom:1rem;max-width:180px}.company-name{color:#d1410c;font-size:2.5rem;font-weight:700;margin:0}.company-tagline{color:#1b4b7c;font-size:1.1rem}.section-title{color:#036;font-size:2rem;margin-bottom:1rem;scroll-margin-top:100px}section{margin-bottom:2.5rem}ul.two-column-list{column-count:2;-webkit-columns:2;-moz-columns:2;gap:2rem;list-style-type:disc;padding-left:1.5rem}.row-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.row-container>div{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-width:300px;padding:1.5rem}.fade-in,.slide-left,.slide-right{opacity:0;transform:translateY(30px);transition:all .8s ease,box-shadow .3s ease}.slide-left{transform:translateX(-60px)}.slide-right{transform:translateX(60px)}.visible{opacity:1;transform:translateX(0) translateY(0)}@media (max-width:768px){.hero-title{font-size:2rem}.hero-section{height:250px;margin-left:calc(-50vw + 50%)}ul.two-column-list{column-count:1}}.mycart-container{background-color:#f8f9fa;min-height:100vh;padding:40px 0}h2{color:#333;font-size:28px;font-weight:700;margin-bottom:30px;position:relative;text-transform:uppercase}h2:after{background:#2196f3;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.table{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.thead-dark{background:#343a40;color:#fff}td,th{text-align:center;vertical-align:middle!important}.cart-image{border-radius:5px;object-fit:cover}.btn-danger{font-size:14px;padding:5px 10px}.btn-success{font-size:16px;padding:8px 15px}.btn-danger i,.btn-success i{margin-right:5px}.text-right{text-align:right!important}.font-weight-bold{font-weight:600}@media (max-width:576px){.mycart-container{padding:20px 10px;text-align:center}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table{font-size:12px}.table td,.table th{word-wrap:break-word;padding:8px;white-space:normal}.cart-image{height:40px;width:40px}.btn-danger,.btn-primary,.btn-success{font-size:12px;margin-top:5px;padding:6px 10px;width:100%}.btn-export{font-size:14px;padding:10px 20px;width:100%}tfoot .text-right,tfoot td{text-align:center!important}.text-center h4{font-size:16px}a.btn{font-size:14px;padding:10px 15px;width:100%}}.quantity-input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 6px #0000001a;text-align:center;width:70px}
/*# sourceMappingURL=main.0ce76a0a.css.map*/