:root{--navy:#061735;--blue:#1269e8;--light:#f4f7fb;--line:#dbe4ef;--text:#12213b}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}.topbar{background:var(--navy);color:white;padding:8px 4vw;display:flex;justify-content:space-between;font-size:13px}header{display:flex;gap:25px;align-items:center;padding:16px 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:5}.brand{font-size:30px;font-weight:900}.brand b{color:var(--blue)}.search{display:flex;flex:1;border:1px solid var(--line);border-radius:8px;overflow:hidden}.search input{flex:1;border:0;padding:13px}.search button,.btn{border:0;background:var(--blue);color:white;padding:13px 20px;font-weight:700;border-radius:7px}header select,#cat{padding:11px;border:1px solid var(--line);border-radius:7px}nav{display:flex;gap:28px;background:#0b54c7;color:white;padding:12px 4vw;font-weight:700}.hero{margin:0 4vw;padding:60px;border-radius:0 0 24px 24px;background:radial-gradient(circle at 75% 30%,#174b8a,#061735 45%,#020817);color:white;display:grid;grid-template-columns:1.5fr .7fr;gap:40px}.hero h1{font-size:52px;line-height:1.05}.hero p{font-size:19px;color:#c5d4ea}.hero-box{display:grid;gap:8px;background:rgba(255,255,255,.08);padding:28px;border-radius:15px}.hero-box b{font-size:22px}.hero-box span{color:#b9c9df;margin-bottom:12px}.section{padding:60px 4vw}.light{background:var(--light)}.section-head{display:flex;justify-content:space-between;align-items:center}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.categories button{background:white;border:1px solid var(--line);padding:18px;border-radius:10px;text-align:left}.categories span{display:block;color:#69768a;margin-top:5px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.products article{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.photo{height:220px;background:white}.photo img{width:100%;height:100%;object-fit:cover}.products article>a>span,.products article h3,.products article small,.products article strong{display:block;margin:12px 15px}.products article>a>span{color:var(--blue);font-size:12px;font-weight:800}.products article h3{min-height:43px}.products article small{color:#66758b}.products article strong{font-size:21px;margin-bottom:18px}.dark{background:var(--navy);color:white}footer{text-align:center;padding:22px;background:#020817;color:#8c9aae}.detail{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:45px}.main-image{width:100%;border:1px solid var(--line);border-radius:14px}.thumbs{display:flex;gap:10px;margin-top:12px}.thumbs img{width:100px;height:75px;object-fit:cover;border:1px solid var(--line);border-radius:8px;cursor:pointer}.pill{display:inline-block;background:#e9f2ff;color:var(--blue);padding:7px 11px;border-radius:20px;font-weight:700}@media(max-width:900px){.hero,.detail{grid-template-columns:1fr}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{display:none}header{flex-wrap:wrap}.search{order:3;width:100%}.hero{margin:0;padding:35px 20px;border-radius:0}.hero h1{font-size:36px}.categories,.products{grid-template-columns:1fr}.section{padding:45px 18px}nav{overflow:auto}.detail{padding:30px 18px}}
/* =========================================
   HFIT BOTTOM COMPANY BAR
   ========================================= */

.hfit-bottom-company-bar{
    background:#061735;
    color:#fff;
    padding:10px 4vw;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    font-size:13px;
    line-height:1.3;
}

.hfit-bottom-company-bar span:first-child{
    font-weight:700;
}

.hfit-bottom-company-bar span:last-child{
    color:#dbe7f7;
}

@media(max-width:600px){

    .hfit-bottom-company-bar{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
        padding:10px 4vw;
    }

}


/* =========================================
   HFIT CONTACT CTA
   ========================================= */

.hfit-contact-cta{
    background:#061735;
}

.hfit-contact-cta-inner{
    max-width:950px;
}

.hfit-contact-cta h2{
    margin:0 0 14px;

    color:#ffffff;

    font-size:clamp(25px,2.3vw,34px);
    font-weight:800;
    line-height:1.2;
}

.hfit-contact-cta p{
    max-width:900px;

    margin:0 0 22px;

    color:#d7e1ef;

    font-size:16px;
    line-height:1.7;
}

.hfit-contact-cta-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:44px;

    padding:11px 20px;

    background:#1269e8;
    color:#ffffff;

    border-radius:7px;

    font-size:14px;
    font-weight:700;

    text-decoration:none;

    transition:
        background .15s ease,
        transform .15s ease;
}

.hfit-contact-cta-button:hover{
    background:#0b54c7;
    transform:translateY(-1px);
}

@media(max-width:600px){

    .hfit-contact-cta h2{
        font-size:24px;
    }

    .hfit-contact-cta p{
        font-size:15px;
        line-height:1.6;
    }

    .hfit-contact-cta-button{
        width:100%;
    }
}