.region-hero{
    padding:140px 0 80px;

    background:
    linear-gradient(
        to bottom,
        rgba(0,0,0,.55),
        rgba(0,0,0,.7)
    ),
    url('/assets/images/hero.jpg');

    background-size:cover;
    background-position:center;

    color:#fff;
}

.region-hero h1{
    font-size:64px;
    line-height:1.1;
    margin-bottom:20px;
}

.region-hero p{
    max-width:700px;
    opacity:.9;
    font-size:18px;
}

.region-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
    color:rgba(255,255,255,.82);
    font-size:14px;
}

.region-breadcrumb a{
    color:#fff;
    text-decoration:none;
}

.region-discovery{
    padding:48px 0 8px;
    background:#f8f8f5;
}

.region-link-group{
    margin-bottom:32px;
}

.region-link-group h2{
    margin-bottom:16px;
    font-size:24px;
}

.region-link-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.region-link-list a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    border:1px solid #e7e7e1;
    border-radius:999px;
    background:#fff;
    color:#263d2e;
    text-decoration:none;
}

.region-link-list a:hover{
    border-color:#2f5d3f;
}

.region-link-list small{
    color:#757575;
}

.region-section{
    padding:70px 0;
}

.region-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:24px;
}

.region-card{
    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:
    0 10px 30px rgba(0,0,0,.06);

    transition:.25s ease;
}

.region-card:hover{
    transform:translateY(-5px);
}

.region-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.region-card-content{
    padding:22px;
}

.region-card h3{
    font-size:22px;
    line-height:1.35;
    margin-bottom:12px;
}

.region-card p{
    color:#666;
    line-height:1.7;
}

.pagination-wrapper{
    margin-top:48px;
    display:flex;
    justify-content:center;
}

.pagination-wrapper .pagination{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:0;
    padding:0;
}

.pagination-wrapper .pagination a{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(0,0,0,.06);
    border-radius:14px;
    background:rgba(255,255,255,.92);
    color:#444;
    font-weight:600;
    text-decoration:none;
    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}

.pagination-wrapper .pagination a:hover{
    transform:translateY(-2px);
    border-color:rgba(47,93,63,.18);
    background:#fff;
    color:#2f5d3f;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
}

.pagination-wrapper .pagination .page-number.active{
    border-color:transparent;
    background:linear-gradient(135deg,#2f5d3f,#3d7a53);
    color:#fff;
    box-shadow:0 10px 24px rgba(47,93,63,.22);
}

@media (max-width:768px){
    .region-hero{
        padding:110px 0 56px;
    }

    .region-hero h1{
        font-size:42px;
    }
}