@import url("header.css");
@import url("home.css");
@import url("product.css");
@import url("register.css");
@import url("login.css");
@import url("footer.css");
@import url("cart.css");
@import url("checkout.css");
@import url("payment.css");
@import url("user.css");
@import url("forgot-password.css");



*{
    font-family: 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
    color: #212121;
}

html, body{
    margin: 0 !important;
}
body{
    background-color: #f5f5f5;
}
.canh-giua-1200{
    max-width: 1200px;
    margin: 0 auto;
}

.flex{
    display: flex;
}
.centerY{
    align-items: center;
}
.block{
    display: block;
}
h1{
    font-size: 33px;
}
h2{
    font-size: 26px;
}
h3{
    font-size: 16px;
}
.p-in-mo{
    color: #999999;
    font-size: 12px;
}
.p-in-dam{
    color: #000000;
    font-weight: bold;
}
.brg-black{
    background-color: #000000;
}
.bgr-white{
    background-color: #ffffff;
}
.bgr-xam-1{
    background-color: #eeeeee;
}
.txt-white{
    color: #ffffff;
}
.txt-red{
    color: #ff0000;
}
.gia-tien-21px{
    font-size: 21px;
}
.gia-tien-26px{
    font-size: 26px;
}
.pho-bien-nhat{
    background-color: #666666;
    border-radius: 15px;
    width: 91px;
    height: 24px;
    display: flex;
    align-items: center;
    color: #ffffff;
    padding: 5px 10px;
}
.gach-ngang-xam{
    height: 1px;
    width: 100%;
    background-color: #808080;
}
.gach-ngang-mo{
    height: 1px;
    width: 100%;
    background-color: #EEEEEE;
}
.gach-ngang-duoi{
    border-bottom: 2px solid #000000;
}
.gach-dung-mo{
    display: flex;
    align-items: center;
    width: 1px;
    background-color: #999999;
    height: 60%;
    margin: 0 20px;
}
.btn-white{
    width: 215px;
    height: 40px;
    border-radius: 5px;
    background-color: #ffffff;
    border: none;
    margin-left: 20px;
    cursor: pointer;
}
.btn-white:hover{
    background-color: #dedede;
}

.btn-black{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background-color: #000000;
    border: none;
    color: #ffffff;
    cursor: pointer;
}
.btn-black:hover{
    background-color: #383838;
}


.bold{
    font-weight: bold;
}
.breadcrumbs *{
    color: #ffffff;
}
.breadcrumbs p{
    margin: 0;
}
.none{
    display: none;
}
.gap{
    height: 40px;
}
.gap-flex{
    gap: 10px;
}
.pd{
    padding: 20px;
}
.rdu{
    border-radius: 10px;
}