.browse-page{padding-block:24px 48px;min-width:0}
.browse-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.9;margin-bottom:24px;overflow-wrap:anywhere}
.browse-breadcrumb a{color:var(--brand)}
.browse-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.browse-heading h1{font-size:clamp(26px,3vw,38px);line-height:1.6}.browse-heading p{color:var(--muted);white-space:nowrap}
.browse-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-block:16px;border-block:1px solid var(--border);max-height:280px;overflow-y:auto}
.browse-filters a{padding:10px 16px;min-height:44px;border:1px solid var(--border);border-radius:24px;color:var(--brand);font-size:14px}
.browse-filters a[aria-current=page]{background:var(--brand);border-color:var(--brand);color:white}
.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.browse-grid article{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface,#fff);min-width:0}
.browse-card{display:flex;flex-direction:column;height:100%;color:inherit}
.browse-card>img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;background:#edf6f1}
.browse-card-content{padding:20px;display:flex;flex-direction:column;flex:1}
.browse-card h2{overflow-wrap:anywhere;font-size:20px;line-height:1.7;margin:0 0 10px}.browse-card p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:18px}
.browse-card-action{font-size:13px;color:var(--brand);margin-top:auto}
.browse-grid--visa .browse-card{flex-direction:row;align-items:center;padding:18px;gap:18px}
.browse-grid--visa .browse-card>img{width:64px;height:44px;object-fit:contain;background:transparent;flex-shrink:0}
.browse-grid--visa .browse-card-content{padding:0;min-width:0}.browse-grid--visa h2{font-size:18px}
.browse-empty{padding:28px;border:1px solid var(--border);border-radius:10px;line-height:2;background:var(--surface)}
.browse-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:32px}
.browse-pagination>a,.browse-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:8px}
.browse-pagination [aria-current=page]{background:var(--brand);color:white;border-color:var(--brand)}
.browse-pagination [aria-disabled=true]{color:var(--muted);opacity:.65}.browse-pagination .pagination-gap{border:0;min-width:20px;padding:0}
.browse-page-count{flex-basis:100%;text-align:center;color:var(--muted);font-size:13px;margin-top:8px}
.browse-page a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.browse-card:hover h2{text-decoration:underline}
@media(max-width:1000px){.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.browse-grid{grid-template-columns:1fr;gap:18px}.browse-heading{display:block}.browse-heading p{margin-top:8px}.browse-card-content{padding:16px}.browse-filters{gap:6px}.browse-filters a{padding:9px 12px;font-size:13px}.browse-pagination{gap:5px}.browse-pagination>a,.browse-pagination>span{padding-inline:9px}}
.browse-grid--country .browse-card>img[src*="/flag/"]{object-fit:contain}
.browse-grid article.destination-card--country{background:#e4eeec;border-radius:8px}
.browse-grid article.destination-card--attraction{background:#fff;border-radius:10px}
/* The shared country component owns its featured rows; directory breakpoints above remain for other families. */
.browse-grid.destination-grid--countries{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
@media(max-width:700px){.browse-grid.destination-grid--countries{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:390px){.browse-grid.destination-grid--countries{grid-template-columns:minmax(0,1fr)}}

/* شمارش کارت‌های قابل مشاهده، فیلتر موجود و ترتیب HTML را حفظ می‌کند.
   Count visible cards while preserving the existing filter and HTML order. */
@media(min-width:551px) and (max-width:1000px){
    .browse-grid--odd-cards>:nth-child(1 of article:not([hidden])):nth-last-child(odd of article:not([hidden])){grid-column:1/-1}
}