/*
Theme Name: Modern Theme 3.0
Version: 3.0
*/

body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fb;color:#111}
.container{width:90%;max-width:1200px;margin:0 auto}
header{position:fixed;top:0;width:100%;background:#fff;
box-shadow:0 5px 25px rgba(0,0,0,.06);z-index:999}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;color:#111;font-weight:500}
.btn{padding:12px 24px;background:#111;color:#fff;border-radius:10px;text-decoration:none;cursor:pointer;transition:.3s}
.btn:hover{transform:translateY(-3px)}
.hero{padding:170px 0 100px;background:linear-gradient(135deg,#e0ecff,#f9fbff)}
.grid{display:grid;gap:30px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.07);transition:.3s}
.card:hover{transform:translateY(-8px)}
section{padding:100px 0}
footer{background:#111;color:#fff;padding:60px 0;margin-top:60px}
footer a{color:#fff;text-decoration:none}
.fade{opacity:0;transform:translateY(40px);transition:.7s}
.fade.show{opacity:1;transform:translateY(0)}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);align-items:center;justify-content:center}
.modal-box{background:#fff;padding:40px;border-radius:18px;width:95%;max-width:520px}
input,textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:10px}
.map iframe{width:100%;height:350px;border:0;border-radius:14px}
#ai-chat-toggle {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    width: 65px !important;
    height: 65px !important;
    background: #000 !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    cursor: pointer !important;
    z-index: 999999 !important;
    box-shadow: 0 15px 40px rgba(0,0,0,.3) !important;
}

#ai-chat-window {
    position: fixed !important;
    bottom: 100px !important;
    right: 25px !important;
    width: 360px !important;
    height: 520px !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.2) !important;
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 999999 !important;
}

.ai-header {
    background: #000;
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#ai-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.ai-input {
    display: flex;
    border-top: 1px solid #eee;
}

.ai-input input {
    flex: 1;
    padding: 12px;
    border: none;
    outline: none;
}

.ai-input button {
    width: 60px;
    background: #000;
    color: #fff;
    border: none;
    cursor: pointer;
}
@media(max-width:768px){nav ul{display:none}}