/* Янги шаблон: ихчам тепа ва пастки қисм, фақат .hv2h ва .hv2f ичида ишлайди (Jasur_BEK_XPrime) */
body.hv2-body-bg { background: #F3F5F9; }

.hv2h, .hv2f { --c-ink: #0E1B33; --c-muted: #55617A; --c-line: #D9DFEA; --c-blue: #1447C8; font-size: 15px; line-height: 1.4; }
.hv2h *, .hv2f * { box-sizing: border-box; }
.hv2h ul, .hv2f ul { list-style: none; margin: 0; padding: 0; }
.hv2h a, .hv2f a { text-decoration: none; }
.hv2h svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Тепа қисм: битта қатор, бетни айлантирганда тепада ёпишиб туради (Jasur_BEK_XPrime) */
.hv2h { position: sticky; top: 0; z-index: 1000; background: #fff; border-bottom: 1px solid var(--c-line); }
.hv2h__bar { max-width: 1280px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); min-height: 64px; display: flex; align-items: center; gap: 24px; }
.hv2h__brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.hv2h__logo { height: 40px; width: auto; display: block; }
.hv2h__sep { width: 1px; height: 28px; background: var(--c-line); }
.hv2h__name { font-size: 17px; font-weight: 700; letter-spacing: .02em; background: linear-gradient(100deg, #F76707 0%, #E8470B 55%, #C81E1E 100%); -webkit-background-clip: text; background-clip: text; color: transparent; white-space: nowrap; }
.hv2h__panel { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
.hv2h__menu { display: flex; align-items: center; gap: 2px; }
.hv2h__menu > li { position: relative; }
.hv2h__menu > li > a { display: flex; align-items: center; min-height: 64px; padding: 0 12px; color: var(--c-ink); font-weight: 500; white-space: nowrap; }
.hv2h__menu > li > a:hover, .hv2h__menu > li:focus-within > a { color: var(--c-blue); }
.hv2h__has-sub > a::after { content: ""; width: 6px; height: 6px; margin-left: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.hv2h__sub { position: absolute; left: 0; top: 100%; min-width: 300px; max-height: 70vh; overflow-y: auto; padding: 8px; background: #fff; border: 1px solid var(--c-line); border-radius: 12px; box-shadow: 0 12px 32px rgba(14, 27, 51, .12); display: none; }
.hv2h__has-sub:hover > .hv2h__sub, .hv2h__has-sub:focus-within > .hv2h__sub { display: block; }
.hv2h__sub a { display: block; padding: 9px 12px; border-radius: 8px; color: var(--c-ink); }
.hv2h__sub a:hover { background: #EEF3FF; color: var(--c-blue); }
.hv2h__sub-sep { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--c-line); }
.hv2h__tools { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.hv2h__icon { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; color: var(--c-muted); }
.hv2h__icon:hover { background: #EEF3FF; color: var(--c-blue); }
.hv2h__icon svg { width: 22px; height: 22px; }
.hv2h__icon-text { display: none; }
.hv2h__lang { display: flex; border: 1px solid var(--c-line); border-radius: 10px; overflow: hidden; }
.hv2h__lang a { min-width: 40px; height: 38px; display: flex; align-items: center; justify-content: center; padding: 0 8px; color: var(--c-muted); font-weight: 600; font-size: 13px; }
.hv2h__lang a.is-on { background: var(--c-ink); color: #fff; }
.hv2h__btn { height: 40px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 10px; font-weight: 600; white-space: nowrap; }
.hv2h__btn--line { border: 1.5px solid var(--c-blue); color: var(--c-blue) !important; }
.hv2h__btn--line:hover { background: #EEF3FF; }
.hv2h__btn--blue { background: var(--c-blue); color: #fff !important; }
.hv2h__btn--blue:hover { background: #0F38A0; }
.hv2h__user { display: inline-flex; align-items: center; gap: 8px; max-width: 220px; height: 40px; padding: 0 12px; border-radius: 10px; background: #F3F5F9; color: var(--c-ink) !important; font-weight: 600; }
.hv2h__user svg { width: 20px; height: 20px; flex-shrink: 0; }
.hv2h__user span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hv2h__burger { display: none; margin-left: auto; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--c-line); border-radius: 10px; background: #fff; color: var(--c-ink); cursor: pointer; }
.hv2h__burger svg { width: 22px; height: 22px; stroke-width: 2; }
.hv2h__burger-close { display: none; }

/* Ўрта экранлар: меню ихчамроқ (Jasur_BEK_XPrime) */
@media (max-width: 1240px) {
  .hv2h__name { display: none; }
  .hv2h__sep { display: none; }
  .hv2h__menu > li > a { padding: 0 9px; }
}

/* Телефон ва планшет: ☰ тугмаси, меню пастга очилади (Jasur_BEK_XPrime) */
@media (max-width: 1024px) {
  .hv2h__bar { flex-wrap: wrap; gap: 0 12px; }
  .hv2h__name { display: inline; font-size: 15px; }
  .hv2h__sep { display: block; }
  .hv2h__logo { height: 34px; }
  .hv2h__burger { display: inline-flex; }
  .hv2h__panel { display: none; flex: 1 1 100%; flex-direction: column; align-items: stretch; gap: 12px; padding: 8px 0 16px; border-top: 1px solid var(--c-line); max-height: calc(100vh - 64px); overflow-y: auto; }
  .hv2h.is-open .hv2h__panel { display: flex; }
  .hv2h.is-open .hv2h__burger-open { display: none; }
  .hv2h.is-open .hv2h__burger-close { display: inline; }
  .hv2h__menu { flex-direction: column; align-items: stretch; }
  .hv2h__menu > li > a { min-height: 48px; padding: 0 4px; border-bottom: 1px solid #EEF1F6; }
  .hv2h__has-sub > a::after { display: none; }
  .hv2h__sub { position: static; display: block; min-width: 0; max-height: none; padding: 4px 0 8px 12px; border: 0; box-shadow: none; }
  .hv2h__sub a { padding: 10px 8px; }
  .hv2h__tools { flex-wrap: wrap; }
  .hv2h__icon { width: auto; padding: 0 8px; gap: 8px; border-radius: 10px; }
  .hv2h__icon-text { display: inline; font-size: 14px; }
  .hv2h__tools .hv2h__btn, .hv2h__user { flex: 1 1 140px; justify-content: center; max-width: none; }
}
@media (max-width: 380px) {
  .hv2h__name { display: none; }
  .hv2h__sep { display: none; }
}

/* Пастки қисм (Jasur_BEK_XPrime) */
.hv2f { position: relative; background: #0B1F4B; color: #C7D2EA; }
.hv2f__wrap { max-width: 1280px; margin: 0 auto; padding: 40px clamp(16px, 4vw, 40px) 24px; }
.hv2f__cols { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 28px 40px; }
.hv2f__brand { display: inline-flex; align-items: center; gap: 12px; color: #fff !important; font-weight: 700; letter-spacing: .02em; }
.hv2f__logo { height: 36px; width: auto; background: #fff; border-radius: 18px; padding: 2px 6px; }
.hv2f__about p { margin: 12px 0 0; font-size: 14px; }
.hv2f__title { margin-bottom: 10px; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.hv2f li { padding: 5px 0; font-size: 14px; }
.hv2f a { color: #C7D2EA; }
.hv2f a:hover { color: #fff; }
.hv2f__phone { color: #fff !important; font-size: 17px; font-weight: 700; }
.hv2f__bottom { margin-top: 32px; padding-top: 18px; border-top: 1px solid #2A3F73; font-size: 13px; }
@media (max-width: 900px) { .hv2f__cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .hv2f__cols { grid-template-columns: 1fr; } }

/* Ихчамроқ тепа қисм: 52 пиксел (Jasur_BEK_XPrime) */
.hv2h__bar { min-height: 52px; gap: 18px; }
.hv2h__logo { height: 30px; }
.hv2h__sep { height: 22px; }
.hv2h__name { font-size: 15px; }
.hv2h__menu > li > a { min-height: 52px; padding: 0 10px; font-size: 14px; }
.hv2h__icon { width: 34px; height: 34px; }
.hv2h__icon svg { width: 20px; height: 20px; }
.hv2h__lang { border-radius: 8px; }
.hv2h__lang a { height: 32px; min-width: 34px; font-size: 12px; }
.hv2h__btn, .hv2h__user { height: 34px; padding: 0 12px; font-size: 14px; border-radius: 8px; }
@media (max-width: 1240px) { .hv2h__menu > li > a { padding: 0 8px; } }
@media (max-width: 1024px) {
  .hv2h__logo { height: 28px; }
  .hv2h__burger { width: 40px; height: 40px; }
  .hv2h__panel { max-height: calc(100vh - 52px); }
  .hv2h__menu > li > a { min-height: 46px; padding: 0 4px; font-size: 15px; }
  .hv2h__btn, .hv2h__user { height: 40px; }
}

/* Тепа қисм контент энидан чиқиб кетмасин: оралиқлар қисқа, «Рўйхатдан ўтиш» оддий ҳавола (Jasur_BEK_XPrime) */
.hv2h__bar { gap: 12px; }
.hv2h__brand { gap: 10px; }
.hv2h__panel { gap: 10px; }
.hv2h__menu > li > a { padding: 0 8px; }
.hv2h__tools { gap: 8px; }
.hv2h__tools .hv2h__btn--line { border-color: transparent; padding: 0 6px; }
.hv2h__tools .hv2h__btn--line:hover { background: transparent; text-decoration: underline; }
@media (max-width: 1240px) { .hv2h__menu > li > a { padding: 0 6px; } }
@media (max-width: 1024px) {
  .hv2h__tools .hv2h__btn--line { border-color: var(--c-blue); padding: 0 12px; }
}

/* RMM логоси ёрқинроқ ва тиниқроқ кўринсин (Jasur_BEK_XPrime) */
.hv2h__logo, .hv2f__logo { filter: brightness(1.18) contrast(1.15) saturate(1.35); }
.hv2h__logo { filter: brightness(1.18) contrast(1.15) saturate(1.35) drop-shadow(0 1px 2px rgba(20, 71, 200, .25)); }

/* Сичқонча логога келганда логотип ўйнаб, ном олов рангида жилоланади (Jasur_BEK_XPrime) */
@keyframes hv2-logo-play {
  0% { transform: scale(1) rotate(0); }
  25% { transform: scale(1.12) rotate(-7deg); }
  50% { transform: scale(1.12) rotate(6deg); }
  75% { transform: scale(1.06) rotate(-3deg); }
  100% { transform: scale(1) rotate(0); }
}
.hv2h__logo, .hv2f__logo { transform-origin: center; transition: filter .25s; }
.hv2h__brand:hover .hv2h__logo, .hv2h__brand:focus-visible .hv2h__logo,
.hv2f__brand:hover .hv2f__logo { animation: hv2-logo-play .8s ease-in-out; filter: brightness(1.3) contrast(1.15) saturate(1.5) drop-shadow(0 2px 6px rgba(20, 71, 200, .45)); }
.hv2h__name { background-image: linear-gradient(100deg, #F76707 0%, #E8470B 25%, #C81E1E 50%, #E8470B 75%, #F76707 100%); background-size: 200% 100%; background-position: 0 0; transition: background-position .8s ease; }
.hv2h__brand:hover .hv2h__name { background-position: 100% 0; }
@media (prefers-reduced-motion: reduce) {
  .hv2h__brand:hover .hv2h__logo, .hv2h__brand:focus-visible .hv2h__logo, .hv2f__brand:hover .hv2f__logo { animation: none; }
  .hv2h__name { transition: none; }
}

/* Логотип ўйнаганда кўпроқ катталашсин (Jasur_BEK_XPrime) */
@keyframes hv2-logo-play2 {
  0% { transform: scale(1) rotate(0); }
  25% { transform: scale(1.28) rotate(-7deg); }
  50% { transform: scale(1.28) rotate(6deg); }
  75% { transform: scale(1.14) rotate(-3deg); }
  100% { transform: scale(1) rotate(0); }
}
.hv2h__brand:hover .hv2h__logo, .hv2h__brand:focus-visible .hv2h__logo, .hv2f__brand:hover .hv2f__logo { animation-name: hv2-logo-play2; position: relative; z-index: 2; }

/* Логотип ўйнаганда янада катталашсин: 1.5 баравар (Jasur_BEK_XPrime) */
@keyframes hv2-logo-play3 {
  0% { transform: scale(1) rotate(0); }
  25% { transform: scale(1.5) rotate(-7deg); }
  50% { transform: scale(1.5) rotate(6deg); }
  75% { transform: scale(1.25) rotate(-3deg); }
  100% { transform: scale(1) rotate(0); }
}
.hv2h__brand:hover .hv2h__logo, .hv2h__brand:focus-visible .hv2h__logo, .hv2f__brand:hover .hv2f__logo { animation-name: hv2-logo-play3; animation-duration: .9s; }

/* «Лотлар» менюсида якунланган ва сотилмаган бўлимлар ранги билан ажралиб турсин (Jasur_BEK_XPrime) */
.hv2h__sub a[href$="/lots/completed"], .hv2h__sub a[href$="/lots/uncompleted"] { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.hv2h__sub a[href$="/lots/completed"]::before, .hv2h__sub a[href$="/lots/uncompleted"]::before { content: ""; width: 9px; height: 9px; flex-shrink: 0; border-radius: 50%; }
.hv2h__sub a[href$="/lots/completed"] { color: #12703F; }
.hv2h__sub a[href$="/lots/completed"]::before { background: #12A150; box-shadow: 0 0 0 3px rgba(18, 161, 80, .2); }
.hv2h__sub a[href$="/lots/completed"]:hover { background: #E6F4EC; color: #12703F; }
.hv2h__sub a[href$="/lots/uncompleted"] { color: #C2540A; }
.hv2h__sub a[href$="/lots/uncompleted"]::before { background: #F08A24; box-shadow: 0 0 0 3px rgba(240, 138, 36, .2); }
.hv2h__sub a[href$="/lots/uncompleted"]:hover { background: #FFF1E4; color: #C2540A; }
.hv2h__sub a[href$="?re=1"] { display: flex; align-items: center; gap: 10px; font-weight: 600; color: #0E7490; }
.hv2h__sub a[href$="?re=1"]::before { content: "↻"; width: 9px; flex-shrink: 0; font-size: 13px; line-height: 1; text-align: center; }
.hv2h__sub a[href$="?re=1"]:hover { background: #E0F4F8; color: #0E7490; }