.location-detail-hero{background:linear-gradient(135deg,#071a36,#164c80);color:#fff;padding:30px 0 80px}
.location-detail-hero .locations-breadcrumb{margin-bottom:55px;flex-wrap:wrap}
.location-detail-intro{max-width:850px}
.location-detail-intro h1{font-size:clamp(35px,5vw,60px);line-height:1.15;letter-spacing:-1.8px;margin:18px 0}
.location-detail-intro h1 span{color:#7dd3fc}
.location-detail-intro>p{font-size:18px;color:#dbeafe;line-height:1.8;max-width:690px}
.location-detail-stats{display:flex;gap:18px;margin-top:35px;flex-wrap:wrap}
.location-detail-stats>div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);padding:17px 24px;border-radius:14px;min-width:150px}
.location-detail-stats strong{display:block;font-size:28px;color:#fff}
.location-detail-stats span{display:block;color:#bfdbfe;font-size:13px;margin-top:5px}
.location-detail-section{padding:75px 0 20px}
.location-business-section{padding-bottom:90px}
.location-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.location-business-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:27px;display:flex;flex-direction:column;align-items:flex-start}
.location-business-icon{width:48px;height:48px;background:#eff6ff;color:#2563eb;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:21px}
.location-business-card h3{font-size:19px;line-height:1.4;margin:19px 0 12px}
.location-business-card h3 a{color:#0f172a;text-decoration:none}
.location-business-card h3 a:hover{color:#2563eb}
.location-business-card p{font-size:14px;color:#64748b;line-height:1.8;margin:0 0 20px}
.location-business-link{margin-top:auto;color:#2563eb;text-decoration:none;font-size:14px;font-weight:750}
.location-detail-page .locations-bottom{padding-top:20px}
@media(max-width:900px){.location-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.location-detail-hero{padding:25px 0 60px}.location-detail-hero .locations-breadcrumb{margin-bottom:40px}.location-detail-intro h1{letter-spacing:-1px}.location-detail-intro>p{font-size:16px}.location-detail-section{padding:55px 0 10px}.location-business-section{padding-bottom:60px}.location-business-grid{grid-template-columns:1fr}.location-detail-stats>div{flex:1;min-width:125px}}


/* STEP 113B — Premium country, state and city detail */

.location-detail-page .location-detail-hero {
    padding:36px 0 78px;
    background:
        radial-gradient(circle at 88% 15%,
            rgba(96,165,250,.2),transparent 34%),
        linear-gradient(125deg,#071a36,#123c6b 60%,#165a8b);
    position:relative;
    overflow:hidden;
}

.location-detail-page .location-detail-hero .locations-breadcrumb {
    margin-bottom:52px;
}

.location-detail-page .location-detail-intro {
    max-width:930px;
    padding:4px 0;
}

.location-detail-page .location-detail-intro h1 {
    font-size:clamp(35px,4.5vw,60px);
    font-weight:850;
    line-height:1.15;
    letter-spacing:-1.5px;
    text-wrap:balance;
}

.location-detail-page .location-detail-intro h1 span {
    color:#8cdbff;
}

.location-detail-page .location-detail-intro>p {
    color:#d9e9fb;
    max-width:720px;
    line-height:1.85;
}

.location-detail-page .location-detail-stats {
    gap:17px;
    margin-top:36px;
}

.location-detail-page .location-detail-stats>div {
    padding:19px 25px;
    min-width:155px;
    border:1px solid rgba(255,255,255,.19);
    border-radius:15px;
    background:rgba(255,255,255,.095);
    backdrop-filter:blur(8px);
    box-shadow:0 10px 25px rgba(3,15,34,.08);
}

.location-detail-page .location-detail-stats strong {
    font-size:29px;
    font-weight:850;
}

.location-detail-page .location-detail-section {
    padding:69px 0 18px;
}

.location-detail-page .location-business-section {
    padding-bottom:78px;
}

.location-detail-page .location-business-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.location-detail-page .location-business-card {
    min-width:0;
    padding:25px;
    border:1px solid #dfe8f4;
    border-radius:18px;
    background:#fff;
    box-shadow:
        0 5px 14px rgba(20,43,75,.025),
        0 13px 31px rgba(20,43,75,.045);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.location-detail-page .location-business-card:hover {
    transform:translateY(-4px);
    border-color:#b4cff1;
    box-shadow:0 18px 38px rgba(20,43,75,.11);
}

.location-detail-page .location-business-icon {
    width:53px;
    height:53px;
    border:1px solid #d5e5fa;
    border-radius:15px;
    background:linear-gradient(145deg,#e9f3ff,#dcecff);
    color:#2463bf;
}

.location-detail-page .location-business-card h3 {
    margin:19px 0 12px;
    font-size:19px;
    font-weight:800;
    letter-spacing:-.2px;
    overflow-wrap:anywhere;
}

.location-detail-page .location-business-card h3 a {
    color:#193452;
}

.location-detail-page .location-business-card h3 a:hover {
    color:#2563eb;
}

.location-detail-page .location-business-card p {
    color:#647890;
    line-height:1.8;
    margin-bottom:22px;
    overflow-wrap:anywhere;
}

.location-detail-page .location-business-link {
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    border-radius:9px;
    background:#eff6ff;
    color:#1d5bc2;
    font-size:13px;
    font-weight:800;
    transition:background .2s;
}

.location-detail-page .location-business-link:hover {
    background:#dcecff;
}

.location-detail-page .locations-bottom {
    padding-top:15px;
}

@media(max-width:900px) {
    .location-detail-page .location-business-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px) {
    .location-detail-page .location-detail-hero {
        padding:27px 0 57px;
    }

    .location-detail-page .location-detail-hero .locations-breadcrumb {
        margin-bottom:40px;
    }

    .location-detail-page .location-detail-intro h1 {
        letter-spacing:-1px;
    }

    .location-detail-page .location-detail-intro>p {
        font-size:16px;
    }

    .location-detail-page .location-detail-stats>div {
        flex:1;
        min-width:125px;
    }

    .location-detail-page .location-detail-section {
        padding:50px 0 12px;
    }

    .location-detail-page .location-business-section {
        padding-bottom:58px;
    }

    .location-detail-page .location-business-grid {
        grid-template-columns:minmax(0,1fr);
        gap:17px;
    }

    .location-detail-page .location-business-card {
        padding:22px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .location-detail-page .location-business-card {
        transition:none;
    }

    .location-detail-page .location-business-card:hover {
        transform:none;
    }
}
