.ii-areas-we-serve{
    position:relative;
    overflow:hidden;
    padding:4rem 0 5rem;
    background:#1c1917;
    color:#fff;
    border-bottom:1px solid #292524;
}
.ii-areas-glow{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.08),transparent 70%);
}
.ii-areas-inner{
    position:relative;
    z-index:1;
    width:min(calc(100% - 2rem),80rem);
    margin:auto;
}
.ii-areas-header{
    max-width:48rem;
    margin:0 auto 2.5rem;
    text-align:center;
}
.ii-areas-badge{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.4rem .8rem;
    border:1px solid rgba(245,158,11,.4);
    border-radius:999px;
    background:#0c0a09;
    color:#fbbf24;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.ii-areas-badge .dashicons{width:15px;height:15px;font-size:15px}
.ii-areas-header h2{
    margin:.8rem 0 .7rem;
    color:#fff;
    font-size:clamp(2rem,4.5vw,3.2rem);
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.04em;
    text-transform:uppercase;
}
.ii-areas-header h2 span{color:#fbbf24}
.ii-areas-header p{
    max-width:42rem;
    margin:auto;
    color:#d6d3d1;
    font-size:.85rem;
    line-height:1.7;
    font-weight:500;
}
.ii-areas-filter{
    max-width:62rem;
    margin:0 auto 2rem;
    padding:1rem;
    border:1px solid #292524;
    border-radius:1rem;
    background:rgba(12,10,9,.9);
    box-shadow:0 12px 35px rgba(0,0,0,.25);
}
.ii-areas-filter-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
}
.ii-areas-search{
    position:relative;
    width:20rem;
    flex:0 1 20rem;
}
.ii-areas-search>.dashicons{
    position:absolute;
    left:.85rem;
    top:50%;
    transform:translateY(-50%);
    color:#a8a29e;
    width:16px;
    height:16px;
    font-size:16px;
    pointer-events:none;
}
.ii-areas-search input{
    width:100%;
    box-sizing:border-box;
    padding:.7rem .9rem .7rem 2.5rem;
    border:1px solid #44403c;
    border-radius:.75rem;
    background:#1c1917;
    color:#fff;
    font-size:.72rem;
    outline:none;
}
.ii-areas-search input:focus{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf24}
.ii-areas-search input::placeholder{color:#78716c}
.ii-areas-region-pills{
    display:flex;
    gap:.4rem;
    overflow-x:auto;
    scrollbar-width:none;
}
.ii-areas-region-pills::-webkit-scrollbar{display:none}
.ii-areas-region-pills button{
    flex:0 0 auto;
    padding:.6rem .8rem;
    border:1px solid #292524;
    border-radius:.65rem;
    background:#1c1917;
    color:#d6d3d1;
    font-size:.68rem;
    font-weight:800;
    white-space:nowrap;
    cursor:pointer;
}
.ii-areas-region-pills button:hover{border-color:#57534e;color:#fff}
.ii-areas-region-pills button.is-active{
    border-color:#f59e0b;
    background:#f59e0b;
    color:#1c1917;
    box-shadow:0 3px 10px rgba(245,158,11,.2);
}
.ii-areas-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
    max-width:72rem;
    margin:auto;
}
.ii-area-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:205px;
    padding:1.25rem;
    border:1px solid #292524;
    border-radius:1rem;
    background:rgba(12,10,9,.8);
    box-shadow:0 10px 25px rgba(0,0,0,.18);
    transition:border-color .25s ease,transform .25s ease;
}
.ii-area-card:hover{border-color:rgba(245,158,11,.5);transform:translateY(-2px)}
.ii-area-card[hidden]{display:none}
.ii-area-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:.6rem;
}
.ii-area-name-wrap{display:flex;align-items:center;gap:.6rem;min-width:0}
.ii-area-pin{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    width:36px;
    height:36px;
    border:1px solid rgba(245,158,11,.3);
    border-radius:.75rem;
    background:rgba(245,158,11,.1);
    color:#fbbf24;
}
.ii-area-pin .dashicons{width:16px;height:16px;font-size:16px}
.ii-area-card h3{
    margin:0;
    color:#fff;
    font-size:.92rem;
    font-weight:900;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:-.02em;
}
.ii-area-region{
    display:block;
    margin-top:.25rem;
    color:#fbbf24;
    font-size:.58rem;
    font-family:monospace;
    font-weight:800;
    text-transform:uppercase;
}
.ii-area-tag{
    flex:0 0 auto;
    padding:.3rem .5rem;
    border:1px solid #44403c;
    border-radius:.35rem;
    background:#1c1917;
    color:#d6d3d1;
    font-size:.52rem;
    font-weight:900;
    text-transform:uppercase;
    white-space:nowrap;
}
.ii-area-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.6rem;
    margin-top:1rem;
    padding-top:.75rem;
    border-top:1px solid #292524;
}
.ii-area-stats div{
    display:flex;
    align-items:center;
    gap:.35rem;
    min-width:0;
    color:#a8a29e;
    font-size:.62rem;
    font-family:monospace;
}
.ii-area-stats div:last-child{color:#fbbf24;font-weight:800}
.ii-area-stats .dashicons{width:13px;height:13px;font-size:13px;flex:0 0 13px}
.ii-area-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.5rem;
    margin-top:1rem;
    padding-top:.7rem;
    border-top:1px solid rgba(41,37,36,.8);
}
.ii-area-actions a{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    min-height:30px;
    padding:.4rem .6rem;
    border-radius:.5rem;
    text-decoration:none;
    font-size:.58rem;
    font-weight:900;
}
.ii-area-call{
    border:1px solid #44403c;
    background:#1c1917;
    color:#e7e5e4;
}
.ii-area-call .dashicons{color:#fbbf24}
.ii-area-explore{
    background:#f59e0b;
    color:#1c1917;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.ii-area-explore:hover{background:#fbbf24;color:#1c1917}
.ii-area-actions .dashicons{width:13px;height:13px;font-size:13px}
.ii-areas-empty{
    grid-column:1/-1;
    padding:3rem 1rem;
    border:1px solid #292524;
    border-radius:1rem;
    background:#0c0a09;
    text-align:center;
    color:#a8a29e;
}
.ii-areas-empty[hidden]{display:none}
.ii-areas-empty .dashicons{color:#fbbf24}
.ii-areas-empty h3{margin:.5rem 0;color:#fff}
.ii-areas-empty p{margin:0;font-size:.75rem}
.ii-areas-guarantee{
    max-width:62rem;
    margin:2rem auto 0;
    padding:1.5rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    border:1px solid rgba(245,158,11,.3);
    border-radius:1rem;
    background:linear-gradient(90deg,#0c0a09,#1c1917,#0c0a09);
    box-shadow:0 12px 35px rgba(0,0,0,.25);
}
.ii-guarantee-title{
    display:flex;
    align-items:center;
    gap:.45rem;
    color:#fbbf24;
    font-size:.65rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.ii-guarantee-title .dashicons{width:15px;height:15px;font-size:15px}
.ii-areas-guarantee h4{
    margin:.35rem 0 .25rem;
    color:#fff;
    font-size:1rem;
    font-weight:900;
}
.ii-areas-guarantee p{
    margin:0;
    color:#d6d3d1;
    font-size:.7rem;
    line-height:1.6;
}
.ii-guarantee-button{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    flex:0 0 auto;
    padding:.8rem 1.1rem;
    border:1px solid #fcd34d;
    border-radius:.7rem;
    background:#f59e0b;
    color:#1c1917;
    text-decoration:none;
    font-size:.65rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.ii-guarantee-button:hover{background:#fbbf24;color:#1c1917}
.ii-guarantee-button .dashicons{width:15px;height:15px;font-size:15px}
@media(max-width:1000px){
    .ii-areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ii-areas-filter-row{align-items:stretch;flex-direction:column}
    .ii-areas-search{width:100%;flex-basis:auto}
}
@media(max-width:640px){
    .ii-areas-we-serve{padding:3rem 0 4rem}
    .ii-areas-inner{width:min(calc(100% - 1.25rem),80rem)}
    .ii-areas-grid{grid-template-columns:1fr}
    .ii-areas-guarantee{align-items:stretch;flex-direction:column;text-align:center}
    .ii-guarantee-title{justify-content:center}
    .ii-guarantee-button{justify-content:center}
}