/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: #f9f9f9;
}

/* Header Container */
.site-header {
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    width: 100%;
    padding: 15px 40px;
}

.header-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo Area Layout */
.logo-area {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-img {
    width: 55px;
    height: 55px;
    object-fit: contain;
}

.logo-text {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    font-size: 10px;
    line-height: 1.1;
    color: #111;
    letter-spacing: 0.5px;
}

/* Navigation Links */
.main-nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 35px;
}

.main-nav a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 15px;
    transition: color 0.2s ease;
}

.main-nav a:hover,
.main-nav a.active {
    color: #004aad; /* Optional hover color */
}

/* Dropdown arrow styling */
.main-nav .fa-chevron-down {
    font-size: 11px;
    margin-left: 4px;
    vertical-align: middle;
}

/* Get in Touch Button */
.btn-get-in-touch {
    display: inline-block;
    background-color: #000000;
    color: #ffd700; /* Yellow text */
    padding: 12px 28px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.btn-get-in-touch:hover {
    background-color: #222222;
}

/* Responsive handling for smaller screens */
@media (max-width: 1024px) {
    .main-nav ul {
        gap: 20px;
    }
    .site-header {
        padding: 15px 20px;
    }
}


:root{--bg:#f6f5f0;--card:#fff;--ink:#1d2a1f;--mut:#5f6b61;--line:#d9d8cf;--acc:#2e6b3a;--accT:#fff;--err:#b3261e;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14180f;--card:#1e241a;--ink:#ecefe6;--mut:#a3ad9f;--line:#333b2e;--acc:#6fbf7d;--accT:#10200f;--err:#f2b8b5}}
:root[data-theme="dark"]{--bg:#14180f;--card:#1e241a;--ink:#ecefe6;--mut:#a3ad9f;--line:#333b2e;--acc:#6fbf7d;--accT:#10200f;--err:#f2b8b5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:20px 16px 48px}
h1{font-size:1.35rem;margin:.2rem 0}.sub{color:var(--mut);margin:0 0 18px}
section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 14px}
h2{font-size:1rem;margin:0 0 12px;color:var(--acc)}
label{display:block;font-size:.88rem;color:var(--mut);margin:10px 0 4px}
input[type=text],input[type=tel],input[type=email],input[type=date]{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}
.g{display:grid;gap:0 12px;grid-template-columns:1fr 1fr}@media(max-width:560px){.g{grid-template-columns:1fr}}
.opts{display:flex;flex-wrap:wrap;gap:8px}.opts label{display:flex;align-items:center;gap:6px;margin:0;color:var(--ink);font-size:.95rem;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--bg)}
.pos{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:560px){.pos{grid-template-columns:1fr}}
.row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-bottom:8px}@media(max-width:560px){.row{grid-template-columns:1fr}}
.row input{padding:9px}.note{font-size:.85rem;color:var(--mut);margin:6px 0 0}
button{width:100%;padding:14px;border:0;border-radius:10px;background:var(--acc);color:var(--accT);font:600 1rem inherit;cursor:pointer}
button:disabled{opacity:.6}#msg{margin-top:10px;font-size:.92rem}#msg.e{color:var(--err)}
#prev{width:90px;height:120px;object-fit:cover;border:2px solid var(--acc);border-radius:4px;display:none;margin-top:8px}