/*==========================================================
    HongHa UI 2026
    layout.css
==========================================================*/

body{
    margin:0;
    padding:0;
}

*,
*:before,
*:after{
    box-sizing:border-box;
}

.hh-app{
    position:relative;
    min-height:100vh;
}

/*==========================================================
    Container
==========================================================*/

.hh-container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;

}

/* Alias để dùng trong các module hiện tại */
.hh-ui-container{
    width:100%;
    max-width:1400px;
    /*margin:0 auto;*/
    margin:8px auto;
    padding-left:20px;
    padding-right:20px;
}

/*==========================================================
    Layout Utilities
==========================================================*/

.hh-flex{
    display:flex;
}

.hh-grid{
    display:grid;
}

.hh-hidden{
    display:none;
}

.hh-text-center{
    text-align:center;
}

.hh-hero{

    background:#fff;

}

.hh-hero-wrap{

    display:flex;

}

.hh-category{

    width:260px;

    flex-shrink:0;

}

.hh-main{

    flex:1;

    display:flex;

    flex-direction:column;

}

.hh-nav{

    height:52px;

}

.hh-slider{

    height:430px;

}