.districts__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px}.districts__filters{display:flex;flex-wrap:wrap;gap:10px}.districts__filter{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid #e4e6ea;background:#fff;color:#5b6270;font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.districts__filter-icon{width:15px;height:15px;display:flex}.districts__filter-icon svg{width:100%;height:100%}.districts__filter.is-active{border-color:var(--color-gold-600);color:var(--color-gold-600);background:#fff8ef}.districts__sort{padding:10px 16px;border-radius:10px;border:1px solid #e4e6ea;background:#fff;font-family:var(--font-sans);font-size:14px;color:var(--color-dark-950);cursor:pointer}.districts__swiper{width:100%;padding-bottom:44px}.districts__pagination{display:flex;justify-content:center;gap:8px}.districts__pagination .swiper-pagination-bullet{width:8px;height:8px;background:#d8dbe0;opacity:1;border-radius:999px;transition:background .2s ease,width .2s ease}.districts__pagination .swiper-pagination-bullet-active{background:var(--color-gold-600);width:22px}.district-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eceef1;border-radius:16px;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.district-card:hover{box-shadow:0 12px 32px #1116221a;transform:translateY(-3px)}.district-card__media{position:relative;display:block;aspect-ratio:4 / 3;background:var(--color-dark-900)}.district-card__media img{width:100%;height:100%;object-fit:cover}.district-card__badge{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:#0b0f17bf;backdrop-filter:blur(6px);color:#fff9;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.05em}.district-card__badge strong{display:flex;align-items:center;gap:4px;font-size:16px;color:var(--color-gold-500)}.district-card__badge strong svg{width:13px;height:13px}.district-card__body{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;flex:1}.district-card__title{font-family:var(--font-serif);font-weight:600;font-size:19px;color:var(--color-dark-950);text-decoration:none}.district-card__desc{font-family:var(--font-sans);font-size:13px;color:#8a90a0;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.district-card__meta{display:flex;gap:16px;margin:8px 0 4px;flex-wrap:wrap}.district-card__meta span{display:flex;align-items:center;gap:5px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-dark-950)}.district-card__meta svg{width:14px;height:14px;color:#a2a7b3}.district-card__link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--color-gold-600);font-family:var(--font-sans);font-size:14px;font-weight:500;text-decoration:none}.district-card__link svg{width:14px;height:14px}.districts__note{margin-top:40px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(90deg,#fff8ef,#fffdf9);border:1px solid #FBE3BE;border-radius:18px;padding:22px 28px}.districts__note-icon{width:48px;height:48px;color:var(--color-gold-600);flex-shrink:0}.districts__note-icon svg{width:100%;height:100%}.districts__note-text{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px}.districts__note-title{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-dark-950)}.districts__note-desc{font-family:var(--font-sans);font-size:13px;color:#8a90a0;line-height:1.5}.districts__note-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-gold-600);font-family:var(--font-sans);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.districts__note-link svg{width:15px;height:15px}@media (max-width: 640px){.districts__controls{flex-direction:column;align-items:stretch}.districts__sort{width:100%}.districts__note{align-items:center;flex-direction:column}}