/* ================================================================
   SOCIALNEWS — FULL REDESIGN CSS
   VERSION: 105
   Soft Luxe Dating: кремово-розовый, стекло, Cormorant + DM Sans
   ================================================================ */

/* ── FONTS ── */
:root {
  --ml-serif:  'Cormorant Garamond', Georgia, serif;
  --ml-sans:   'DM Sans', 'Mulish', Arial, sans-serif;

  /* Palette */
  --ml-bg:       #FFF8F5;
  --ml-bg2:      #FFF2EC;
  --ml-card:     #FFFFFF;
  --ml-rose:     #D4436A;
  --ml-rose2:    #B83459;
  --ml-peach:    #FF8C6B;
  --ml-blush:    #FFE4DC;
  --ml-gold:     #C9913A;
  --ml-text:     #2A1F2D;
  --ml-muted:    #7A6070;
  --ml-muted2:   #B8A8B0;
  --ml-border:   rgba(212,67,106,0.12);
  --ml-border2:  rgba(212,67,106,0.22);
  --ml-glass:    rgba(255,255,255,0.72);
  --ml-shadow:   0 4px 24px rgba(212,67,106,0.10);
  --ml-shadow2:  0 12px 48px rgba(212,67,106,0.18);
  --ml-r:        14px;
  --ml-r2:       22px;
  --ml-r3:       999px;
}

/* ── BASE ── */
* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }

body {
  font-family: var(--ml-sans) !important;
  background: linear-gradient(160deg, #FFF3EE 0%, #FFF8F5 60%, #FFF0F8 100%) !important;
  background-attachment: scroll !important;
  color: var(--ml-text) !important;
}

/* mesh gradient background */
/* body::before убран — тормозит скролл на fixed position */

a { transition: color .18s, opacity .18s; text-decoration: none; }
h1,h2,h3,h4,h5 { font-family: var(--ml-sans) !important; }

/* page-load fade */
@keyframes ml-fadein { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
/* main-wrapper animation removed */

/* ================================================================
   HEADER
   ================================================================ */
.lx-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: #FFF8F5 !important;
  border-bottom: 1px solid var(--ml-border) !important;
  box-shadow: 0 2px 24px rgba(212,67,106,0.07) !important;
  /* override old header styles */
  width: 100% !important;
}

/* Kill old black/green header styles */
.header { background: transparent !important; box-shadow: none !important; }
.header__logo { background: transparent !important; border: none !important; width: auto !important; padding: 0 !important; }
.header__logo::before { display: none !important; }
.header__bottom { display: none !important; }
.header__container { display: block !important; }

.lx-header__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 20px;
  height: 62px;
}

.lx-header__search { flex: 1; max-width: 400px; }
.lx-header__right  { margin-left: auto; flex-shrink: 0; }

/* ── LOGO ── */
.lx-logo {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
}

.lx-logo__icon {
  font-size: 22px;
  line-height: 1;
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 1px 4px rgba(212,67,106,0.35));
  /* animation removed for performance */
}

@keyframes ml-pulse {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.12); }
}

.lx-logo__text {
  font-family: var(--ml-serif) !important;
  font-size: 22px;
  font-weight: 400;
  color: var(--ml-text);
  letter-spacing: -0.01em;
}

.lx-logo__text strong {
  font-weight: 700;
  color: var(--ml-rose);
}

.lx-logo--light .lx-logo__text,
.lx-logo--light .lx-logo__text strong { color: #fff !important; }

/* ── SEARCH ── */
.lx-search {
  display: flex;
  align-items: center;
  background: var(--ml-glass) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r3) !important;
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s !important;
}

.lx-search:focus-within {
  border-color: var(--ml-rose) !important;
  box-shadow: 0 0 0 3px rgba(212,67,106,0.12) !important;
}

.lx-search__icon {
  margin: 0 10px 0 14px;
  color: var(--ml-muted2);
  flex-shrink: 0;
  width: 16px; height: 16px;
}

.lx-search__input {
  flex: 1;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  font-size: 14px !important;
  color: var(--ml-text) !important;
  font-family: var(--ml-sans) !important;
  height: 40px;
}

.lx-search__input::placeholder { color: var(--ml-muted2) !important; }

.lx-search__btn {
  background: var(--ml-rose) !important;
  border-radius: 0 var(--ml-r3) var(--ml-r3) 0 !important;
  width: 48px !important;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  border: none;
  cursor: pointer;
  transition: background .18s !important;
  flex-shrink: 0;
}

.lx-search__btn:hover { background: var(--ml-rose2) !important; }

/* ── NAV ── */
.lx-nav {
  background: linear-gradient(90deg, var(--ml-rose) 0%, var(--ml-peach) 100%);
  padding: 0 20px;
}

.lx-nav__mobile {
  padding: 8px 0;
}

.lx-nav__list { gap: 0 !important; flex-wrap: nowrap !important; overflow-x: auto; }
.lx-nav__list::-webkit-scrollbar { display: none; }

.top-menu__link {
  font-family: var(--ml-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.85) !important;
  padding: 13px 14px !important;
  display: block;
  position: relative;
  white-space: nowrap;
  background: transparent !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  transition: color .15s !important;
}

.top-menu__link::after {
  content: '';
  position: absolute;
  bottom: 0; left: 14px; right: 14px;
  height: 2px;
  background: rgba(255,255,255,0.9);
  border-radius: 2px 2px 0 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s cubic-bezier(.4,0,.2,1);
}

.top-menu__link:hover { color: #fff !important; text-decoration: none !important; }
.top-menu__link:hover::after { transform: scaleX(1); }
.top-menu__link.active { color: #fff !important; background: rgba(0,0,0,0.12) !important; border-radius: 0 !important; }
.top-menu__link.active::after { transform: scaleX(1); }

/* footer nav links */
.lx-footer__nav .top-menu__link {
  color: rgba(255,255,255,0.72) !important;
  padding: 5px 10px !important;
  font-size: 13px !important;
}
.lx-footer__nav .top-menu__link::after { display: none !important; }
.lx-footer__nav .top-menu__link:hover { color: #fff !important; background: rgba(255,255,255,0.1) !important; border-radius: 6px !important; }

/* mobile menu links */
.m-menu__link {
  display: block;
  padding: 11px 16px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ml-text) !important;
  border-radius: 10px !important;
  transition: background .15s, color .15s !important;
  text-decoration: none !important;
}

.m-menu__link:hover { background: var(--ml-blush) !important; color: var(--ml-rose) !important; }

/* ── USER CONTROLS ── */
.lx-user { display: flex; align-items: center; gap: 8px; }

.lx-btn-primary {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--ml-r3) !important;
  padding: 9px 22px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  font-family: var(--ml-sans) !important;
  cursor: pointer;
  transition: opacity .2s, transform .15s, box-shadow .2s !important;
  box-shadow: 0 2px 12px rgba(212,67,106,0.30) !important;
}

.lx-btn-primary:hover {
  opacity: .9 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 20px rgba(212,67,106,0.40) !important;
}

.lx-btn-outline {
  color: var(--ml-rose) !important;
  border: 1.5px solid var(--ml-rose) !important;
  background: transparent !important;
  border-radius: var(--ml-r3) !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  font-family: var(--ml-sans) !important;
  cursor: pointer;
  transition: all .18s !important;
}

.lx-btn-outline:hover { background: var(--ml-blush) !important; color: var(--ml-rose2) !important; border-color: var(--ml-rose2) !important; }

/* Wallet */
.lx-wallet {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(201,145,58,0.10) !important;
  border: 1.5px solid rgba(201,145,58,0.28) !important;
  border-radius: var(--ml-r3) !important;
  color: var(--ml-gold) !important;
  font-weight: 700 !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: background .18s !important;
}
.lx-wallet:hover { background: rgba(201,145,58,0.17) !important; color: var(--ml-gold) !important; }

/* Icon btn (messages) */
.lx-icon-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important; height: 38px !important;
  border-radius: var(--ml-r3) !important;
  background: var(--ml-glass) !important;
  border: 1.5px solid var(--ml-border) !important;
  color: var(--ml-muted) !important;
  text-decoration: none !important;
  transition: all .18s !important;
}
.lx-icon-btn:hover { border-color: var(--ml-rose) !important; color: var(--ml-rose) !important; background: var(--ml-blush) !important; }

/* Badge */
.l-badge {
  background: var(--ml-rose) !important;
  color: #fff !important;
  border: 2px solid var(--ml-bg) !important;
  border-radius: var(--ml-r3) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  min-width: 17px;
  height: 17px;
  top: -4px !important; right: -4px !important;
}

/* Avatar btn */
.lx-avatar-btn {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--ml-glass) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r3) !important;
  padding: 5px 12px 5px 6px !important;
  font-family: var(--ml-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ml-text) !important;
  cursor: pointer;
  transition: all .18s !important;
}
.lx-avatar-btn:hover { border-color: var(--ml-rose) !important; background: var(--ml-blush) !important; }

.lx-avatar-img {
  width: 26px !important; height: 26px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid var(--ml-rose) !important;
}

.lx-avatar-name { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Lang button */
.lang-dropdown__button, .lx-lang-btn {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--ml-glass) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r3) !important;
  color: var(--ml-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 7px 12px !important;
  cursor: pointer;
  font-family: var(--ml-sans) !important;
  transition: all .18s !important;
}
.lang-dropdown__button:hover, .lx-lang-btn:hover { border-color: var(--ml-rose) !important; color: var(--ml-rose) !important; }
.lang-dropdown__button::after, .lx-lang-btn::after { display: none !important; }

/* Mobile btns */
.lx-mobile-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 8px 12px !important;
  background: rgba(255,255,255,0.6) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ml-muted) !important;
  cursor: pointer;
  font-family: var(--ml-sans) !important;
  transition: all .18s !important;
}
.lx-mobile-btn:hover { border-color: var(--ml-rose) !important; color: var(--ml-rose) !important; background: var(--ml-blush) !important; }

/* ================================================================
   DROPDOWN MENUS
   ================================================================ */
.dropdown-menu {
  background: #FFFCFA !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r2) !important;
  box-shadow: 0 16px 48px rgba(212,67,106,0.14), 0 2px 8px rgba(0,0,0,0.06) !important;
  padding: 8px !important;
  animation: ml-dropdown .18s cubic-bezier(.4,0,.2,1) !important;
}

@keyframes ml-dropdown { from{opacity:0;transform:translateY(-8px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} }

.dropdown-menu-dark,.dropdown-menu-end { background: #FFFCFA !important; }

.dropdown-item {
  border-radius: 9px !important;
  font-family: var(--ml-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--ml-muted) !important;
  padding: 9px 13px !important;
  transition: background .13s, color .13s !important;
}
.dropdown-item:hover, .dropdown-item:focus { background-color: rgba(212,67,106,0.08) !important; color: var(--ml-rose) !important; }
.dropdown-item.active { background-color: rgba(212,67,106,0.10) !important; color: var(--ml-rose) !important; }
.lx-logout { color: var(--ml-rose) !important; }
.dropdown-divider { border-color: var(--ml-border) !important; margin: 5px 2px !important; }
.dropdown-title { font-size:10px !important; font-weight:700 !important; letter-spacing:.10em !important; text-transform:uppercase !important; color:var(--ml-muted2) !important; padding:7px 10px 4px !important; }
._csslng1 { background-size: 18px !important; padding-left: 32px !important; }

/* ================================================================
   BUTTONS
   ================================================================ */
.button, a.button {
  font-family: var(--ml-sans) !important;
  font-weight: 700 !important;
  border-radius: var(--ml-r3) !important;
  transition: opacity .2s, transform .15s, box-shadow .2s !important;
  letter-spacing: .01em !important;
}

.button--primary, a.button--primary {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  box-shadow: 0 2px 12px rgba(212,67,106,0.28) !important;
  border: none !important;
}
.button--primary:hover, a.button--primary:hover {
  opacity: .9 !important; transform: translateY(-1px) !important;
  box-shadow: 0 4px 20px rgba(212,67,106,0.38) !important;
  color: #fff !important;
}

.button--danger, a.button--danger { background: #e74c6e !important; color: #fff !important; }
.button--danger:hover { background: #c43258 !important; }

/* Filter pills */
.filter-block .dropdown .button,
.filter-block .dropdown .button--primary {
  background: var(--ml-glass) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r3) !important;
  color: var(--ml-muted) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}
.filter-block .dropdown .button:hover,
.filter-block .dropdown .dropdown-toggle.active,
.filter-block .dropdown .button.active {
  background: var(--ml-blush) !important;
  border-color: var(--ml-rose) !important;
  color: var(--ml-rose) !important;
  box-shadow: none !important;
}
.filter-block .dropdown .button::after,
.filter-block .dropdown .button--primary::after { display: none !important; }

.btn-dark {
  background: var(--ml-text) !important;
  border: none !important;
  border-radius: var(--ml-r3) !important;
  font-family: var(--ml-sans) !important;
}
.btn-dark:hover { background: var(--ml-rose) !important; }
.btn-dark::after { display: none !important; }

/* ================================================================
   SIDEBAR
   ================================================================ */
.cc-block {
  background: var(--ml-card) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r2) !important;
  box-shadow: var(--ml-shadow) !important;
  padding: 8px !important;
}

._countrycss1 {
  font-family: var(--ml-sans) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--ml-muted2) !important;
  border-bottom: 1px solid var(--ml-border) !important;
  padding: 11px 10px 5px !important;
  margin: 4px 0 !important;
}

.cc-menu__link {
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ml-muted) !important;
  padding: 7px 10px !important;
  transition: background .13s, color .13s !important;
}
.cc-menu__link:hover { background: var(--ml-blush) !important; color: var(--ml-rose) !important; }
.cc-menu__link.active { background: var(--ml-blush) !important; color: var(--ml-rose) !important; font-weight: 700 !important; }
.cc-menu__caret:hover { background: var(--ml-blush) !important; color: var(--ml-rose) !important; }
.cc-menu__caret .icon { color: var(--ml-muted2) !important; }
.cc-menu-dropdown { border-left: 2px solid var(--ml-border) !important; padding-left: 8px !important; }
.cc-menu-dropdown a { color: var(--ml-muted2) !important; border-radius: 6px !important; padding: 4px 8px !important; display: block !important; }
.cc-menu-dropdown a:hover { color: var(--ml-rose) !important; background: var(--ml-blush) !important; }
.cc-menu-dropdown a.active { color: var(--ml-rose) !important; font-weight: 600 !important; }

/* ================================================================
   КАРТОЧКИ МОДЕЛЕЙ
   ================================================================ */
@keyframes ml-card-in {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}

.model {
  background: var(--ml-card) !important;
  border-radius: var(--ml-r) !important;
  border: 1.5px solid var(--ml-border) !important;
  box-shadow: var(--ml-shadow) !important;
  overflow: hidden !important;
  transition: transform .30s cubic-bezier(.4,0,.2,1), box-shadow .30s, border-color .2s !important;
  animation: ml-card-in .4s cubic-bezier(.4,0,.2,1) both !important;
}

.model:hover {
  transform: translateY(-6px) scale(1.015) !important;
  box-shadow: var(--ml-shadow2) !important;
  border-color: rgba(212,67,106,0.30) !important;
}

/* Stagger animation */
.row>[class*="col-"]:nth-child(1) .model  { animation-delay:.00s !important }
.row>[class*="col-"]:nth-child(2) .model  { animation-delay:.05s !important }
.row>[class*="col-"]:nth-child(3) .model  { animation-delay:.10s !important }
.row>[class*="col-"]:nth-child(4) .model  { animation-delay:.15s !important }
.row>[class*="col-"]:nth-child(5) .model  { animation-delay:.20s !important }
.row>[class*="col-"]:nth-child(6) .model  { animation-delay:.25s !important }
.row>[class*="col-"]:nth-child(7) .model  { animation-delay:.30s !important }
.row>[class*="col-"]:nth-child(8) .model  { animation-delay:.35s !important }
.row>[class*="col-"]:nth-child(9) .model  { animation-delay:.40s !important }
.row>[class*="col-"]:nth-child(10) .model { animation-delay:.45s !important }
.row>[class*="col-"]:nth-child(11) .model { animation-delay:.48s !important }
.row>[class*="col-"]:nth-child(12) .model { animation-delay:.50s !important }

.model-body { border-radius: var(--ml-r) var(--ml-r) 0 0 !important; overflow: hidden !important; }
.model-img img { transition: transform .60s cubic-bezier(.4,0,.2,1) !important; }
.model:hover .model-img img { transform: scale(1.07) !important; }
.model-header__link { border: 2px solid var(--ml-rose) !important; border-radius: 50% !important; }

.model-info__city  { color: rgba(255,255,255,.78) !important; font-size:11px !important; font-weight:600 !important; }
.model-info__text  { font-size:11.5px !important; color:rgba(255,255,255,.88) !important; }
.model-info__text b,.model-info__text strong { font-size:15px !important; font-weight:800 !important; color:#fff !important; }
.model-info__view  { color:rgba(255,255,255,.48) !important; font-size:10px !important; }
.model-info__view svg { fill:rgba(255,255,255,.48) !important; }

/* Like/comment */
.news-item__info-btn {
  background: rgba(0,0,0,0.28) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 9px !important;
  color: rgba(255,255,255,.9) !important;
  font-family: var(--ml-sans) !important;
  transition: all .18s !important;
}
.news-item__info-btn:hover { background: rgba(212,67,106,0.65) !important; color: #fff !important; }
.news-item__info-btn.active svg { fill: #ff6b9d !important; }

/* Labels */
.labels__item {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--ml-r3) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  padding: 3px 9px !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(212,67,106,.30) !important;
}
.labels__item svg { fill: #fff !important; }

/* User avatars in posts */
.user-img img { border: 2px solid var(--ml-rose) !important; border-radius: 50% !important; }
.user-name { color: var(--ml-rose) !important; }

/* Stories (view-item) */
.view-item__img {
  border: 3px solid transparent !important;
  background: linear-gradient(white,white) padding-box,
              linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) border-box !important;
  border-radius: 50% !important;
}
.view-item__name span { color: var(--ml-rose) !important; }

/* ================================================================
   ANNONCE / ADS CARDS
   ================================================================ */
.annonce-item {
  background: var(--ml-card) !important;
  border-radius: var(--ml-r) !important;
  border: 1.5px solid var(--ml-border) !important;
  box-shadow: var(--ml-shadow) !important;
  overflow: hidden !important;
  transition: transform .28s cubic-bezier(.4,0,.2,1), box-shadow .28s, border-color .2s !important;
  animation: ml-card-in .4s cubic-bezier(.4,0,.2,1) both !important;
}
.annonce-item:hover { transform: translateY(-4px) !important; box-shadow: var(--ml-shadow2) !important; border-color: rgba(212,67,106,.28) !important; }
.annonce-item__content { background: transparent !important; border-radius: 0 0 var(--ml-r) var(--ml-r) !important; }
.annonce-item__img { border-radius: var(--ml-r) var(--ml-r) 0 0 !important; overflow: hidden !important; }
.annonce-item__img img { transition: transform .45s ease !important; }
.annonce-item:hover .annonce-item__img img { transform: scale(1.05) !important; }
.annonce-item__title { font-weight: 700 !important; font-size: 15px !important; color: var(--ml-text) !important; transition: color .18s !important; font-family: var(--ml-sans) !important; }
.annonce-item__title:hover { color: var(--ml-rose) !important; }
.annonce-item__view { color: var(--ml-muted2) !important; font-size: 11px !important; }

/* ================================================================
   SECTION HEADINGS
   ================================================================ */
.section-inner__title {
  font-family: var(--ml-sans) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--ml-text) !important;
  letter-spacing: -.01em !important;
}
.section-inner__title a { color: var(--ml-text) !important; }
.section-inner__title a:hover { color: var(--ml-rose) !important; text-decoration: none !important; }
.section-inner__link, .sc-link { color: var(--ml-rose) !important; font-weight: 600 !important; font-size: 13px !important; }
.section-inner__link:hover { color: var(--ml-rose2) !important; text-decoration: none !important; }
.section-inner__head { border-bottom: 2px solid var(--ml-border) !important; }
.section-inner__head::before { display: none !important; }

.tags-block {
  background: var(--ml-card) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r2) !important;
  box-shadow: var(--ml-shadow) !important;
}
.tags-block__title { font-family: var(--ml-sans) !important; font-size: 22px !important; font-weight: 800 !important; color: var(--ml-text) !important; }
.tags-block__title span { color: var(--ml-rose) !important; }
.title-h1 { font-family: var(--ml-sans) !important; color: var(--ml-rose) !important; font-weight: 800 !important; font-size: 20px !important; text-transform: none !important; }
.title { color: var(--ml-rose) !important; font-family: var(--ml-sans) !important; }

/* ================================================================
   FILTER BLOCK
   ================================================================ */
.filter-block {
  background: var(--ml-card) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r2) !important;
  box-shadow: var(--ml-shadow) !important;
}

/* ================================================================
   BANNER
   ================================================================ */
.banner {
  border-radius: var(--ml-r) !important;
  overflow: hidden !important;
  border: 1.5px solid var(--ml-border) !important;
  background: var(--ml-blush) !important;
  transition: box-shadow .2s !important;
}
.banner:hover { box-shadow: var(--ml-shadow) !important; }
.banner img { transition: transform .3s ease !important; }
.banner:hover img { transform: scale(1.02) !important; }

/* ================================================================
   POPUP / MODALS
   ================================================================ */
.popup {
  background: rgba(42,31,45,0.60) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.popup .btn-close, .btn-close {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(212,67,106,.28) !important;
  transition: opacity .18s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.popup .btn-close:hover, .btn-close:hover { opacity: .85 !important; }
.popup .btn-close .icon, .btn-close .icon { color: #fff !important; }

.popup .modal-content, .modal-content {
  border-radius: 24px !important;
  border: 1.5px solid var(--ml-border) !important;
  box-shadow: 0 24px 80px rgba(42,31,45,0.22) !important;
  background: rgba(255,252,250,0.97) !important;
  backdrop-filter: blur(20px) !important;
  animation: ml-modal .25s cubic-bezier(.4,0,.2,1) !important;
}

@keyframes ml-modal { from{opacity:0;transform:translateY(16px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} }

.popup .modal-header, .modal-header { border-bottom: 1px solid var(--ml-border) !important; }
.popup .modal-title, .modal-title { font-family: var(--ml-sans) !important; font-size: 20px !important; font-weight: 800 !important; color: var(--ml-text) !important; }
.popup .modal-foot, .modal-footer { border-top: 1px solid var(--ml-border) !important; }
#model_post_comments_modal .btn-close { background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important; }
.models-modal__comment-img { border-color: var(--ml-rose) !important; }

/* ================================================================
   FORMS
   ================================================================ */
.form-control, .form-select, .form-input, .modal-input,
input[type=text], input[type=email], input[type=password],
input[type=number], input[type=tel], textarea, select {
  font-family: var(--ml-sans) !important;
  background: rgba(255,255,255,0.75) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r) !important;
  color: var(--ml-text) !important;
  transition: border-color .18s, box-shadow .18s, background .18s !important;
}
.form-control:focus, .form-select:focus, .form-input:focus, .modal-input:focus,
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {
  border-color: var(--ml-rose) !important;
  box-shadow: 0 0 0 3px rgba(212,67,106,0.12) !important;
  background: #fff !important;
  outline: none !important;
}
.form-control::placeholder, input::placeholder, textarea::placeholder { color: var(--ml-muted2) !important; }
.form-label { font-size: 11px !important; font-weight: 700 !important; color: var(--ml-muted) !important; letter-spacing: .07em !important; text-transform: uppercase !important; }
select.form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A6070' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 12px center !important;
}
.form-check-input:checked { background-color: var(--ml-rose) !important; border-color: var(--ml-rose) !important; }

/* ================================================================
   FOOTER
   ================================================================ */
.lx-footer {
  background: linear-gradient(135deg, #2A1F2D 0%, #3d1a2a 50%, #2A1F2D 100%) !important;
  margin-top: 40px !important;
}
.footer { background: transparent !important; }

.lx-footer__inner {
  display: flex;
  gap: 48px;
  padding: 48px 0 32px;
  align-items: flex-start;
}

.lx-footer__brand { flex-shrink: 0; }
.lx-footer__slogan { font-family: var(--ml-serif); font-size: 15px; color: rgba(255,255,255,0.5); font-style: italic; margin-top: 6px; }

/* Kill old footer logo black bg */
.footer__logo { background: transparent !important; width: auto !important; }
.footer__logo::before, .footer__logo::after { display: none !important; }

.lx-footer__text { color: rgba(255,255,255,0.65) !important; font-size: 12px !important; }
.lx-footer__text a { color: rgba(255,255,255,0.65) !important; }
.lx-footer__text a:hover { color: #fff !important; text-decoration: none !important; }
.footer .agelimit { color: rgba(255,255,255,0.55) !important; }
.footer__text { border-top-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.65) !important; }
.footer a { color: rgba(255,255,255,0.72) !important; }
.footer a:hover { color: #fff !important; text-decoration: none !important; }

/* ================================================================
   OFFCANVAS
   ================================================================ */
.lx-offcanvas {
  background: rgba(255,248,245,0.97) !important;
  backdrop-filter: blur(20px) !important;
  border-right: 1px solid var(--ml-border) !important;
  box-shadow: 4px 0 32px rgba(0,0,0,0.08) !important;
}

.lx-offcanvas--top {
  border-right: none !important;
  border-bottom: 1px solid var(--ml-border) !important;
  padding: 16px 20px !important;
}

.lx-offcanvas__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  border-bottom: 1px solid var(--ml-border);
}
.lx-offcanvas__title { font-weight: 700; font-size: 16px; color: var(--ml-text); }

.lx-offcanvas__search { display: flex; align-items: center; gap: 10px; }

.lx-close {
  width: 30px !important; height: 30px !important;
  background: var(--ml-blush) !important;
  border: none !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: var(--ml-rose) !important;
  cursor: pointer;
  transition: background .18s !important;
}
.lx-close:hover { background: var(--ml-rose) !important; color: #fff !important; }

/* ================================================================
   PAGINATION
   ================================================================ */
.paging-list__link {
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-family: var(--ml-sans) !important;
  transition: background .18s, color .18s, box-shadow .18s !important;
}
.paging-list__link.is-active, .paging-list__link:hover {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(212,67,106,0.28) !important;
}

/* ================================================================
   ALERTS
   ================================================================ */
.alert-success { background: rgba(16,185,129,0.08) !important; border-color: rgba(16,185,129,0.25) !important; color: #065F46 !important; }
.alert-danger  { background: rgba(212,67,106,0.08) !important; border-color: rgba(212,67,106,0.25) !important; color: var(--ml-rose2) !important; }
.alert-warning { background: rgba(245,158,11,0.08) !important; border-color: rgba(245,158,11,0.25) !important; color: #92400E !important; }
.alert-info    { background: rgba(14,165,233,0.08) !important; border-color: rgba(14,165,233,0.25) !important; color: #0C4A6E !important; }

/* ================================================================
   CARDS (account pages)
   ================================================================ */
.card {
  background: var(--ml-card) !important;
  border-radius: 20px !important;
  border: 1.5px solid var(--ml-border) !important;
  box-shadow: var(--ml-shadow) !important;
}
.card-header { border-bottom: 1px solid var(--ml-border) !important; }

.nav-tabs { border-bottom: 2px solid var(--ml-border) !important; }
.nav-tabs .nav-link { font-family: var(--ml-sans) !important; font-weight: 600 !important; color: var(--ml-muted) !important; border-radius: 10px 10px 0 0 !important; border: none !important; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { color: var(--ml-rose) !important; background: var(--ml-blush) !important; border: none !important; }
.nav-tabs .nav-link.active { border-bottom: 2px solid var(--ml-rose) !important; }

.register-cat .button { border-radius: 14px !important; border: 1.5px solid var(--ml-border) !important; background: rgba(255,255,255,0.6) !important; }
.register-cat .button:hover, .register-cat .button.active { background: var(--ml-blush) !important; border-color: var(--ml-rose) !important; color: var(--ml-rose) !important; }

/* Arrows */
.arrow-green { border-color: var(--ml-rose) !important; border-radius: 50% !important; }
.arrow-green:hover { background: var(--ml-rose) !important; }
.arrow-green:hover svg { fill: #fff !important; }

/* Chat */
.chat_v2 .chat_title { color: var(--ml-rose) !important; }
.chat_v2 .chatv2_box { border-radius: 18px !important; border: 1.5px solid var(--ml-border) !important; }

/* Wrappers for content sections */

/* ================================================================
   SCROLLBAR
   ================================================================ */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(212,67,106,.22); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--ml-rose); }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1199px) {
  .lx-footer__inner { flex-direction: column; gap: 24px; }
}

@media (max-width: 768px) {
  .lx-header__inner { height: 54px; padding: 0 12px; gap: 10px; }
  .lx-footer__inner { padding: 32px 0 24px; }
}

/* ================================================================
   PATCH v2 — fixes from screenshots
   ================================================================ */

/* ── FIX: зелёные имена → розовые ── */
.user-name { color: var(--ml-rose) !important; }
a.user-name, .user-name a { color: var(--ml-rose) !important; }

/* kill ALL #33ba00 green */
* { --accentColor: var(--ml-rose) !important; }

/* ── FIX: search form — position absolute button ── */
.search-form, .lx-search {
  position: relative !important;
  display: block !important;
  background: rgba(255,255,255,0.90) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: var(--ml-r3) !important;
  overflow: visible !important;
  transition: border-color .2s, box-shadow .2s !important;
}

.search-form:focus-within, .lx-search:focus-within {
  border-color: var(--ml-rose) !important;
  box-shadow: 0 0 0 3px rgba(212,67,106,0.13) !important;
}

.search-form__input, .lx-search__input {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  background: transparent !important;
  border: none !important;
  border-radius: var(--ml-r3) !important;
  padding: 0 52px 0 18px !important;
  font-family: var(--ml-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ml-text) !important;
}
.search-form__input::placeholder, .lx-search__input::placeholder { color: var(--ml-muted2) !important; }

.search-form__button, .lx-search__btn {
  position: absolute !important;
  top: 4px !important; right: 4px !important;
  bottom: 4px !important;
  width: 36px !important;
  height: auto !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: opacity .18s !important;
}
.search-form__button:hover, .lx-search__btn:hover { opacity: .88 !important; }
.search-form__button .icon, .search-form__button svg, .lx-search__btn svg {
  color: #fff !important;
  fill: #fff !important;
  width: 15px !important; height: 15px !important;
  font-size: 16px !important;
}
/* Hide the separate icon that floats */
.lx-search__icon { display: none !important; }

/* ── FIX: футер — тёмный с видимым текстом ── */
.lx-footer,
.footer {
  background: linear-gradient(135deg, #1e0f18 0%, #2e1222 50%, #1e0f18 100%) !important;
  position: relative !important;
}

.lx-footer__inner { padding: 48px 20px 32px !important; }

.lx-footer .lx-footer__nav .top-menu__link,
.footer .top-menu__link,
.footer .top-menu__item .top-menu__link {
  color: rgba(255,200,210,0.80) !important;
  background: transparent !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  transition: all .18s !important;
}
.lx-footer .lx-footer__nav .top-menu__link:hover,
.footer .top-menu__link:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.10) !important;
}
.lx-footer__nav .top-menu__link::after { display: none !important; }

.footer__text, .lx-footer__text {
  color: rgba(255,200,210,0.70) !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
}

.footer__text a, .lx-footer__text a,
.footer a { color: rgba(255,200,210,0.75) !important; }
.footer__text a:hover, .lx-footer__text a:hover,
.footer a:hover { color: #fff !important; }

.footer .agelimit { color: rgba(255,200,210,0.60) !important; }
.lx-footer__slogan { color: rgba(255,200,210,0.55) !important; }

/* copyright */
.copyright { color: rgba(255,200,210,0.60) !important; }

/* ================================================================
   NEW CARD FORMAT — "Magazine" layout
   Широкие карточки 4-в-ряд на десктопе, с лентой тегов
   ================================================================ */

/* Обёртка карточки — теперь НЕ модель-обёртка */
.ml-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: var(--ml-card);
  border: 1.5px solid var(--ml-border);
  box-shadow: 0 4px 20px rgba(212,67,106,0.08);
  transition: transform .30s cubic-bezier(.4,0,.2,1),
              box-shadow .30s,
              border-color .20s;
  animation: ml-card-in .45s cubic-bezier(.4,0,.2,1) both;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ml-card:hover {
  transform: translateY(-7px) scale(1.018);
  box-shadow: 0 20px 56px rgba(212,67,106,0.22);
  border-color: rgba(212,67,106,0.35);
}

/* Image area */
.ml-card__img {
  position: relative;
  padding-top: 128%; /* 4:5 ratio */
  overflow: hidden;
  background: linear-gradient(160deg, #f9eef0, #f0e5f0);
  flex-shrink: 0;
}

.ml-card__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .60s cubic-bezier(.4,0,.2,1);
  display: block;
}

.ml-card:hover .ml-card__img img { transform: scale(1.08); }

/* Gradient overlay */
.ml-card__img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(20,8,16,0.88) 0%,
    rgba(20,8,16,0.40) 35%,
    rgba(20,8,16,0.08) 60%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Online badge */
.ml-card__online {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(0,0,0,0.35);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ml-card__online::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 6px rgba(74,222,128,0.8);
  /* blink removed */
}
@keyframes ml-blink { 0%,100%{opacity:1} 50%{opacity:.4} }

/* Labels top right */
.ml-card__labels {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
}

.ml-card__label {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach));
  color: #fff;
  box-shadow: 0 2px 8px rgba(212,67,106,.35);
}

.ml-card__label--vip {
  background: linear-gradient(135deg, #B8860B, #DAA520);
}

/* Info overlay at bottom */
.ml-card__info {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 3;
  padding: 14px 14px 12px;
}

.ml-card__name {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 6px rgba(0,0,0,0.5);
}

.ml-card__name span {
  font-weight: 400;
  font-size: 13px;
  opacity: .85;
}

.ml-card__location {
  font-size: 11px;
  color: rgba(255,255,255,.65);
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 6px;
}

.ml-card__location a { color: inherit !important; transition: color .15s !important; }
.ml-card__location a:hover { color: rgba(255,220,220,.95) !important; }

/* Action buttons */
.ml-card__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}

.ml-card__action {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.88);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all .18s;
  font-family: var(--ml-sans);
}

.ml-card__action:hover {
  background: rgba(212,67,106,0.60);
  border-color: rgba(212,67,106,0.40);
  color: #fff;
  transform: scale(1.05);
}

.ml-card__action.liked { background: rgba(212,67,106,0.55); color: #fff; }
.ml-card__action svg { width: 13px; height: 13px; flex-shrink: 0; fill: currentColor; }
.ml-card__action--heart svg { fill: none; stroke: currentColor; stroke-width: 1.8; transition: fill .18s; }
.ml-card__action.liked .ml-card__action--heart svg,
.ml-card__action--heart:hover svg { fill: currentColor; stroke: currentColor; }

.ml-card__views {
  margin-left: auto;
  font-size: 10px;
  color: rgba(255,255,255,.45);
  display: flex;
  align-items: center;
  gap: 3px;
}
.ml-card__views svg { fill: rgba(255,255,255,.45); width:10px; height:10px; }

/* Override old .model styles when inside new layout */
.ml-card .model-body,
.ml-card .model-img,
.ml-card .model-info,
.ml-card .news-item__info { display: none !important; }

/* ================================================================
   SNIPET — переопределяем выход model_home_item
   через CSS чтобы не менять PHP
   ================================================================ */

/* Wrap the col div */
[class*="col-"] > .model {
  border-radius: 20px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.82) !important;
  border: 1.5px solid var(--ml-border) !important;
  box-shadow: 0 4px 20px rgba(212,67,106,0.08) !important;
  transition: transform .30s cubic-bezier(.4,0,.2,1), box-shadow .30s, border-color .20s !important;
}

[class*="col-"] > .model:hover {
  transform: translateY(-7px) scale(1.018) !important;
  box-shadow: 0 20px 56px rgba(212,67,106,0.22) !important;
  border-color: rgba(212,67,106,0.35) !important;
}

/* Image zoom on hover */
[class*="col-"] > .model:hover .model-img img { transform: scale(1.08) !important; }

/* Stronger gradient */
.model-img::before {
  background: linear-gradient(
    to top,
    rgba(20,8,16,0.90) 0%,
    rgba(20,8,16,0.45) 35%,
    rgba(20,8,16,0.10) 60%,
    transparent 100%
  ) !important;
  height: 65% !important;
}

/* Name bigger */
.model-info__text {
  font-size: 13px !important;
  color: rgba(255,255,255,.9) !important;
}
.model-info__text b, .model-info__text strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.5) !important;
}

/* Info bottom — push buttons to right */
.news-item__info {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  right: 10px !important;
  bottom: 14px !important;
}

.news-item__info-btn {
  min-width: 36px !important;
  padding: 5px 8px !important;
  background: rgba(20,8,16,0.42) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  border-radius: 10px !important;
  transition: all .20s !important;
  font-family: var(--ml-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.9) !important;
}

.news-item__info-btn:hover {
  background: rgba(212,67,106,0.65) !important;
  border-color: rgba(212,67,106,0.35) !important;
  transform: scale(1.08) !important;
}

.news-item__info-btn.active {
  background: rgba(212,67,106,0.55) !important;
}

/* ================================================================
   STORIES — redesign
   ================================================================ */
.view-item__img {
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: none !important;
  padding: 2.5px !important;
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach), #ffb3c6) !important;
  box-shadow: 0 4px 16px rgba(212,67,106,0.25) !important;
  transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s !important;
}

.view-item__img:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 6px 24px rgba(212,67,106,0.38) !important;
}

.view-item__img img {
  border-radius: 50% !important;
  border: 2.5px solid #fff !important;
}

.view-item__name { font-size: 12px !important; font-weight: 600 !important; color: var(--ml-text) !important; }
.view-item__name span { color: var(--ml-rose) !important; }

/* Swiper arrows — rose style */
.model-prev, .model-next,
.swiper-button-prev, .swiper-button-next {
  background: rgba(255,255,255,0.88) !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--ml-border) !important;
  width: 38px !important; height: 38px !important;
  box-shadow: 0 2px 12px rgba(212,67,106,0.15) !important;
  transition: all .2s !important;
}
.model-prev:hover, .model-next:hover,
.swiper-button-prev:hover, .swiper-button-next:hover {
  background: var(--ml-rose) !important;
  border-color: var(--ml-rose) !important;
}
.swiper-button-prev::after, .swiper-button-next::after {
  font-size: 13px !important;
  color: var(--ml-rose) !important;
  font-weight: 900 !important;
}
.swiper-button-prev:hover::after, .swiper-button-next:hover::after {
  color: #fff !important;
}

/* ================================================================
   domain fix: meta / title не нужен в CSS
   ================================================================ */

/* ================================================================
   ADDITIONAL HOVER ANIMATIONS
   ================================================================ */

/* Floating hearts on card hover */
@keyframes ml-float {
  0%   { transform: translateY(0) scale(1); opacity: .8; }
  100% { transform: translateY(-30px) scale(.6); opacity: 0; }
}

/* Ripple on buttons */
.button--primary::after,
.lx-btn-primary::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
  opacity: 0;
  transition: opacity .3s;
}
.button--primary:hover::after,
.lx-btn-primary:hover::after { opacity: 1; }

/* Section entrance animations */
/* Section animations removed for performance */

/* Hover glow on sidebar links */
.cc-menu__link {
  position: relative;
  overflow: hidden;
}
.cc-menu__link::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at left center, rgba(212,67,106,.08) 0%, transparent 70%);
  opacity: 0;
  transition: opacity .2s;
}
.cc-menu__link:hover::before { opacity: 1; }


/* ================================================================
   AD PLACEHOLDERS v3 — через overflow:hidden + flex + ::after overlay
   ================================================================ */

/* Базовый сброс */
a.ads_examples {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: relative !important;
  text-decoration: none !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  transition: opacity .22s, transform .22s !important;
  /* Прячем оригинальный текст */
  font-size: 0 !important;
  line-height: 0 !important;
}

a.ads_examples:hover { opacity: .88 !important; transform: scale(1.012) !important; }

/* Псевдоэлементы — сбрасываем font-size явно */
a.ads_examples::before {
  font-size: 24px !important;
  line-height: 1 !important;
  display: block !important;
}

a.ads_examples::after {
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  display: block !important;
}



/* ── UNDER MODELS ── */
._ads_undermodel a.ads_examples {
  width: 100% !important;
  height: 80px !important;
  flex-direction: row !important;
  gap: 8px !important;
  background: linear-gradient(110deg, rgba(212,67,106,0.06) 0%, rgba(255,180,107,0.08) 100%) !important;
  border: 1.5px dashed rgba(212,67,106,0.22) !important;
  border-radius: 12px !important;
}
._ads_undermodel a.ads_examples::before { content: "✨" !important; font-size: 20px !important; }
._ads_undermodel a.ads_examples::after  { content: "Your ad here" !important; color: var(--ml-rose) !important; opacity: .80 !important; }

/* ── UNDER NEWS ── */
._ads_undernews a.ads_examples {
  width: 100% !important;
  height: 70px !important;
  flex-direction: row !important;
  gap: 8px !important;
  background: linear-gradient(110deg, rgba(180,100,212,0.06) 0%, rgba(212,67,106,0.07) 100%) !important;
  border: 1.5px dashed rgba(180,100,212,0.22) !important;
  border-radius: 12px !important;
}
._ads_undernews a.ads_examples::before { content: "📣" !important; font-size: 18px !important; }
._ads_undernews a.ads_examples::after  { content: "Your ad here" !important; color: #a050d0 !important; opacity: .80 !important; }

/* ── ABOUT / SMALL ── */
._ads_about a.ads_examples,
[class*="_ads_about"] a.ads_examples {
  width: 100% !important;
  height: 90px !important;
  background: linear-gradient(135deg, rgba(255,140,107,0.08) 0%, rgba(212,67,106,0.08) 100%) !important;
  border: 1.5px dashed rgba(255,140,107,0.28) !important;
  border-radius: 12px !important;
}
._ads_about a.ads_examples::before,
[class*="_ads_about"] a.ads_examples::before { content: "🎯" !important; font-size: 22px !important; }
._ads_about a.ads_examples::after,
[class*="_ads_about"] a.ads_examples::after  { content: "Advertise" !important; color: var(--ml-rose) !important; opacity: .85 !important; }

/* ── LEFT SIDEBAR ── */
.wrap__side .banner a.ads_examples,
.wrap__side a.ads_examples {
  width: 100% !important;
  min-height: 160px !important;
  background: linear-gradient(160deg, rgba(212,67,106,0.06) 0%, rgba(255,140,107,0.09) 50%, rgba(180,80,200,0.06) 100%) !important;
  border: 1.5px dashed rgba(212,67,106,0.22) !important;
  border-radius: 16px !important;
  transition: all .22s !important;
}
.wrap__side .banner a.ads_examples:hover,
.wrap__side a.ads_examples:hover { background: linear-gradient(160deg, rgba(212,67,106,0.10) 0%, rgba(255,140,107,0.14) 50%, rgba(180,80,200,0.10) 100%) !important; border-color: rgba(212,67,106,0.40) !important; }
.wrap__side .banner a.ads_examples::before,
.wrap__side a.ads_examples::before { content: "💎" !important; font-size: 28px !important; }
.wrap__side .banner a.ads_examples::after,
.wrap__side a.ads_examples::after  { content: "Advertise here" !important; color: var(--ml-rose) !important; text-align: center !important; opacity: .80 !important; }

/* ── RIGHT SIDEBAR ── */
.wrap__side2 a.ads_examples {
  width: 100% !important;
  min-height: 200px !important;
  background: linear-gradient(160deg, rgba(255,140,107,0.07) 0%, rgba(212,67,106,0.09) 100%) !important;
  border: 1.5px dashed rgba(212,67,106,0.22) !important;
  border-radius: 16px !important;
}
.wrap__side2 a.ads_examples::before { content: "🌟" !important; font-size: 26px !important; }
.wrap__side2 a.ads_examples::after  { content: "Your ad here" !important; color: var(--ml-rose) !important; opacity: .80 !important; }

.banner:has(a.ads_examples) { background: transparent !important; border: none !important; box-shadow: none !important; }

/* ================================================================
   STORIES / VIEW-SLIDER — полный редизайн
   ================================================================ */

/* Контейнер секции */
.section-innerx {
  margin-bottom: 20px !important;
}

/* Обёртка с паддингами — убираем белый фон, делаем прозрачным */
.view {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 12px 56px !important;
  margin-bottom: 16px !important;
  position: relative !important;
}

/* Swiper slide — нет фиксированной ширины через CSS */
.view-slider .swiper-slide {
  width: auto !important;
}

/* ── ЭЛЕМЕНТ ИСТОРИИ ── */
.view-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  padding: 4px !important;
  transition: transform .25s cubic-bezier(.4,0,.2,1) !important;
}

.view-item:hover {
  transform: translateY(-4px) !important;
}

/* ── КРУЖОК — instagram-style градиентная рамка ── */
.view-item__img {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  border: none !important;
  margin: 0 auto !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;

  /* Градиентная рамка через padding + background */
  padding: 2.5px !important;
  background: linear-gradient(135deg, var(--ml-rose) 0%, #ff9a5c 50%, #ffb3c6 100%) !important;
  box-shadow: 0 4px 16px rgba(212,67,106,0.28) !important;
  transition: box-shadow .25s, transform .25s !important;
}

.view-item:hover .view-item__img {
  box-shadow: 0 6px 24px rgba(212,67,106,0.42) !important;
  transform: scale(1.06) !important;
}

/* Убираем тёмный оверлей */
.view-item__img::before {
  display: none !important;
}

/* Внутренний белый бордер + картинка */
.view-item__img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 2.5px solid #fff !important;
  box-shadow: none !important;
}

/* ── ИМЯ — перебиваем inline style через !important ── */
.view-item__name,
.view-item__name[style],
.view-item__content .view-item__name {
  font-family: var(--ml-sans) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: var(--ml-text) !important; /* перебиваем зелёный */
  line-height: 1.3 !important;
  max-width: 72px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  /* Принудительно перебиваем color из атрибута style */
  -webkit-text-fill-color: var(--ml-text) !important;
}

/* При hover — розовый */
.view-item:hover .view-item__name,
.view-item:hover .view-item__name[style] {
  color: var(--ml-rose) !important;
  -webkit-text-fill-color: var(--ml-rose) !important;
}

.view-item__content {
  text-align: center !important;
}

.view-item__describe {
  font-size: 11px !important;
  color: var(--ml-muted2) !important;
}


/* ================================================================
   FIX v11
   ================================================================ */

/* ── 1. СТРЕЛКИ В STORIES — видимые ── */
.view-prev,
.view-next,
.arrow-green.view-prev,
.arrow-green.view-next {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  width: 36px !important;
  height: 36px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 1.5px solid rgba(212,67,106,0.25) !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 10px rgba(212,67,106,0.18) !important;
  transition: background .2s, box-shadow .2s !important;
}
.view-prev { left: 6px !important; }
.view-next { right: 6px !important; }

/* Стрелки Swiper используют ::after для текста */
.swiper-button-prev.view-prev::after,
.swiper-button-next.view-next::after {
  content: '' !important;
}
/* SVG внутри */
.arrow-green.view-prev svg,
.arrow-green.view-next svg {
  fill: var(--ml-rose) !important;
  width: 12px !important;
  height: 12px !important;
  display: block !important;
}
.arrow-green.view-prev:hover,
.arrow-green.view-next:hover {
  background: var(--ml-rose) !important;
  box-shadow: 0 4px 14px rgba(212,67,106,0.30) !important;
}
.arrow-green.view-prev:hover svg,
.arrow-green.view-next:hover svg { fill: #fff !important; }

/* ── 2. КАРТОЧКИ МОДЕЛЕЙ — видимый текст, красивее ── */

/* Усиливаем градиент снизу чтобы текст был виден */
.model-img::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  height: 60% !important;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.82) 0%,
    rgba(0,0,0,0.50) 40%,
    rgba(0,0,0,0.10) 70%,
    transparent 100%
  ) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Текст поверх градиента */
.model-info {
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 3 !important;
  padding: 10px 44px 10px 10px !important;
}

.model-info__text {
  display: block !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.9) !important;
  line-height: 1.3 !important;
}
.model-info__text b,
.model-info__text strong {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

.model-info__city {
  font-size: 11px !important;
  color: rgba(255,255,255,0.72) !important;
  margin-top: 2px !important;
}
.model-info__city a { color: rgba(255,255,255,0.72) !important; }
.model-info__city a:hover { color: #fff !important; }

.model-info__view {
  font-size: 10px !important;
  color: rgba(255,255,255,0.50) !important;
  margin-top: 3px !important;
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}
.model-info__view svg { fill: rgba(255,255,255,0.50) !important; }

/* Кнопки лайк/комментарий — правый нижний угол, не перекрывают текст */
.model-body .news-item__info {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.news-item__info-btn {
  width: 34px !important;
  min-height: 34px !important;
  padding: 4px 6px !important;
  margin-bottom: 0 !important;
  background: rgba(0,0,0,0.45) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  cursor: pointer !important;
  transition: background .18s !important;
}
.news-item__info-btn:hover {
  background: rgba(212,67,106,0.70) !important;
  transform: none !important;
}
.news-item__info-btn svg {
  width: 13px !important; height: 13px !important;
  fill: none !important; stroke: #fff !important; stroke-width: 1.8 !important;
  display: block !important; margin: 0 auto !important;
}
.news-item__info-btn.active svg { fill: #ff8fb3 !important; }
.news-item__info-btn-comment svg { fill: #fff !important; stroke: none !important; }
.news-item__info-btn span { color: #fff !important; font-size: 10px !important; line-height: 1 !important; }

/* ── 3. ВЕРТИКАЛЬНЫЙ БАННЕР (right sidebar) — ровная заглушка ── */
.wrap__side2 .banner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.wrap__side2 a.ads_examples {
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 0 !important;
  background: linear-gradient(160deg,
    rgba(255,140,107,0.08) 0%,
    rgba(212,67,106,0.10) 100%) !important;
  border: 1.5px dashed rgba(212,67,106,0.25) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}

.wrap__side2 a.ads_examples::before {
  content: '🌟' !important;
  font-size: 26px !important;
  line-height: 1 !important;
  display: block !important;
}
.wrap__side2 a.ads_examples::after {
  content: 'Your ad here' !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--ml-rose) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  opacity: .85 !important;
  display: block !important;
  text-align: center !important;
}

/* ── 4. LANG DROPDOWN — без тормозов ── */
.lang-dropdown {
  position: static !important;
}
.lang-dropdown .dropdown-menu {
  position: absolute !important;
  z-index: 9999 !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 4px !important;
  min-width: 120px !important;
}


/* ================================================================
   FIX v12
   ================================================================ */

/* ── 1. LANG DROPDOWN — правильное позиционирование ── */
/* Убираем все предыдущие конфликтующие правила */
.lang-dropdown {
  position: relative !important;
  z-index: auto !important;
}

.lx-header__right {
  position: relative !important;
  z-index: 1050 !important;
  overflow: visible !important;
}

.lang-dropdown .dropdown-menu {
  position: absolute !important;
  z-index: 2000 !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  min-width: 130px !important;
  /* Убираем анимацию — она задерживала клик */
  animation: none !important;
}

/* dropdown-item — нормальный hover без задержки */
.lang-dropdown .dropdown-item {
  cursor: pointer !important;
  pointer-events: all !important;
}

/* ── 2. FILTER-BLOCK — dropdown не залезает под карточки ── */
.filter-block {
  position: relative !important;
  z-index: 100 !important;
}

.filter-block .dropdown-menu {
  z-index: 200 !important;
  position: absolute !important;
}

/* Весь wrap__content не обрезает overflow */
.wrap__content {
  overflow: visible !important;
}

.main { overflow: visible !important; }


/* ── 4. САЙДБАР hover — красивый ── */
.cc-menu__link {
  display: flex !important;
  align-items: center !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #7A6070 !important;
  transition: background .15s, color .15s !important;
  text-decoration: none !important;
}

.cc-menu__link:hover {
  background: rgba(212,67,106,0.08) !important;
  color: var(--ml-rose) !important;
  text-decoration: none !important;
}

.cc-menu__link.active {
  background: rgba(212,67,106,0.10) !important;
  color: var(--ml-rose) !important;
  font-weight: 700 !important;
}

/* Подпункты (города) */
.cc-menu-dropdown a {
  display: block !important;
  padding: 4px 10px 4px 14px !important;
  font-size: 12px !important;
  color: #B0ACBF !important;
  border-radius: 6px !important;
  transition: background .13s, color .13s !important;
  text-decoration: none !important;
}

.cc-menu-dropdown a:hover {
  background: rgba(212,67,106,0.07) !important;
  color: var(--ml-rose) !important;
}

.cc-menu-dropdown a.active {
  color: var(--ml-rose) !important;
  font-weight: 600 !important;
}

/* Разделитель стран */
._countrycss1 {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #B0ACBF !important;
  padding: 10px 10px 4px !important;
  margin: 2px 0 !important;
  border-bottom: 1px solid rgba(212,67,106,0.10) !important;
}


/* ================================================================
   FIX v13
   ================================================================ */



/* ── 3. САЙДБАР hover — убираем серый фон Bootstrap ── */
.cc-menu__link:hover,
.cc-menu__link:focus {
  background: rgba(212,67,106,0.08) !important;
  color: var(--ml-rose) !important;
  text-decoration: none !important;
  outline: none !important;
}

/* Убираем Bootstrap .list-group-item серый hover */
.cc-block a:hover,
.cc-block a:focus {
  background: rgba(212,67,106,0.08) !important;
  color: var(--ml-rose) !important;
  text-decoration: none !important;
}

/* Активный город */
.cc-menu-dropdown a.active,
.cc-menu-dropdown a:hover {
  background: rgba(212,67,106,0.07) !important;
  color: var(--ml-rose) !important;
}

/* ── 4. СТРЕЛКИ РИЛСОВ — swiper-button-lock принудительно показываем ── */
/* Swiper скрывает стрелки через .swiper-button-lock когда слайдов мало.
   Показываем их всегда чтобы был красивый вид */
.view-prev.swiper-button-lock,
.view-next.swiper-button-lock,
.arrow-green.swiper-button-lock {
  display: flex !important;
  opacity: 0.35 !important; /* полупрозрачные когда неактивны */
  cursor: default !important;
  pointer-events: none !important;
}

/* Когда слайдов достаточно — полностью видимые и кликабельные */
.view .swiper-button-prev:not(.swiper-button-lock),
.view .swiper-button-next:not(.swiper-button-lock),
.view .view-prev:not(.swiper-button-lock),
.view .view-next:not(.swiper-button-lock) {
  display: flex !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: all !important;
}

/* d-none тоже перебиваем */
.view .view-prev.d-none,
.view .view-next.d-none {
  display: flex !important;
}



/* ── ONTOP ── */
._ads_ontop a.ads_examples {
  width: 100% !important;
  height: 80px !important;
  flex-direction: column !important;
  background: linear-gradient(105deg, rgba(212,67,106,0.07) 0%, rgba(255,140,107,0.09) 50%, rgba(212,67,106,0.07) 100%) !important;
  border: 1.5px dashed rgba(212,67,106,0.25) !important;
  border-radius: 14px !important;
}
._ads_ontop a.ads_examples::before { content: "📢" !important; font-size: 22px !important; }
._ads_ontop a.ads_examples::after  { content: "Advertise here" !important; color: var(--ml-rose) !important; opacity: .85 !important; }


/* ================================================================
   FIX v14 — ads_ontop в ряд
   ================================================================ */

/* НЕ перебиваем ширину col-md-6 — Bootstrap сам справится */




/* ================================================================
   FIX v19 — stories + сайдбар hover
   ================================================================ */

/* ── STORIES: контейнер не обрезает hover ── */
.section-innerx .view,
.view {
  overflow: visible !important;
}
.view .swiper,
.view .view-slider {
  overflow: visible !important;
}


/* ── САЙДБАР hover — убираем серый #eaeaea ── */
#countries_and_cities_list .cc-menu__item:hover,
.cc-menu__item:hover {
  background: transparent !important;
  cursor: pointer !important;
}

/* Hover только на ссылке */
#countries_and_cities_list .cc-menu__link:hover,
.cc-menu__link:hover {
  background: rgba(212,67,106,0.08) !important;
  color: var(--ml-rose) !important;
  border-radius: 8px !important;
}

/* Активный пункт */
#countries_and_cities_list .cc-menu__link.active,
.cc-menu__link.active {
  background: rgba(212,67,106,0.10) !important;
  color: var(--ml-rose) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}

/* Подпункты городов */
#countries_and_cities_list .cc-menu-dropdown a:hover,
.cc-menu-dropdown a:hover {
  background: rgba(212,67,106,0.07) !important;
  color: var(--ml-rose) !important;
  border-radius: 6px !important;
}

/* ── ИМЕНА В РИЛСАХ — не зелёные ── */
.view-item__name,
.view-item__content .view-item__name {
  color: var(--ml-text) !important;
  -webkit-text-fill-color: var(--ml-text) !important;
}
.view-item:hover .view-item__name {
  color: var(--ml-rose) !important;
  -webkit-text-fill-color: var(--ml-rose) !important;
}

/* ── HOVER НА КРУЖКЕ ── */
.view-item {
  transition: transform .2s !important;
}
.view-item:hover {
  transform: translateY(-3px) !important;
}



/* ================================================================
   FIX v22 — stories стрелки и фон
   ================================================================ */

/* Фон блока */
.section-innerx .view {
  background: rgba(255,255,255,0.7) !important;
  border-radius: 20px !important;
  border: 1.5px solid var(--ml-border) !important;
  overflow: hidden !important; /* обрезаем кружки по краям */
  position: relative !important;
}

/* Swiper внутри не обрезает слайды */
.section-innerx .view .swiper,
.section-innerx .view .view-slider {
  overflow: visible !important;
}

/* Стрелки — СКРЫТЫ по умолчанию (lock = мало слайдов) */
.view .swiper-button-prev,
.view .swiper-button-next {
  display: none !important;
}

/* Стрелки — ВИДНЫ только когда Swiper их активирует (нет lock) */
.view .swiper-button-prev:not(.swiper-button-lock),
.view .swiper-button-next:not(.swiper-button-lock) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
  z-index: 20 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  border: 1.5px solid rgba(212,67,106,0.25) !important;
  box-shadow: 0 2px 8px rgba(212,67,106,0.15) !important;
  cursor: pointer !important;
  transition: background-color .18s !important;
  /* SVG стрелка */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
}

.view .swiper-button-prev:not(.swiper-button-lock) {
  left: 4px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4436A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") !important;
}

.view .swiper-button-next:not(.swiper-button-lock) {
  right: 4px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4436A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") !important;
}

.view .swiper-button-prev:not(.swiper-button-lock):hover,
.view .swiper-button-next:not(.swiper-button-lock):hover {
  background-color: var(--ml-rose) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") !important;
}

.view .swiper-button-prev:not(.swiper-button-lock):hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") !important;
}

/* Скрываем Swiper текст в ::after */
.view .swiper-button-prev::after,
.view .swiper-button-next::after {
  display: none !important;
}

/* Имена не зелёные */
.view-item__name,
.view-item__content .view-item__name {
  color: var(--ml-text) !important;
  -webkit-text-fill-color: var(--ml-text) !important;
}
.view-item:hover .view-item__name {
  color: var(--ml-rose) !important;
  -webkit-text-fill-color: var(--ml-rose) !important;
}


/* ================================================================
   FIX v23 — стрелки отступ от краёв
   ================================================================ */

.view .swiper-button-prev:not(.swiper-button-lock) {
  left: 10px !important;
}

.view .swiper-button-next:not(.swiper-button-lock) {
  right: 10px !important;
}


/* ================================================================
   FIX v25 — view-slider slidesPerView auto
   ================================================================ */

/* Фиксированная ширина слайда для slidesPerView: "auto" */
.view-slider .swiper-slide {
  width: auto !important;
}

.view-item {
  width: 90px !important;
}


/* ================================================================
   FIX v26 — скрываем стрелки когда swiper не активен
   ================================================================ */

/* Скрываем ВСЕ стрелки view по умолчанию */
.view .swiper-button-prev,
.view .swiper-button-next,
.view .view-prev,
.view .view-next {
  display: none !important;
}

/* Показываем ТОЛЬКО когда активны (нет lock и нет d-none от Bootstrap) */
.view .swiper-button-prev:not(.swiper-button-lock):not(.swiper-button-disabled),
.view .swiper-button-next:not(.swiper-button-lock):not(.swiper-button-disabled) {
  display: flex !important;
}


/* ================================================================
   FIX v27 — скрываем disabled стрелки тоже
   ================================================================ */

.view .swiper-button-prev.swiper-button-disabled,
.view .swiper-button-next.swiper-button-disabled,
.view .swiper-button-prev.swiper-button-lock,
.view .swiper-button-next.swiper-button-lock {
  display: none !important;
}


/* ================================================================
   FIX v30 — убираем анимацию dropdown
   ================================================================ */

.dropdown-menu {
  animation: none !important;
  transition: none !important;
}



/* ================================================================
   FIX v32 — lang dropdown финальный чистый блок
   ================================================================ */

/* Базовый стиль пункта — padding для флага слева */
.lang-dropdown .dropdown-menu .dropdown-item {
  padding-left: 36px !important;
  background-repeat: no-repeat !important;
  background-position: 10px center !important;
  background-size: 20px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ml-muted) !important;
  border-radius: 8px !important;
}

/* Hover/focus/active — только color + outline, НЕ трогаем background */
.lang-dropdown .dropdown-menu .dropdown-item:hover {
  color: var(--ml-rose) !important;
  outline: 1.5px solid rgba(212,67,106,0.20) !important;
  outline-offset: -1px !important;
}

.lang-dropdown .dropdown-menu .dropdown-item.active {
  color: var(--ml-rose) !important;
  font-weight: 700 !important;
  outline: 1.5px solid rgba(212,67,106,0.20) !important;
  outline-offset: -1px !important;
}


/* ================================================================
   FIX v33 — восстановление аватар кнопки (было в v28)
   ================================================================ */

.lx-avatar-btn.btn.btn-dark,
.lx-avatar-btn.btn-dark,
button.lx-avatar-btn {
  background: rgba(255,255,255,0.85) !important;
  background-image: none !important;
  color: var(--ml-text) !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: 999px !important;
}

.lx-avatar-btn.btn-dark:hover {
  background: var(--ml-blush) !important;
  background-image: none !important;
  border-color: var(--ml-rose) !important;
  color: var(--ml-rose) !important;
}

.lx-avatar-btn.btn-dark::after {
  display: inline-block !important;
}


/* ================================================================
   FIX v38
   ================================================================ */

/* _ads_ontop — оригинал задаёт height:60px, перебиваем */
._ads_ontop {
  height: auto !important;
  overflow: visible !important;
}


/* ================================================================
   FIX v45 — новые модалки логин / регистрация
   ================================================================ */

/* Переопределяем оригинальный fullscreen стиль */
.modal:has(.__only_for_loginform) .modal-dialog {
  max-width: 800px !important;
  min-height: auto !important;
  margin: auto !important;
  padding: 16px !important;
}

.modal:has(.__only_for_loginform) .modal-dialog-centered {
  align-items: center !important;
}

.modal:has(.__only_for_loginform) .modal-content {
  background: #fff !important;
  border-radius: 28px !important;
  border: none !important;
  box-shadow: 0 24px 80px rgba(42,31,45,0.18) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Двухколоночный layout */
.ml-modal-login {
  display: flex !important;
  min-height: 480px !important;
  position: relative !important;
}

/* Левая панель — брендинг */
.ml-modal-side {
  width: 280px !important;
  flex-shrink: 0 !important;
  background: linear-gradient(160deg, var(--ml-rose) 0%, var(--ml-peach) 100%) !important;
  padding: 40px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
}

.ml-modal-brand {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 24px !important;
}

.ml-modal-heart {
  font-size: 28px !important;
  filter: brightness(10) !important;
}

.ml-modal-sitename {
  font-family: var(--ml-serif) !important;
  font-size: 22px !important;
  color: #fff !important;
  font-weight: 400 !important;
}

.ml-modal-sitename strong {
  font-weight: 700 !important;
}

.ml-modal-tagline {
  font-size: 16px !important;
  color: rgba(255,255,255,0.85) !important;
  line-height: 1.6 !important;
  font-family: var(--ml-sans) !important;
}

/* Декоративные круги */
.ml-modal-circles {
  position: absolute !important;
  bottom: -40px !important;
  right: -40px !important;
}

.ml-circle {
  position: absolute !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.2) !important;
}

.ml-circle--1 { width: 120px !important; height: 120px !important; bottom: 0 !important; right: 0 !important; }
.ml-circle--2 { width: 180px !important; height: 180px !important; bottom: -30px !important; right: -30px !important; }
.ml-circle--3 { width: 240px !important; height: 240px !important; bottom: -60px !important; right: -60px !important; }

/* Правая панель — форма */
.ml-modal-body {
  flex: 1 !important;
  padding: 40px 36px !important;
  overflow-y: auto !important;
  position: relative !important;
}

.ml-modal-title {
  font-family: var(--ml-sans) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--ml-text) !important;
  margin-bottom: 6px !important;
}

.ml-modal-sub {
  font-size: 14px !important;
  color: var(--ml-muted) !important;
  margin-bottom: 28px !important;
}

/* Кнопка закрыть */
.ml-modal-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 10 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.9) !important;
  border: 1.5px solid var(--ml-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: var(--ml-muted) !important;
  transition: all .18s !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.ml-modal-close:hover {
  background: var(--ml-rose) !important;
  color: #fff !important;
  border-color: var(--ml-rose) !important;
}

/* Поля ввода */
.ml-modal-form { display: flex !important; flex-direction: column !important; gap: 14px !important; }

.ml-field {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.ml-field-icon {
  position: absolute !important;
  left: 14px !important;
  color: var(--ml-muted2) !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

.ml-input {
  width: 100% !important;
  height: 48px !important;
  padding: 0 16px 0 42px !important;
  background: #F7F6FB !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-family: var(--ml-sans) !important;
  color: var(--ml-text) !important;
  transition: border-color .18s, box-shadow .18s !important;
  outline: none !important;
}

.ml-input:focus {
  border-color: var(--ml-rose) !important;
  box-shadow: 0 0 0 3px rgba(212,67,106,0.12) !important;
  background: #fff !important;
}

.ml-input::placeholder { color: var(--ml-muted2) !important; }

/* Submit */
.ml-btn-submit {
  width: 100% !important;
  height: 50px !important;
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: var(--ml-sans) !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(212,67,106,0.30) !important;
  transition: opacity .2s, transform .15s !important;
  margin-top: 4px !important;
}

.ml-btn-submit:hover { opacity: .9 !important; transform: translateY(-1px) !important; }

/* Divider */
.ml-divider {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 16px 0 !important;
  color: var(--ml-muted2) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.ml-divider::before,
.ml-divider::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: var(--ml-border) !important;
}

/* Social buttons */
.ml-socials {
  display: flex !important;
  gap: 10px !important;
}

.ml-social {
  flex: 1 !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--ml-sans) !important;
  text-decoration: none !important;
  transition: all .18s !important;
  border: 1.5px solid var(--ml-border) !important;
}

.ml-social--google {
  background: #fff !important;
  color: #444 !important;
}

.ml-social--google:hover {
  border-color: #4285F4 !important;
  color: #4285F4 !important;
}

.ml-social--vk {
  background: #fff !important;
  color: #0077FF !important;
}

.ml-social--vk:hover {
  border-color: #0077FF !important;
  background: #F0F6FF !important;
}

/* Footer link */
.ml-footer-link {
  text-align: center !important;
  margin-top: 16px !important;
  font-size: 13px !important;
}

.ml-footer-link a {
  color: var(--ml-rose) !important;
  font-weight: 500 !important;
}

/* Mobile */
@media (max-width: 600px) {
  .ml-modal-side { display: none !important; }
  .ml-modal-body { padding: 32px 24px !important; }
  .modal:has(.__only_for_loginform) .modal-dialog { padding: 8px !important; }
}


/* ================================================================
   FIX v46 — центрирование модалок логин/регистрация
   ================================================================ */

/* Bootstrap modal backdrop + centering */
.modal:has(.__only_for_loginform) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.modal:has(.__only_for_loginform) .modal-dialog {
  max-width: 780px !important;
  width: 100% !important;
  min-height: auto !important;
  margin: auto !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
}

.modal:has(.__only_for_loginform) .modal-dialog-centered {
  min-height: auto !important;
  align-items: center !important;
}

.modal:has(.__only_for_loginform) .modal-content {
  width: 100% !important;
  background: #fff !important;
  border-radius: 28px !important;
  border: none !important;
  box-shadow: 0 24px 80px rgba(42,31,45,0.18) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Убираем старые fullscreen стили */
.modal:has(.__only_for_loginform) .modal-content {
  background-image: none !important;
  background-size: auto !important;
}


/* ================================================================
   FIX v47 — header кнопки не перекрываются + recovery modal
   ================================================================ */

/* Header right — не сжимается, не переносится */
.lx-header__right,
.header__right-nav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

/* Кнопки не сжимаются */
.lx-btn-primary,
.lx-btn-outline,
.user-block__button,
.user-block__link {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* Lang dropdown не сжимается */
.lang-dropdown { flex-shrink: 0 !important; }

/* Поиск уступает место */
.lx-header__search {
  flex: 1 1 auto !important;
  min-width: 120px !important;
  max-width: 400px !important;
}

/* Recovery modal — компактнее */
.ml-modal-recovery .ml-modal-side {
  width: 240px !important;
}


/* ================================================================
   FIX v48 — убираем анимацию с кнопки логина
   ================================================================ */

.lx-btn-primary,
.user-block__button {
  transition: opacity .18s !important;
  transform: none !important;
}

.lx-btn-primary:hover,
.user-block__button:hover {
  transform: none !important;
  opacity: .88 !important;
}

.lx-btn-primary::after,
.lx-btn-primary:hover::after {
  display: none !important;
  opacity: 0 !important;
}


/* ================================================================
   FIX v49 — стиль уведомлений / error popup
   ================================================================ */

/* Overlay */
.popup {
  background: rgba(26,22,37,0.55) !important;
}

/* Диалог */
.popup .modal-dialog {
  max-width: 440px !important;
  padding: 20px !important;
}

/* Карточка */
.popup .modal-content {
  border-radius: 24px !important;
  border: none !important;
  box-shadow: 0 20px 60px rgba(42,31,45,0.20) !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* Шапка с градиентной полоской */
.popup .modal-header {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  border: none !important;
  padding: 16px 20px !important;
  border-radius: 0 !important;
  display: block !important;
  text-align: center !important;
}

/* Заголовок — белый на градиенте */
.popup .modal-title {
  font-family: var(--ml-sans) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

/* Кнопка закрыть */
.popup .btn-close {
  position: absolute !important;
  top: -12px !important;
  right: -12px !important;
  width: 28px !important;
  height: 28px !important;
  background: var(--ml-rose) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(212,67,106,0.35) !important;
  border: 2px solid #fff !important;
  opacity: 1 !important;
  transition: background .18s !important;
}

.popup .btn-close:hover { background: var(--ml-rose2) !important; }
.popup .btn-close .icon { color: #fff !important; font-size: 12px !important; }

/* Тело модалки */
.popup .modal-body {
  padding: 20px 24px 24px !important;
  text-align: center !important;
  font-family: var(--ml-sans) !important;
  font-size: 14px !important;
  color: var(--ml-text) !important;
  line-height: 1.6 !important;
}

/* Футер если есть */
.popup .modal-foot {
  border-top: 1px solid var(--ml-border) !important;
  padding: 12px 20px !important;
  text-align: center !important;
}


/* ================================================================
   FIX v50 — кнопка закрыть в popup не обрезается
   ================================================================ */

.popup .modal-content {
  overflow: visible !important;
}

.popup .btn-close {
  top: -12px !important;
  right: -12px !important;
}


/* ================================================================
   PROFILE PAGE — полный редизайн
   ================================================================ */

/* ── Основной контейнер ── */
.sampler {
  background: #fff !important;
  border-radius: 24px !important;
  border: 1.5px solid var(--ml-border) !important;
  box-shadow: 0 4px 24px rgba(212,67,106,0.07) !important;
  padding: 24px !important;
}

/* ── Layout строка (фото + контент) ── */
.sampler-row {
  display: flex !important;
  gap: 28px !important;
  margin-bottom: 24px !important;
  align-items: flex-start !important;
}

/* ── Левая колонка (фото) ── */
.sampler-aside {
  flex-shrink: 0 !important;
  width: 200px !important;
}

/* Аватар */
.sampler-user img {
  width: 200px !important;
  height: 260px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
  box-shadow: 0 8px 24px rgba(212,67,106,0.15) !important;
}

/* Лейблы над фото */
.sampler-aside .labels {
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

/* Подарки */
.sampler-gifts__img {
  border: 2px solid var(--ml-border) !important;
  border-radius: 50% !important;
  background: #fff !important;
}

/* Кнопка подарка */
.sampler-aside .tag.is-active {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  box-shadow: 0 2px 10px rgba(212,67,106,0.25) !important;
  transition: opacity .18s !important;
}
.sampler-aside .tag.is-active:hover { opacity: .88 !important; }

/* ── Правая колонка (контент) ── */
.sampler-content {
  flex: 1 !important;
  min-width: 0 !important;
}

/* ── Шапка профиля ── */
.sampler-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
  border: none !important;
}

.sampler-header__name {
  font-family: var(--ml-sans) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--ml-text) !important;
  letter-spacing: -.01em !important;
  margin: 0 !important;
}

/* Verified badge */
.sampler-header__verif {
  background: linear-gradient(135deg, #4F8EF7, #6EC6FF) !important;
  border-radius: 50% !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Возраст */
.sampler-header__age {
  font-size: 14px !important;
  color: var(--ml-muted) !important;
  font-weight: 500 !important;
}

/* Кнопка редактировать */
.sampler-edit {
  margin-left: auto !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--ml-blush) !important;
  transition: background .18s !important;
}
.sampler-edit:hover { background: var(--ml-rose) !important; }
.sampler-edit svg { fill: var(--ml-rose) !important; }
.sampler-edit:hover svg { fill: #fff !important; }

/* ── Кнопки действий (Subscribe, Favorite) ── */
.sampler-tops {
  margin-bottom: 14px !important;
}

.sampler-tops .button,
.sampler-tops .button--success {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 9px 20px !important;
  box-shadow: 0 2px 10px rgba(212,67,106,0.25) !important;
  transition: opacity .18s !important;
}
.sampler-tops .button:hover { opacity: .88 !important; }

.sampler-tops__favor svg { transition: fill .18s !important; }
.sampler-tops__favor:hover svg { fill: var(--ml-rose) !important; }

/* ── Статистика (просмотры, лайки) ── */
.sampler-info {
  display: flex !important;
  gap: 20px !important;
  margin-bottom: 16px !important;
  padding: 14px 16px !important;
  background: var(--ml-bg) !important;
  border-radius: 14px !important;
  border: 1.5px solid var(--ml-border) !important;
}

.sampler-info__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}

.sampler-info__num {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--ml-rose) !important;
}

.sampler-info__text {
  font-size: 11px !important;
  color: var(--ml-muted2) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

/* ── Данные профиля ── */
.sampler-data {
  font-size: 13px !important;
  color: var(--ml-muted) !important;
  line-height: 1.8 !important;
}

.sampler-data a { color: var(--ml-rose) !important; }
.sampler-data a:hover { opacity: .8 !important; }

/* ── Описание/About ── */
.card-about {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--ml-muted) !important;
  font-family: var(--ml-sans) !important;
}

/* ── Табы навигации ── */
.sampler-nav {
  border-bottom: 2px solid var(--ml-border) !important;
  gap: 4px !important;
  margin-bottom: 20px !important;
}

.sampler-nav__btn {
  font-family: var(--ml-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ml-muted) !important;
  border: none !important;
  border-radius: 10px 10px 0 0 !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color .18s, background .18s !important;
  background: transparent !important;
}

.sampler-nav__btn:hover {
  color: var(--ml-rose) !important;
  background: var(--ml-blush) !important;
}

.sampler-nav__btn.active {
  color: var(--ml-rose) !important;
  background: var(--ml-blush) !important;
  border-bottom: 2px solid var(--ml-rose) !important;
}

.sampler-nav__btn-icon svg { fill: currentColor !important; }

/* ── Карточки параметров ── */
.card-block {
  background: #fff !important;
  border: 1.5px solid var(--ml-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 14px !important;
}

.collapse-btn {
  font-family: var(--ml-sans) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--ml-text) !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  border-bottom: 1px solid var(--ml-border) !important;
  background: var(--ml-bg) !important;
  transition: background .15s !important;
}
.collapse-btn:hover { background: var(--ml-blush) !important; color: var(--ml-rose) !important; }

.card-block__body { padding: 14px 16px !important; }

.card-params__label {
  font-size: 13px !important;
  color: var(--ml-muted) !important;
}

.card-params__labeled {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ml-text) !important;
}

/* ── Фильтр кнопки (параметры) ── */
.sampler-filter__btn {
  border: 1.5px solid var(--ml-border) !important;
  border-radius: 999px !important;
  background: #fff !important;
  padding: 6px 14px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: var(--ml-muted) !important;
  transition: all .18s !important;
  font-family: var(--ml-sans) !important;
}

.sampler-filter__btn:hover,
.sampler-filter__btn.active {
  background: var(--ml-blush) !important;
  color: var(--ml-rose) !important;
  border-color: var(--ml-rose) !important;
}

/* ── Алерт ── */
.sampler-alert {
  color: var(--ml-rose) !important;
  background: var(--ml-blush) !important;
  border: 1.5px solid rgba(212,67,106,0.25) !important;
  border-radius: 12px !important;
}

/* ── Контакты ── */
.sampler-content .card-contacts__title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--ml-muted2) !important;
}

/* ── Посты в профиле ── */
.sampler-tabs__item .news-item {
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: transform .25s, box-shadow .25s !important;
}
.sampler-tabs__item .news-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(212,67,106,0.14) !important;
}

/* ── Дата ── */
.sampler-date {
  font-size: 12px !important;
  color: var(--ml-muted2) !important;
}

/* Mobile */
@media (max-width: 768px) {
  .sampler-row { flex-direction: column !important; align-items: center !important; }
  .sampler-aside { width: 100% !important; text-align: center !important; }
  .sampler-user img { width: 160px !important; height: 200px !important; margin: 0 auto !important; }
}


/* ================================================================
   PROFILE PAGE v2 — Dating style redesign
   ================================================================ */

/* Убираем старый sampler-row */
.sampler-row { display: block !important; margin: 0 !important; }
.sampler-aside { display: none !important; }
.sampler-content { width: 100% !important; }

/* ── ГЛАВНЫЙ КОНТЕЙНЕР ── */
.lx-profile {
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 32px rgba(212,67,106,0.10);
  margin-bottom: 20px;
}

/* ── COVER ── */
.lx-profile__cover {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.lx-profile__cover-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, 
    #f9c5d5 0%, 
    #fddde6 25%, 
    #ffe5ec 50%, 
    #fde8d8 75%, 
    #ffd6c5 100%);
}

/* Mesh overlay */
.lx-profile__cover-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(circle at 20% 50%, rgba(212,67,106,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(255,140,107,0.15) 0%, transparent 50%);
}

/* ── АВАТАР поверх cover ── */
.lx-profile__avatar-wrap {
  position: absolute;
  bottom: -60px;
  left: 32px;
  z-index: 3;
}

.lx-profile__avatar {
  display: block;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 4px 20px rgba(212,67,106,0.25);
  overflow: hidden;
  transition: transform .2s;
}

.lx-profile__avatar:hover { transform: scale(1.04); }

.lx-profile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* Онлайн точка на аватаре */
.lx-profile__online-dot {
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 16px;
  height: 16px;
  background: #22c55e;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.3);
}

/* Фото/видео счётчики */
.lx-profile__media-counts {
  display: flex;
  gap: 4px;
  margin-top: 6px;
  justify-content: center;
}

.lx-profile__media-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: rgba(0,0,0,0.45);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 999px;
  backdrop-filter: blur(4px);
}

/* Лейблы */
.lx-profile__labels {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  gap: 6px;
  z-index: 4;
}

.lx-profile__badge {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
}

.lx-profile__badge--vip     { background: linear-gradient(135deg, #B8860B, #DAA520); box-shadow: 0 2px 8px rgba(184,134,11,.40); }
.lx-profile__badge--premium { background: linear-gradient(135deg, #7C3AED, #A78BFA); }
.lx-profile__badge--new     { background: linear-gradient(135deg, #059669, #34D399); }

/* Кнопки top-right */
.lx-profile__actions {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 4;
}

.lx-profile__btn-subscribe {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach));
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 9px 20px;
  font-weight: 700;
  font-size: 13px;
  font-family: var(--ml-sans);
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(212,67,106,0.35);
  transition: opacity .18s;
  display: flex;
  align-items: center;
  gap: 6px;
}
.lx-profile__btn-subscribe:hover { opacity: .88; }
.lx-profile__btn-subscribe--active { background: linear-gradient(135deg, #22c55e, #4ade80); }

.lx-profile__btn-fav {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgba(212,67,106,0.2);
  color: var(--ml-muted2);
  transition: all .18s;
  text-decoration: none;
}
.lx-profile__btn-fav:hover,
.lx-profile__btn-fav--active { color: var(--ml-rose); background: var(--ml-blush); border-color: var(--ml-rose); }
.lx-profile__btn-fav--active svg { fill: var(--ml-rose); }

.lx-profile__btn-edit {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ml-muted);
  border: 1.5px solid rgba(0,0,0,0.1);
  transition: all .18s;
  text-decoration: none;
}
.lx-profile__btn-edit:hover { background: var(--ml-blush); color: var(--ml-rose); border-color: var(--ml-rose); }

/* ── INFO SECTION ── */
.lx-profile__info {
  padding: 76px 32px 28px; /* отступ под аватар */
}

/* Имя */
.lx-profile__name-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.lx-profile__name {
  font-family: var(--ml-sans) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--ml-text) !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}

.lx-profile__verified {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #4F8EF7, #60B0FF);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Мета строка */
.lx-profile__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 14px;
  align-items: center;
}

.lx-profile__meta-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: var(--ml-muted);
  font-weight: 500;
}

.lx-profile__meta-item svg { color: var(--ml-rose); flex-shrink: 0; }

.lx-profile__meta-online { color: var(--ml-muted2); }

.lx-profile__online-dot-sm {
  width: 8px;
  height: 8px;
  background: #22c55e;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.25);
}

/* О себе */
.lx-profile__about {
  font-size: 14px;
  line-height: 1.7;
  color: var(--ml-muted);
  margin-bottom: 16px;
  padding: 14px 16px;
  background: var(--ml-bg);
  border-radius: 12px;
  border-left: 3px solid rgba(212,67,106,0.3);
}

/* Контакты */
.lx-profile__contacts { margin-bottom: 14px; }

.lx-profile__contact-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: var(--ml-bg);
  border-radius: 12px;
  margin-bottom: 8px;
  border: 1.5px solid var(--ml-border);
}

.lx-profile__show-phone {
  background: var(--ml-blush);
  color: var(--ml-rose);
  border: 1.5px solid rgba(212,67,106,0.25);
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--ml-sans);
  transition: all .18s;
}
.lx-profile__show-phone:hover { background: var(--ml-rose); color: #fff; }

.lx-profile__phone {
  font-weight: 700;
  color: var(--ml-text);
  font-size: 14px;
  text-decoration: none;
}

.lx-profile__messengers {
  display: flex;
  gap: 6px;
  margin-left: auto;
}

.lx-profile__messenger {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all .18s;
  border: 1.5px solid transparent;
}

.lx-profile__messenger--wa  { background: #E8F8F0; color: #25D366; }
.lx-profile__messenger--wa:hover  { background: #25D366; color: #fff; }
.lx-profile__messenger--tg  { background: #E8F4FD; color: #229ED9; }
.lx-profile__messenger--tg:hover  { background: #229ED9; color: #fff; }
.lx-profile__messenger--msg { background: var(--ml-blush); color: var(--ml-rose); }
.lx-profile__messenger--msg:hover { background: var(--ml-rose); color: #fff; }

/* Соцсети */
.lx-profile__socials {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.lx-profile__social {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--ml-bg);
  border: 1.5px solid var(--ml-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ml-muted);
  transition: all .18s;
  text-decoration: none;
}
.lx-profile__social:hover { background: var(--ml-blush); color: var(--ml-rose); border-color: var(--ml-rose); }

/* Add post */
.lx-profile__btn-add-post {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--ml-blush);
  color: var(--ml-rose);
  border: 1.5px solid rgba(212,67,106,0.25);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--ml-sans);
  transition: all .18s;
}
.lx-profile__btn-add-post:hover { background: var(--ml-rose); color: #fff; }

/* Подарки */
.lx-profile__gifts-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}

.lx-profile__gifts {
  display: flex;
}

.lx-profile__gift-img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2.5px solid #fff;
  background: var(--ml-bg);
  margin-left: -10px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.lx-profile__gift-img:first-child { margin-left: 0; }
.lx-profile__gift-img img { width: 100%; height: 100%; object-fit: cover; }

.lx-profile__btn-gift {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach));
  color: #fff;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 2px 10px rgba(212,67,106,0.25);
  transition: opacity .18s;
}
.lx-profile__btn-gift:hover { opacity: .88; color: #fff; }

/* Статистика */
.lx-profile__stats {
  display: flex;
  gap: 2px;
  border-radius: 16px;
  overflow: hidden;
  border: 1.5px solid var(--ml-border);
  margin-top: 4px;
}

.lx-profile__stat {
  flex: 1;
  padding: 14px 10px;
  text-align: center;
  background: var(--ml-bg);
  transition: background .15s;
}
.lx-profile__stat:hover { background: var(--ml-blush); }
.lx-profile__stat + .lx-profile__stat { border-left: 1.5px solid var(--ml-border); }

.lx-profile__stat-num {
  font-size: 20px;
  font-weight: 800;
  color: var(--ml-rose);
  line-height: 1;
  margin-bottom: 4px;
}

.lx-profile__stat-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--ml-muted2);
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* Mobile */
@media (max-width: 600px) {
  .lx-profile__cover { height: 140px; }
  .lx-profile__info { padding: 68px 16px 20px; }
  .lx-profile__name { font-size: 22px !important; }
  .lx-profile__avatar { width: 90px; height: 90px; }
  .lx-profile__avatar-wrap { bottom: -45px; left: 16px; }
  .lx-profile__stats { flex-wrap: wrap; }
  .lx-profile__stat { min-width: calc(50% - 2px); }
}


/* ================================================================
   ACCOUNT CABINET — полный редизайн
   ================================================================ */

/* Layout */
.lx-account {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  padding: 24px 20px;
  min-height: calc(100vh - 120px);
}

/* ── SIDEBAR ── */
.lx-account__sidebar {
  width: 240px;
  flex-shrink: 0;
  position: sticky;
  top: 80px;
}

/* User card */
.lx-account__user-card {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach));
  border-radius: 20px;
  padding: 24px 16px;
  text-align: center;
  margin-bottom: 12px;
  box-shadow: 0 4px 20px rgba(212,67,106,0.25);
}

.lx-account__avatar-wrap {
  position: relative;
  width: 72px;
  height: 72px;
  margin: 0 auto 12px;
}

.lx-account__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(255,255,255,0.8);
  display: block;
}

.lx-account__online {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 14px;
  height: 14px;
  background: #22c55e;
  border-radius: 50%;
  border: 2.5px solid #fff;
}

.lx-account__user-name {
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 6px;
  font-family: var(--ml-sans);
}

.lx-account__user-balance {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.2);
  color: #fff;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
}

/* Nav */
.lx-account__nav {
  background: #fff;
  border-radius: 20px;
  border: 1.5px solid var(--ml-border);
  padding: 8px;
  box-shadow: 0 2px 16px rgba(212,67,106,0.06);
}

.lx-account__nav-section {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ml-muted2);
  padding: 10px 12px 4px;
  margin-top: 4px;
}

.lx-account__nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ml-muted);
  text-decoration: none;
  transition: background .15s, color .15s;
  font-family: var(--ml-sans);
}

.lx-account__nav-link:hover {
  background: var(--ml-blush);
  color: var(--ml-rose);
  text-decoration: none;
}

.lx-account__nav-link.active {
  background: var(--ml-blush);
  color: var(--ml-rose);
  font-weight: 700;
}

.lx-account__nav-link--logout {
  color: var(--ml-rose);
  margin-top: 4px;
}
.lx-account__nav-link--logout:hover {
  background: rgba(212,67,106,0.12);
}

.lx-account__nav-link svg {
  flex-shrink: 0;
  opacity: .7;
}
.lx-account__nav-link.active svg,
.lx-account__nav-link:hover svg { opacity: 1; }

/* ── CONTENT ── */
.lx-account__content {
  flex: 1;
  min-width: 0;
}

.lx-account__inner {
  background: #fff;
  border-radius: 24px;
  border: 1.5px solid var(--ml-border);
  box-shadow: 0 2px 16px rgba(212,67,106,0.06);
  padding: 28px 32px;
}

/* Убираем старый wrapper */
.wrap__content > .wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Убираем старые заголовки edit-menu и title */
.wrapper > .title:first-child { display: none !important; }
.edit-menu { display: none !important; }

/* Заголовки страниц кабинета */
.lx-account__inner .title--lg {
  font-family: var(--ml-sans) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--ml-text) !important;
  text-transform: none !important;
  margin-bottom: 20px !important;
}

/* Мобайл */
@media (max-width: 900px) {
  .lx-account { flex-direction: column; padding: 12px; }
  .lx-account__sidebar { width: 100%; position: static; }
  .lx-account__nav { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px; }
  .lx-account__nav-section { display: none; }
  .lx-account__nav-link { flex: 0 0 auto; padding: 8px 12px; font-size: 12px; }
  .lx-account__inner { padding: 16px; }
}


/* ================================================================
   FIX v57 — кабинет: нейтральный тёмный сайдбар, меньше розового
   ================================================================ */

/* User card — тёмный вместо ярко-розового */
.lx-account__user-card {
  background: #1A1625 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.18) !important;
}

.lx-account__user-balance {
  background: rgba(255,255,255,0.10) !important;
}

/* Nav — тёмный сайдбар */
.lx-account__nav {
  background: #fff !important;
  border-color: rgba(0,0,0,0.07) !important;
}

.lx-account__nav-link {
  color: #4A4560 !important;
}

.lx-account__nav-link:hover {
  background: #F5F4FA !important;
  color: #1A1625 !important;
}

.lx-account__nav-link.active {
  background: rgba(212,67,106,0.08) !important;
  color: var(--ml-rose) !important;
}

/* Контент — лёгкий фон страницы */
.lx-account {
  background: #F4F2FF !important;
  border-radius: 0 !important;
  min-height: calc(100vh - 108px) !important;
}

.lx-account__inner {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  border-color: rgba(0,0,0,0.07) !important;
}

/* Формы — меньше розового */
.form-control:focus,
.form-select:focus,
.ml-input:focus,
input:focus,
textarea:focus {
  border-color: #7C6AF0 !important;
  box-shadow: 0 0 0 3px rgba(124,106,240,0.10) !important;
}

/* Nav active — фиолетовый акцент вместо розового */
.lx-account__nav-link.active {
  background: rgba(124,106,240,0.08) !important;
  color: #6B5CE7 !important;
}

.lx-account__nav-link--logout {
  color: var(--ml-rose) !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  margin-top: 8px !important;
  padding-top: 12px !important;
}


/* ================================================================
   FIX v58 — кабинет через CSS (движок не использует наш wrapper)
   ================================================================ */

/* Фон страниц кабинета */
.main:has(.wrapper) {
  background: #F4F2FF !important;
}

/* Основной layout кабинета */
.wrap:has(.wrapper) {
  gap: 20px !important;
}

/* Сайдбар — скрываем оригинальный и добавляем стили */
.wrap__side {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* cc-block в сайдбаре — красиво */
.wrap__side .cc-block {
  background: #fff !important;
  border: 1.5px solid rgba(0,0,0,0.07) !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* Основной контент кабинета */
.wrap__content .wrapper {
  background: #fff !important;
  border-radius: 24px !important;
  border: 1.5px solid rgba(0,0,0,0.07) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
  padding: 28px 32px !important;
}

/* Заголовок страницы кабинета */
.wrap__content .wrapper > .title:first-child,
.wrap__content .wrapper .title.mb-4:first-of-type {
  font-family: var(--ml-sans) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1A1625 !important;
  text-transform: none !important;
  letter-spacing: -.01em !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid rgba(0,0,0,0.06) !important;
}

/* Убираем старое edit-menu из account_menu */
.wrap__content .wrapper .edit-menu {
  display: none !important;
}

/* Steps навигация (Profile / Photos / Video...) */
.profile-steps,
.sampler-steps,
[class*="profile-step"],
.wrap__content .wrapper .nav-pills,
.wrap__content .wrapper .step-nav {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-bottom: 24px !important;
  padding: 12px !important;
  background: #F4F2FF !important;
  border-radius: 14px !important;
}

/* Шаги прогресса */
.step-item,
.nav-pills .nav-link {
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  font-family: var(--ml-sans) !important;
  padding: 7px 16px !important;
  transition: all .18s !important;
}

/* Форм-элементы в кабинете */
.wrap__content .wrapper .form-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #7A6070 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.wrap__content .wrapper .form-control,
.wrap__content .wrapper .form-select,
.wrap__content .wrapper input[type=text],
.wrap__content .wrapper input[type=email],
.wrap__content .wrapper input[type=password],
.wrap__content .wrapper textarea,
.wrap__content .wrapper select {
  background: #F7F6FB !important;
  border: 1.5px solid rgba(0,0,0,0.09) !important;
  border-radius: 12px !important;
  font-family: var(--ml-sans) !important;
  font-size: 14px !important;
}

/* Кнопки сохранения */
.wrap__content .wrapper .button--primary,
.wrap__content .wrapper button[type=submit].button {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 12px rgba(212,67,106,0.25) !important;
}

/* Секции внутри формы */
.wrap__content .wrapper .card-block,
.wrap__content .wrapper .mb-4 > .row {
  border-radius: 16px !important;
}

/* "ADD MY PROFILE" заголовок убираем и заменяем */
.wrap__content .wrapper .title.mb-4 {
  background: none !important;
  color: #1A1625 !important;
  font-size: 20px !important;
  text-transform: none !important;
}


/* ================================================================
   FIX v59 — модалка редактирования/добавления поста
   ================================================================ */

#add_post_modal.popup .modal-dialog,
#edit_post_modal.popup .modal-dialog {
  max-width: 900px !important;
  width: 95vw !important;
  padding: 16px !important;
}

#add_post_modal.popup .modal-content,
#edit_post_modal.popup .modal-content {
  max-height: 90vh !important;
  overflow-y: auto !important;
}




/* ================================================================
   POST MODAL — минимальные точечные фиксы
   ================================================================ */

/* Размер */
#add_post_modal.popup .modal-dialog,
#edit_post_modal.popup .modal-dialog {
  max-width: 860px !important;
  width: calc(100vw - 32px) !important;
}

/* Header не скролится — контент скролится */
#add_post_modal .modal-content,
#edit_post_modal .modal-content {
  max-height: 90vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#add_post_modal .modal-header,
#edit_post_modal .modal-header {
  flex-shrink: 0 !important;
}

#add_post_modal .modal-body,
#edit_post_modal .modal-body {
  overflow-y: auto !important;
  flex: 1 !important;
}

/* Кнопка закрыть не обрезается */
#add_post_modal.popup .modal-content,
#edit_post_modal.popup .modal-content {
  overflow: visible !important;
}

/* Но body всё равно скролится */
#add_post_modal .modal-body,
#edit_post_modal .modal-body {
  overflow-y: auto !important;
}

/* Превью медиа — нормальная сетка */
#add_post_modal #all_uploaded_images,
#edit_post_modal #all_uploaded_images {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  gap: 10px !important;
}

#add_post_modal .uploaded-img img,
#edit_post_modal .uploaded-img img {
  width: 100% !important;
  height: 140px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}

#add_post_modal .uploaded-img video,
#edit_post_modal .uploaded-img video {
  width: 100% !important;
  height: 140px !important;
  border-radius: 8px !important;
  display: block !important;
}


/* ================================================================
   FIX v62 — post modal: убираем center, country picker, превью
   ================================================================ */

/* ── Убираем center в модалке — только прямые блоки ── */
#add_post_modal .modal-body > div,
#add_post_modal .modal-body > form,
#add_post_modal .modal-body label,
#add_post_modal .modal-body .mb-3,
#add_post_modal .modal-body .mb-4,
#edit_post_modal .modal-body > div,
#edit_post_modal .modal-body > form,
#edit_post_modal .modal-body label,
#edit_post_modal .modal-body .mb-3,
#edit_post_modal .modal-body .mb-4 {
  text-align: left !important;
}

/* Но кнопки submit оставляем по центру */
#add_post_modal .modal-foot,
#edit_post_modal .modal-foot {
  text-align: center !important;
  padding: 16px 24px 20px !important;
  border-top: 1px solid var(--ml-border) !important;
}

/* ── COUNTRY PICKER ── */
.lx-cpicker {
  border: 1.5px solid #E8E5F0 !important;
  border-radius: 14px !important;
  background: #F7F6FB !important;
  overflow: hidden !important;
  position: relative !important;
}

.lx-cpicker__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 10px 12px 0 !important;
  min-height: 0 !important;
}

.lx-cpicker__tags:empty { padding: 0 !important; }

.lx-cpicker__tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 4px 10px 4px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--ml-sans) !important;
}

.lx-cpicker__tag button {
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.8) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  transition: color .15s !important;
}
.lx-cpicker__tag button:hover { color: #fff !important; }

.lx-cpicker__search-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
}

.lx-cpicker__search-row svg { color: var(--ml-muted2) !important; flex-shrink: 0 !important; }

.lx-cpicker__search {
  border: none !important;
  background: transparent !important;
  font-size: 13px !important;
  font-family: var(--ml-sans) !important;
  color: var(--ml-text) !important;
  outline: none !important;
  width: 100% !important;
}
.lx-cpicker__search::placeholder { color: var(--ml-muted2) !important; }

.lx-cpicker__list {
  max-height: 200px !important;
  overflow-y: auto !important;
  border-top: 1px solid #E8E5F0 !important;
  background: #fff !important;
}

.lx-cpicker__item {
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-family: var(--ml-sans) !important;
  color: var(--ml-text) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: background .12s !important;
}

.lx-cpicker__item:hover { background: var(--ml-blush) !important; }

.lx-cpicker__item.active {
  color: var(--ml-rose) !important;
  font-weight: 600 !important;
  background: rgba(212,67,106,0.04) !important;
}

.lx-cpicker__empty {
  padding: 12px 14px !important;
  color: var(--ml-muted2) !important;
  font-size: 13px !important;
}

/* ── ПРЕВЬЮ ФОТО/ВИДЕО ── */
#add_post_modal #all_uploaded_images,
#edit_post_modal #all_uploaded_images {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

/* Убираем Bootstrap col-* */
#add_post_modal #all_uploaded_images > [class*="col-"],
#edit_post_modal #all_uploaded_images > [class*="col-"] {
  width: auto !important;
  padding: 0 !important;
}

.uploaded-img {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #F0EEF8 !important;
  border: 1.5px solid #E8E5F0 !important;
  position: relative !important;
}

.uploaded-img__wrap {
  aspect-ratio: 1 !important;
  overflow: hidden !important;
}

.uploaded-img a { display: block !important; height: 100% !important; }

.uploaded-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}

.uploaded-img video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Кнопка удалить */
.uploaded-img .__delbtn {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 24px !important;
  height: 24px !important;
  background: rgba(0,0,0,0.55) !important;
  backdrop-filter: blur(4px) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  transition: background .15s !important;
}
.uploaded-img .__delbtn:hover { background: var(--ml-rose) !important; }
.uploaded-img .__delbtn .icon { width: 10px !important; height: 10px !important; fill: #fff !important; }

/* Main photo checkbox */
.uploaded-img .set_main_photo {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(0,0,0,0.5) !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  z-index: 4 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.uploaded-img .set_main_photo .form-check-label {
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

/* Кнопка загрузки */
.btn-picture {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 2px dashed rgba(212,67,106,0.3) !important;
  background: var(--ml-blush) !important;
  border-radius: 14px !important;
  padding: 14px 20px !important;
  cursor: pointer !important;
  transition: all .18s !important;
  color: var(--ml-rose) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  font-family: var(--ml-sans) !important;
}
.btn-picture:hover {
  background: rgba(212,67,106,0.12) !important;
  border-color: var(--ml-rose) !important;
}
.btn-picture img { width: 24px !important; height: 24px !important; opacity: .7 !important; }
.btn-picture input[type=file] { display: none !important; }

/* Кнопка Publish */
#add_post_modal #submit_chat_btn,
#edit_post_modal #submit_chat_btn {
  background: linear-gradient(135deg, var(--ml-rose), var(--ml-peach)) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 11px 32px !important;
  box-shadow: 0 2px 14px rgba(212,67,106,0.28) !important;
  cursor: pointer !important;
  font-family: var(--ml-sans) !important;
  transition: opacity .18s !important;
}
#add_post_modal #submit_chat_btn:hover,
#edit_post_modal #submit_chat_btn:hover { opacity: .88 !important; }

#add_post_modal #submit_chat_btn:disabled,
#edit_post_modal #submit_chat_btn:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}


/* ================================================================
   FIX v65 — post modal: фото в форме, селекты кликабельны
   ================================================================ */

/* Фото/видео — внутри модалки, не выходят за пределы */
#add_post_modal .modal-body,
#edit_post_modal .modal-body {
  overflow: visible !important;
}

#add_post_modal #all_uploaded_images,
#edit_post_modal #all_uploaded_images {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin-bottom: 16px !important;
}

/* Селекты — убираем pointer-events блокировку */
#add_post_modal select,
#add_post_modal .form-select,
#edit_post_modal select,
#edit_post_modal .form-select {
  pointer-events: all !important;
  position: relative !important;
  z-index: 5 !important;
  cursor: pointer !important;
}

/* Все элементы формы кликабельны */
#add_post_modal .modal-body *,
#edit_post_modal .modal-body * {
  pointer-events: auto !important;
}

/* lx-cpicker dropdown поверх всего */
.lx-cpicker__list {
  z-index: 1000 !important;
  position: relative !important;
}

/* Убираем overflow hidden с modal-content чтобы dropdown не обрезался */
#add_post_modal .modal-content,
#edit_post_modal .modal-content {
  overflow: visible !important;
}

/* Но header и footer не скролятся */
#add_post_modal .modal-body,
#edit_post_modal .modal-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: calc(90vh - 120px) !important;
}


/* ================================================================
   SEO TEXT BLOCK
   ================================================================ */

.lx-seotext {
  padding: 32px 0 16px;
  background: #fff;
  border-top: 1px solid var(--ml-border);
}

.lx-seotext__h1 {
  font-family: var(--ml-sans) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--ml-text) !important;
  margin-bottom: 12px !important;
}

.lx-seotext__text {
  font-size: 14px;
  line-height: 1.8;
  color: var(--ml-muted);
  max-width: 860px;
}

.lx-seotext__text p { margin-bottom: 8px; }
.lx-seotext__text a { color: var(--ml-rose); }


/* ================================================================
   CITY / COUNTRY SEO BLOCK
   ================================================================ */

.lx-city-seo {
  background: #fff;
  border-radius: 24px;
  border: 1.5px solid var(--ml-border);
  margin: 24px 0;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(212,67,106,0.07);
}

/* Шапка блока с градиентом */
.lx-city-seo__head {
  background: linear-gradient(135deg, var(--ml-rose) 0%, var(--ml-peach) 100%);
  padding: 28px 36px 24px;
  position: relative;
  overflow: hidden;
}

.lx-city-seo__head::after {
  content: '';
  position: absolute;
  right: -40px; bottom: -40px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
}
.lx-city-seo__head::before {
  content: '';
  position: absolute;
  right: 60px; bottom: -60px;
  width: 140px; height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
}

.lx-city-seo__title {
  font-family: var(--ml-sans) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 8px !important;
  line-height: 1.3 !important;
  position: relative;
  z-index: 1;
}

.lx-city-seo__subtitle {
  font-size: 14px;
  color: rgba(255,255,255,0.80);
  font-weight: 500;
  position: relative;
  z-index: 1;
}

/* Тело блока */
.lx-city-seo__body {
  padding: 28px 36px;
}

.lx-city-seo__text {
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--ml-muted);
  columns: 2;
  column-gap: 40px;
}

.lx-city-seo__text p {
  margin-bottom: 12px;
  break-inside: avoid;
}

.lx-city-seo__text strong { color: var(--ml-text); }

.lx-city-seo__text a {
  color: var(--ml-rose);
  text-decoration: none;
  font-weight: 600;
}
.lx-city-seo__text a:hover { text-decoration: underline; }

/* Статистика */
.lx-city-seo__stats {
  display: flex;
  gap: 2px;
  margin-bottom: 20px;
  border-radius: 14px;
  overflow: hidden;
  border: 1.5px solid var(--ml-border);
}

.lx-city-seo__stat {
  flex: 1;
  padding: 14px 12px;
  text-align: center;
  background: var(--ml-bg);
}
.lx-city-seo__stat + .lx-city-seo__stat { border-left: 1.5px solid var(--ml-border); }

.lx-city-seo__stat-num {
  font-size: 20px;
  font-weight: 800;
  color: var(--ml-rose);
  line-height: 1;
  margin-bottom: 4px;
}

.lx-city-seo__stat-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--ml-muted2);
  text-transform: uppercase;
  letter-spacing: .06em;
}

@media (max-width: 768px) {
  .lx-city-seo__head { padding: 20px 16px 18px; }
  .lx-city-seo__body { padding: 20px 16px; }
  .lx-city-seo__text { columns: 1; }
  .lx-city-seo__title { font-size: 20px !important; }
  .lx-city-seo__stats { flex-wrap: wrap; }
  .lx-city-seo__stat { min-width: calc(50% - 2px); }
}


/* ================================================================
   FIX v92 — SEO блок внутри контейнера
   ================================================================ */

.lx-city-seo {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
}

/* Убираем container-fluid внутри — он уже есть снаружи через main */
.lx-city-seo > .container-fluid {
  padding: 0 !important;
}