:root {
        --gs-brown:      #4a2c0a;
        --gs-green-dark: #2d6a1f;
        --gs-green-leaf: #5a9e2f;
        --gs-gold:       #c8832a;
        --gs-cream:      #fdf6ec;
        --gs-cream-dark: #f5ead8;
    }

    /* ---- Top rate bar ---- */
    .gs-topbar {
        background: var(--gs-brown);
        color: #fff;
        font-size: 12px;
        padding: 7px 0;
        letter-spacing: .02em;
    }
    .gs-topbar a { color: #fff; text-decoration: none; }
    .gs-topbar .topbar-phone { opacity: .9; }
    .gs-topbar marquee { color: var(--gs-gold); font-weight: 600; }

    /* ---- Navbar ---- */
    .ftco_navbar.gs-nav {
        background: var(--gs-cream) !important;
        border-bottom: 3px solid var(--gs-green-dark);
        padding: 0 !important;
        box-shadow: 0 2px 12px rgba(74,44,10,.12);
    }
    .gs-nav .navbar-brand { padding: 6px 0; }
    .gs-nav .navbar-brand img { height: 68px; width: auto; }

    /* Nav links */
    .gs-nav .nav-link {
        color: var(--gs-brown) !important;
        font-weight: 600;
        font-size: 14px;
        padding: 1.2rem 1rem !important;
        transition: color .2s;
        letter-spacing: .02em;
    }
    .gs-nav .nav-link:hover,
    .gs-nav .nav-item.active .nav-link {
        color: var(--gs-green-dark) !important;
    }
    .gs-nav .nav-item.active .nav-link {
        border-bottom: 3px solid var(--gs-green-dark);
    }

    /* Cart icon */
    .gs-nav .nav-item.cta-colored .nav-link {
        color: var(--gs-green-dark) !important;
        font-size: 18px;
    }
    .gs-nav .nav-item.cta-colored .nav-link:hover {
        color: var(--gs-gold) !important;
    }

    /* Dropdown */
    .gs-nav .dropdown-menu {
        border: none;
        border-top: 3px solid var(--gs-green-dark);
        box-shadow: 0 8px 24px rgba(0,0,0,.12);
        border-radius: 0 0 8px 8px;
    }
    .gs-nav .dropdown-item {
        color: var(--gs-brown);
        font-weight: 500;
        font-size: 13px;
    }
    .gs-nav .dropdown-item:hover {
        background: var(--gs-cream-dark);
        color: var(--gs-green-dark);
    }

    /* Mobile toggler */
    .gs-nav .navbar-toggler {
        border-color: var(--gs-green-dark);
        color: var(--gs-green-dark);
    }

    /* ---- Tagline strip below navbar ---- */
    .gs-tagline {
        background: var(--gs-green-dark);
        color: #fff;
        font-size: 11px;
        text-align: center;
        padding: 4px 0;
        letter-spacing: .15em;
        text-transform: uppercase;
        font-weight: 600;
    }
    .gs-tagline span { color: var(--gs-gold); margin: 0 6px; }

    /* ---- Global button overrides ---- */
    .btn-primary {
        background-color: var(--gs-green-dark) !important;
        border-color: var(--gs-green-dark) !important;
        color: #fff !important;
    }
    .btn-primary:hover {
        background-color: var(--gs-brown) !important;
        border-color: var(--gs-brown) !important;
    }
    .btn-success {
        background-color: var(--gs-green-leaf) !important;
        border-color: var(--gs-green-leaf) !important;
    }
    .btn-success:hover {
        background-color: var(--gs-green-dark) !important;
        border-color: var(--gs-green-dark) !important;
    }
    .btn-black {
        background: var(--gs-brown) !important;
        color: #fff !important;
    }
    .btn-black:hover {
        background: var(--gs-green-dark) !important;
        color: #fff !important;
    }
    .btn-outline-success {
        color: var(--gs-green-dark) !important;
        border-color: var(--gs-green-dark) !important;
    }
    .btn-outline-success:hover {
        background: var(--gs-green-dark) !important;
        color: #fff !important;
    }

    /* ---- Price color ---- */
    .price-sale, .price span { color: var(--gs-green-dark) !important; }

    /* ---- Headings color override ---- */
    .heading-section h2, .ftco-section h2 { color: var(--gs-brown); }
    .subheading { color: var(--gs-green-leaf) !important; }

    /* ---- Footer brand color ---- */
    .ftco-footer h2.ftco-heading-2 { color: var(--gs-gold); }
    .ftco-footer { background: var(--gs-brown) !important; }
    .ftco-footer, .ftco-footer p, .ftco-footer a, .ftco-footer li { color: #f5ead8; }
    .ftco-footer a:hover { color: var(--gs-gold) !important; }
    .ftco-footer .ftco-footer-social a {
        background: var(--gs-green-dark);
        color: #fff;
    }
    .ftco-footer .ftco-footer-social a:hover { background: var(--gs-gold); }

    /* ---- Product card price ---- */
    .prod-price { color: var(--gs-green-dark) !important; }
    .prod-card .btn-enquiry {
        background: var(--gs-green-dark) !important;
        color: #fff !important;
    }
    .prod-card .btn-enquiry:hover { background: var(--gs-brown) !important; }

    /* ---- Category tabs ---- */
    .cat-tabs .nav-link.active {
        color: var(--gs-brown) !important;
        border-bottom-color: var(--gs-brown) !important;
    }
    .cat-tabs .nav-link:hover { color: var(--gs-green-dark) !important; }

    /* ---- Stats bar on homepage ---- */
    .stats-bar { background: var(--gs-brown) !important; }

    /* ---- Section heading accent line ---- */
    .section-heading::after { background: var(--gs-gold) !important; }
    .section-heading h2 span { color: var(--gs-gold) !important; }

    /* ---- Hero breadcrumb ---- */
    .hero-wrap.hero-bread { position: relative; }

    /* ---- Product overlay ---- */
    .product a.img-prod:hover .overlay { background: rgba(74,44,10,.25); }

    /* ---- Topper / top info bar ---- */
    .topper { font-size: 13px !important; text-transform: uppercase; }

    /* ---- Page loader color ---- */
    .ftco-loader .path { stroke: var(--gs-green-dark) !important; }

    @media (max-width: 768px) {
        .gs-nav .navbar-collapse { background: var(--gs-cream); padding: 1rem; }
        .gs-nav .nav-link { padding: .6rem 0 !important; border-bottom: 1px solid #eee; }
        .gs-nav .nav-item.active .nav-link { border-bottom: 1px solid var(--gs-green-dark); }
    }