/* =========================================================
   LAVENDER HOME PAGE — COMPLETE HOTSPOT SYSTEM
   ========================================================= */

.lavender-home-map {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.lavender-home-image {
    display: block;
    width: 100%;
    height: auto;
}

.home-hotspot {
    position: absolute;
    display: block;
    z-index: 20;
}


/* =========================================================
   TOP NAVIGATION
   ========================================================= */

.nav-home {
    left: 39.7%;
    top: 8.8%;
    width: 4.2%;
    height: 5%;
}

.nav-story {
    left: 44.2%;
    top: 8.8%;
    width: 6%;
    height: 5%;
}

.nav-how {
    left: 50.2%;
    top: 8.8%;
    width: 7.3%;
    height: 5%;
}

.nav-find {
    left: 57.8%;
    top: 8.8%;
    width: 5.8%;
    height: 5%;
}

.nav-foster {
    left: 63.7%;
    top: 8.8%;
    width: 4.7%;
    height: 5%;
}

.nav-adopt {
    left: 68.5%;
    top: 8.8%;
    width: 5.2%;
    height: 5%;
}

.nav-report {
    left: 73.6%;
    top: 8.8%;
    width: 6.8%;
    height: 5%;
}

.nav-success {
    left: 80.0%;
    top: 8.8%;
    width: 8.4%;
    height: 5%;
}

.nav-contact {
    left: 87.2%;
    top: 8.8%;
    width: 6.8%;
    height: 5%;
}

.nav-donate {
    left: 91.4%;
    top: 2.3%;
    width: 6.7%;
    height: 5.5%;
}


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

.hero-find {
    left: 40.3%;
    top: 39.0%;
    width: 10.7%;
    height: 5.3%;
}

.hero-report {
    left: 51.3%;
    top: 39.0%;
    width: 12.6%;
    height: 5.3%;
}


/* =========================================================
   FIVE ACTION CARDS
   ========================================================= */

.card-find {
    left: 7.0%;
    top: 57.1%;
    width: 17.3%;
    height: 13.8%;
}

.card-foster {
    left: 25.8%;
    top: 57.1%;
    width: 17.3%;
    height: 13.8%;
}

.card-adopt {
    left: 44.4%;
    top: 57.1%;
    width: 17.3%;
    height: 13.8%;
}

.card-report {
    left: 63.1%;
    top: 57.1%;
    width: 17.3%;
    height: 13.8%;
}

.card-donate {
    left: 81.8%;
    top: 57.1%;
    width: 16.4%;
    height: 13.8%;
}


/* =========================================================
   LOWER LINKS
   ========================================================= */

.view-all {
    left: 39.3%;
    top: 73.7%;
    width: 8.5%;
    height: 4%;
}

.see-map {
    left: 55.8%;
    top: 86.5%;
    width: 9.8%;
    height: 5%;
}

.our-story {
    left: 77.0%;
    top: 85.8%;
    width: 9.2%;
    height: 5.5%;
}
.lavender-tools {
    padding: 15px;
    background: #f6f0fa;
    border: 1px solid #d8c5e6;
    border-radius: 8px;
    text-align: center;
}

.lavender-tools h3 {
    margin-top: 0;
    color: #54256f;
}

.lavender-tool-button {
    display: inline-block;
    padding: 10px 18px;
    background: #6b3a8d;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
}

.lavender-tool-button:hover {
    background: #51266c;
    color: #ffffff !important;
}

.lavender-tool-note {
    font-size: 13px;
    color: #666;
    margin-bottom: 0;
}