:root{--primary:#0b4ea2;--navy:#061a33;--accent:#d90b16;--light:#f4f7fb;--steel:#667789}
body{font-family:'Sarabun',sans-serif;background:#f7f9fc;color:#1d2b3a}.navbar-brand img{width:42px;height:42px;object-fit:contain}.hero{background:linear-gradient(115deg,rgba(3,19,38,.96),rgba(11,78,162,.78)),url('../img/hero-steel.png') center/cover;min-height:560px;color:#fff}.hero h1{font-size:clamp(2.2rem,5vw,4.6rem);font-weight:800}.hero .lead{max-width:700px}.section-title{font-weight:800;color:var(--navy)}.product-card{height:100%;border-radius:10px;transition:.2s;border:1px solid #e5ebf3}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(14,46,82,.13)}.product-card img{height:220px;object-fit:cover;border-radius:10px 10px 0 0}.btn{border-radius:6px}.card{border-radius:10px}.badge{border-radius:5px}.filter-panel{position:sticky;top:90px}.footer{background:#061a33;color:#dbe6f4}.social-btn{border:1px solid #dbe3ee;background:#fff}.spec-table th{width:36%;background:#f2f6fb}.floating-rfq{position:fixed;right:18px;bottom:18px;z-index:1000}.admin-sidebar{width:260px;min-height:100vh;background:#071b35;color:#fff;position:fixed;left:0;top:0;padding-top:70px;transition:.25s;z-index:1030}.admin-sidebar.collapsed{margin-left:-260px}.admin-sidebar a{display:block;padding:11px 20px;color:#dce9f8}.admin-sidebar a:hover,.admin-sidebar a.active{background:#0b4ea2;color:#fff}.admin-content{margin-left:260px;padding:84px 24px 30px;transition:.25s}.admin-content.expanded{margin-left:0}.admin-topbar{z-index:1040}.table td,.table th{vertical-align:middle}.form-control,.form-select{min-height:42px}.input-group .form-control{min-width:0}.login-shell{min-height:100vh;background:linear-gradient(135deg,#061a33,#0b4ea2);display:flex;align-items:center}.login-card{max-width:460px;margin:auto}.metric-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:#0b4ea2}.price{font-size:1.3rem;font-weight:800;color:#d90b16}@media(max-width:991px){.admin-sidebar{margin-left:-260px}.admin-sidebar.show{margin-left:0}.admin-content{margin-left:0}.hero{min-height:470px}.filter-panel{position:static}}

/* Admin dashboard light theme */
body.admin-page{background:#f3f6fa!important;color:#1d2b3a}
.admin-content{background:#f3f6fa;min-height:100vh}
.admin-content>h2{color:#12345b;font-weight:800}
.dashboard-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(18,52,91,.07)}
.dashboard-chart{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(18,52,91,.07)}
.highcharts-background{fill:#fff!important}
.highcharts-title,.highcharts-axis-title,.highcharts-axis-labels text,.highcharts-legend-item text{fill:#334155!important;color:#334155!important}


/* Homepage dynamic slider */
/* Homepage dynamic slider */
.home-slider,
.home-slider .carousel,
.home-slider .carousel-inner,
.home-slider .carousel-item{
    height:380px;
}

.home-slider .carousel-item{
    position:relative;
    background:#061a33;
    overflow:hidden;
}

.home-slider .slide-bg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.home-slider .carousel-caption{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    text-align:left;
    padding:40px 0;
}

.home-slider .slide-content{
    max-width:700px;
    color:#fff;
}

.home-slider h1{
    font-size:3rem;
    font-weight:800;
    line-height:1.15;
    margin-bottom:15px;
    text-shadow:0 3px 15px rgba(0,0,0,.35);
}

.home-slider .lead{
    font-size:1.05rem;
    max-width:650px;
    margin-bottom:20px;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
}

.home-slider .btn{
    border-radius:6px;
}

.home-slider .carousel-control-prev,
.home-slider .carousel-control-next{
    width:6%;
}

.home-slider .carousel-indicators{
    margin-bottom:12px;
}

/* Tablet */
@media(max-width:991px){

    .home-slider,
    .home-slider .carousel,
    .home-slider .carousel-inner,
    .home-slider .carousel-item{
        height:300px;
    }

    .home-slider .carousel-caption{
        padding:25px 0;
    }

    .home-slider h1{
        font-size:2rem;
        margin-bottom:10px;
    }

    .home-slider .lead{
        font-size:.95rem;
        margin-bottom:15px;
    }

}

/* Mobile */
@media(max-width:767px){

    .home-slider,
    .home-slider .carousel,
    .home-slider .carousel-inner,
    .home-slider .carousel-item{
        height:220px;
    }

    .home-slider .carousel-caption{
        padding:15px 0;
    }

    .home-slider .slide-content{
        padding:0 15px;
    }

    .home-slider h1{
        font-size:1.3rem;
        line-height:1.2;
        margin-bottom:8px;
    }

    .home-slider .lead{
        font-size:.80rem;
        margin-bottom:10px;
    }

    .home-slider .btn{
        font-size:.80rem;
        padding:6px 10px;
    }

    .home-slider .carousel-control-prev,
    .home-slider .carousel-control-next{
        display:none;
    }

}

/* Mobile navigation */
.navbar-toggler{
    border:1px solid rgba(255,255,255,.55);
    border-radius:6px;
    padding:7px 11px;
    color:#fff;
    background:transparent;
    box-shadow:none;
}

.navbar-toggler i{
    color:#fff;
    font-size:1.35rem;
}

.navbar-toggler:focus{
    outline:none;
    box-shadow:0 0 0 3px rgba(255,255,255,.18);
}

@media(max-width:991.98px){
    #mainNavbar{
        display:none;
        flex-basis:100%;
        width:100%;
    }

    #mainNavbar.show{
        display:block !important;
    }

    #mainNavbar .navbar-nav{
        width:100%;
        padding-top:12px;
        padding-bottom:10px;
    }

    #mainNavbar .nav-link{
        padding:10px 5px;
        border-bottom:1px solid rgba(255,255,255,.12);
    }
}

@media(min-width:992px){
    #mainNavbar{
        display:flex !important;
    }
}