body {
    background:#F5F8FB;
    font-family:'Segoe UI', sans-serif;
}


/* ===== BRAND COLORS ===== */

:root{

--primary-blue:#0D3B66;
--secondary-blue:#1F5FA8;

--brand-red:#E31E24;
--brand-red-dark:#B81218;

--light-blue:#3BB3E4;

}



/* ===== SECTION TITLE STYLE ===== */

.section-title {
    text-align:center;
    font-weight:700;
    font-size:28px;
    margin-bottom:10px;
    position:relative;
    color:var(--primary-blue);
}

.section-divider {
    width:80px;
    height:4px;
    margin:12px auto 30px auto;
    border-radius:10px;
    background:linear-gradient(90deg,var(--brand-red),var(--light-blue));
}



/* ===== NAVBAR ===== */

.navbar {
    background:#fff;
}

.navbar-brand {
    color:#fff !important;
    font-weight:bold;
    font-size:22px;
    background:#fff !important;
}

.navbar .btn.btn-light.position-relative.me-3 {
    color:#fff;
    background:#0D3B66;
}

.navbar input{
    border-radius:25px;
}

.navbar .btn-dark{
    background:var(--brand-red);
    border:none;
}

.navbar .btn-dark:hover{
    background:var(--brand-red-dark);
}



/* ===== HERO ===== */

.hero {

    background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue),var(--light-blue));
    color:#fff;
    padding:80px 0;

}

.hero h1 {
    font-size:42px;
    font-weight:bold;
}



/* ===== CATEGORY STRIP ===== */

.category-box {

    background:#fff;
    padding:20px;
    text-align:center;
    border-radius:10px;
    transition:.25s;
    border:1px solid #eee;

}

.category-box:hover {

    transform:translateY(-6px);
    box-shadow:0 12px 25px rgba(0,0,0,.12);
    border-color:var(--secondary-blue);

}



/* ===== PRODUCT CARD ===== */

.product-card {

    background:#fff;
    border-radius:12px;
    padding:15px;
    transition:.3s;
    border:1px solid #eee;

}

.product-card:hover {

    transform:translateY(-6px);
    box-shadow:0 15px 30px rgba(0,0,0,.15);

}

.product-img {
    height:160px;
    object-fit:contain;
}

.product-price{
    color:var(--brand-red);
    font-weight:bold;
}



/* ===== DEAL STRIP ===== */

.deal-strip {

    background:var(--primary-blue);
    color:#fff;
    padding:50px 0;

}



/* ===== FOOTER ===== */

.footer {

    background:var(--primary-blue);
    color:#cbd5e1;
    padding:60px 0;

}

.footer h5 {
    color:#fff;
}

.footer a {
    color:#cbd5e1;
    text-decoration:none;
    display:block;
    margin-bottom:8px;
}

.footer a:hover {
    color:var(--light-blue);
}



/* ===== MARQUEE SECTION ===== */

.marquee-wrapper {

    overflow:hidden;
    white-space:nowrap;
    background:#fff;
    padding:20px 0;
    border-radius:10px;

}

.marquee-content {

    display:inline-block;
    animation:marquee 20s linear infinite;

}

.marquee-content span {

    display:inline-block;
    margin:0 40px;
    font-weight:bold;
    font-size:18px;
    color:var(--primary-blue);

}

@keyframes marquee {

    from { transform:translateX(0); }
    to { transform:translateX(-50%); }

}



/* ===== FAQ STYLE ===== */

.accordion-button {

    font-weight:600;

}

.accordion-button:not(.collapsed) {

    background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));
    color:#fff;

}



/* ===== BUTTONS ===== */

.btn-primary{

    background:var(--brand-red);
    border:none;

}

.btn-primary:hover{

    background:var(--brand-red-dark);

}

.btn-outline-primary{

    border-color:var(--primary-blue);
    color:var(--primary-blue);

}

.btn-outline-primary:hover{

    background:var(--primary-blue);
    color:#fff;

}






.tracker {
display:flex;
justify-content:space-between;
margin-top:20px;
}

.step {
flex:1;
text-align:center;
position:relative;
}

.step:before {
content:'';
height:4px;
background:#ddd;
position:absolute;
top:12px;
left:-50%;
width:100%;
z-index:-1;
}

.step:first-child:before {
display:none;
}

.step.active {
color:green;
font-weight:bold;
}


.btn-primary {
    background: #E11D48;
    border: none;
}
.btn-primary:hover {
    background: #BE123C;
}






/* NAVBAR IMPROVEMENTS */

.navbar {
    border-bottom: 1px solid #eee;
}

.navbar-nav .nav-link {
    font-weight: 500;
    color: #333;
    margin-right: 10px;
}

.navbar-nav .nav-link:hover {
    color: #007bff;
}

.dropdown-menu {
    border-radius: 8px;
    border: 1px solid #eee;
}

.dropdown-item {
    font-size: 14px;
}

.dropdown-item:hover {
    background: #f5f8ff;
}

.navbar input.form-control {
    border-radius: 25px;
    padding-left: 15px;
}

/* ================= SECOND NAV ================= */

.secondary-nav {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 10px 0;
}

/* menu buttons */
.nav-btn {
    background: none;
    border: none;
    font-weight: 500;
    font-size: 15px;
    color: #333;
    cursor: pointer;
}

.nav-btn:hover {
    color: #007bff;
}

/* repair highlight */
.repair-btn {
    margin-left: auto;
    background: #007bff;
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
}

.repair-btn:hover {
    background: #0056b3;
    color: #fff;
}

/* dropdown */
.dropdown-menu {
    border-radius: 8px;
}


/* Submenu fix */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    display: none;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.secondary-nav li {list-style: none; font-size:14px;}
.secondary-nav li a {font-size:15px;}