.global-lost-map-body{
    background:#f5f8fb;
}

.global-lost-map-page{
    min-height:75vh;
    padding-bottom:70px;
}

.global-lost-map-heading{
    padding:42px 20px;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(21,150,83,.17),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #061b3a,
            #0c3159
        );
    color:#fff;
}

.global-lost-map-heading-inner{
    width:min(1240px,100%);
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin:0 auto;
}

.global-lost-map-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.global-lost-map-heading h1{
    margin:14px 0 8px;
    font-size:40px;
}

.global-lost-map-heading p{
    max-width:680px;
    margin:0;
    color:#d7e3ee;
    line-height:1.65;
}

.global-lost-map-view-switch{
    flex:0 0 auto;
    display:flex;
    padding:5px;
    border-radius:12px;
    background:rgba(255,255,255,.12);
}

.global-lost-map-view-switch a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:10px 14px;
    border-radius:9px;
    color:#dce8f3;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
}

.global-lost-map-view-switch a.is-active{
    background:#fff;
    color:#12365d;
}

.global-lost-map-toolbar{
    position:relative;
    z-index:3;
    width:min(1240px,calc(100% - 32px));
    margin:-18px auto 0;
}

.global-lost-map-filters{
    display:grid;
    grid-template-columns:
        minmax(220px,1.5fr)
        repeat(5,minmax(120px,.75fr))
        auto
        auto
        auto;
    gap:10px;
    align-items:end;
    padding:15px;
    border:1px solid #dae4ed;
    border-radius:17px;
    background:#fff;
    box-shadow:0 15px 40px rgba(6,27,58,.12);
}

.global-lost-map-filters label{
    min-width:0;
    color:#536b82;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}

.global-lost-map-filters label > span{
    display:block;
    margin-bottom:6px;
}

.global-lost-map-filters input,
.global-lost-map-filters select{
    width:100%;
    min-width:0;
    min-height:42px;
    box-sizing:border-box;
    padding:0 10px;
    border:1px solid #cbd8e4;
    border-radius:9px;
    background:#fff;
    color:#102b50;
    font:inherit;
    font-size:12px;
}

.global-lost-map-search{
    position:relative;
}

.global-lost-map-search > i{
    position:absolute;
    left:12px;
    bottom:13px;
    color:#71859a;
}

.global-lost-map-search input{
    padding-left:35px;
}

.global-lost-map-reward{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 10px;
    border:1px solid #cbd8e4;
    border-radius:9px;
    box-sizing:border-box;
    text-transform:none !important;
}

.global-lost-map-reward input{
    width:auto;
    min-height:auto;
}

.global-lost-map-reward span{
    margin:0 !important;
    white-space:nowrap;
}

.global-lost-map-filters > button{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 15px;
    border:0;
    border-radius:9px;
    background:#159653;
    color:#fff;
    font:inherit;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}

.global-lost-map-clear{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:9px;
    color:#a32922;
    font-size:11px;
    font-weight:900;
    text-decoration:none;
}

.global-lost-map-content{
    width:min(1240px,calc(100% - 32px));
    margin:24px auto 0;
}

.global-lost-map-summary{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:13px;
}

.global-lost-map-summary > div:first-child{
    display:flex;
    align-items:baseline;
    gap:7px;
}

.global-lost-map-summary strong{
    color:#071d3c;
    font-size:25px;
}

.global-lost-map-summary span{
    color:#647b91;
    font-size:12px;
}

.global-lost-map-legend{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
}

.global-lost-map-legend span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#536b82;
    font-size:11px;
    font-weight:800;
}

.global-map-legend-dot{
    width:11px;
    height:11px;
    display:inline-block;
    border-radius:50%;
}

.global-map-legend-dot.is-dog{
    background:#dc2626;
}

.global-map-legend-dot.is-cat{
    background:#7c3aed;
}

.global-lost-pet-map{
    width:100%;
    height:680px;
    overflow:hidden;
    border:1px solid #cbd8e4;
    border-radius:19px;
    background:#e6edf4;
    box-shadow:0 17px 45px rgba(6,27,58,.10);
    z-index:1;
}

.global-lost-map-privacy{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-top:10px;
    padding:11px 13px;
    border-radius:10px;
    background:#eef5fa;
    color:#536f87;
    font-size:11px;
    line-height:1.55;
}

.global-lost-map-privacy i{
    margin-top:2px;
    color:#286596;
}

.global-lost-map-marker-wrapper{
    border:0;
    background:transparent;
}

.global-lost-map-marker{
    position:relative;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:3px solid #fff;
    border-radius:50% 50% 50% 5px;
    box-sizing:border-box;
    color:#fff;
    font-size:16px;
    box-shadow:0 5px 13px rgba(0,0,0,.28);
    transform:rotate(-45deg);
}

.global-lost-map-marker i{
    transform:rotate(45deg);
}

.global-lost-map-marker.is-dog{
    background:#dc2626;
}

.global-lost-map-marker.is-cat{
    background:#7c3aed;
}

.global-lost-map-marker.has-reward::after{
    content:'';
    position:absolute;
    top:-5px;
    right:-5px;
    width:13px;
    height:13px;
    border:2px solid #fff;
    border-radius:50%;
    background:#e6a300;
}

.global-map-popup{
    overflow:hidden;
    border-radius:13px;
    background:#fff;
}

.global-map-popup-photo{
    position:relative;
    height:145px;
    overflow:hidden;
    background:#e7edf3;
}

.global-map-popup-photo img,
.global-map-popup-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    object-fit:cover;
}

.global-map-popup-placeholder{
    color:#91a5b7;
    font-size:37px;
}

.global-map-popup-photo > span{
    position:absolute;
    top:9px;
    left:9px;
    padding:5px 8px;
    border-radius:999px;
    background:#dc2626;
    color:#fff;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.global-map-popup-content{
    padding:14px;
}

.global-map-popup-content small{
    color:#dc2626;
    font-size:8px;
    font-weight:900;
}

.global-map-popup-content h3{
    margin:3px 0;
    color:#071d3c;
    font-size:20px;
}

.global-map-popup-content > p{
    margin:0 0 10px;
    color:#647b91;
    font-size:11px;
}

.global-map-popup-location,
.global-map-popup-time{
    display:flex;
    align-items:flex-start;
    gap:6px;
    margin-top:6px;
    color:#536b82;
    font-size:11px;
}

.global-map-popup-location i{
    color:#dc2626;
}

.global-map-popup-reward{
    width:max-content;
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:9px;
    padding:5px 7px;
    border-radius:999px;
    background:#fff5d8;
    color:#936000;
    font-size:9px;
    font-weight:900;
}

.global-map-popup-content > a{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    margin-top:12px;
    padding:10px;
    border-radius:9px;
    background:#159653;
    color:#fff;
    font-size:11px;
    font-weight:900;
    text-decoration:none;
}

.global-lost-map-empty{
    padding:75px 25px;
    border:1px solid #dae4ed;
    border-radius:19px;
    background:#fff;
    text-align:center;
}

.global-lost-map-empty > i{
    color:#91a5b7;
    font-size:52px;
}

.global-lost-map-empty h2{
    margin:14px 0 5px;
    color:#071d3c;
}

.global-lost-map-empty p{
    color:#647b91;
}

.global-lost-map-empty a{
    display:inline-flex;
    margin-top:12px;
    padding:11px 16px;
    border-radius:9px;
    background:#159653;
    color:#fff;
    font-weight:900;
    text-decoration:none;
}

@media(max-width:1150px){
    .global-lost-map-filters{
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .global-lost-map-search{
        grid-column:span 2;
    }
}

@media(max-width:760px){
    .global-lost-map-heading-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .global-lost-map-view-switch{
        width:100%;
    }

    .global-lost-map-view-switch a{
        flex:1;
        justify-content:center;
    }

    .global-lost-map-filters{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .global-lost-map-search{
        grid-column:1 / -1;
    }

    .global-lost-map-summary{
        align-items:flex-start;
        flex-direction:column;
    }

    .global-lost-pet-map{
        height:530px;
    }
}

@media(max-width:480px){
    .global-lost-map-heading{
        padding:34px 14px;
    }

    .global-lost-map-heading h1{
        font-size:32px;
    }

    .global-lost-map-toolbar,
    .global-lost-map-content{
        width:min(100% - 20px,1240px);
    }

    .global-lost-map-filters{
        grid-template-columns:1fr;
    }

    .global-lost-map-search{
        grid-column:auto;
    }

    .global-lost-map-filters > button,
    .global-lost-map-clear{
        width:100%;
    }

    .global-lost-pet-map{
        height:430px;
        border-radius:13px;
    }
}