:root {
  --rm-navy: #064584;
  --rm-blue: #0c559b;
  --rm-red: #ed102d;
  --rm-pale: #f2f7fc;
  --rm-ink: #153b68;
  --rm-muted: #63758a;
}

html { scroll-behavior: smooth; }
body { min-width: 320px; color: #23364d; background: #fff; }
a { color: #464feb; text-decoration: none; }
main { min-height: 55vh; }

.brand-header { background: #fff; }
.brand-header-inner { min-height: 128px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand-lockup { display: flex; align-items: center; gap: 1rem; color: var(--rm-navy); text-decoration: none; }
.brand-logo { width: 108px; height: 108px; object-fit: contain; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong, .footer-brand strong { font-size: clamp(1.25rem, 3.2vw, 2rem); font-weight: 900; letter-spacing: -.055em; }
.brand-copy strong b, .footer-brand strong b { color: var(--rm-red); }
.brand-copy small { margin-top: .48rem; color: var(--rm-red); font-size: .76rem; font-weight: 900; letter-spacing: .13em; }
.brand-promise { margin: 0 .4rem 0 0; color: var(--rm-navy); font-size: 1.15rem; font-style: italic; font-weight: 800; line-height: 1.15; text-align: center; transform: rotate(-5deg); }
.rm-navbar { position: relative; z-index: 1020; padding: 0; }
.rm-navbar .navbar-nav { min-height: 58px; }
.rm-navbar .nav-item { display: flex; align-items: stretch; }
.rm-navbar .nav-link { display: flex; align-items: center; gap: .65rem; padding: .8rem 1.25rem; color: #fff; font-size: .94rem; font-weight: 600; }
.rm-navbar .nav-link:hover, .rm-navbar .nav-link:focus { background: #ffffff16; color: #fff; }
.rm-navbar .nav-home { background: var(--rm-red); }
.rm-navbar .nav-auth-group { align-items: center; }
.rm-navbar .nav-auth-group .nav-link { padding-right: .55rem; padding-left: .55rem; }
.rm-navbar .nav-auth-separator { color: #ffffffa6; }
.rm-navbar .nav-contact .nav-link { gap: .65rem; }
.rm-navbar .nav-contact strong, .rm-navbar .nav-contact small { display: block; white-space: nowrap; }
.rm-navbar .nav-contact strong { font-size: 1rem; }
.rm-navbar .nav-contact small { font-size: .68rem; font-weight: 400; }
.whatsapp-icon { font-size: 1.6rem; }

.home-hero { position: relative; overflow: hidden; padding: 2rem 0 1.5rem; color: #fff; background: linear-gradient(110deg, #052e59 0%, #07569c 55%, #092e55 100%); }
.home-hero::before, .home-hero::after { position: absolute; content: ""; pointer-events: none; }
.home-hero::before { inset: 0; opacity: .16; background: repeating-linear-gradient(130deg, transparent 0 44px, #fff 45px 46px, transparent 47px 88px); }
.home-hero::after { width: 520px; height: 520px; top: -285px; right: 7%; border: 1px solid #ffffff30; border-radius: 50%; box-shadow: 0 0 0 28px #ffffff08, 0 0 0 58px #ffffff08; }
.home-hero .container { position: relative; z-index: 1; }
.hero-copy { padding-top: .5rem; padding-bottom: .5rem; }
.hero-label { display: inline-block; padding: .45rem .8rem; color: #fff; background: var(--rm-red); font-size: .92rem; font-style: italic; font-weight: 900; letter-spacing: .04em; transform: skew(-5deg); }
.hero-copy h1 { margin: 1rem 0 .7rem; font-size: clamp(2rem, 4vw, 3.45rem); font-weight: 900; letter-spacing: -.045em; line-height: 1.05; }
.hero-copy h1 span { color: #dcecff; }
.hero-copy p { max-width: 600px; margin-bottom: 1.25rem; color: #e3effb; font-size: 1.1rem; }
.btn-auction { --bs-btn-color: #fff; --bs-btn-bg: var(--rm-red); --bs-btn-border-color: var(--rm-red); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #c80d26; --bs-btn-hover-border-color: #c80d26; --bs-btn-active-bg: #b40c23; --bs-btn-active-border-color: #b40c23; font-weight: 800; }
.home-hero .btn-auction { padding: .75rem 1.35rem; border-radius: .35rem; font-size: 1.05rem; text-transform: uppercase; }
.home-hero .btn-auction span { margin-left: .5rem; font-size: 1.2rem; }
.hero-visual { position: relative; min-height: 270px; overflow: hidden; border: 5px solid #ffffff25; background: #dce8f2; box-shadow: 0 12px 30px #001a3570; }
.hero-photo { width: 100%; height: 270px; object-fit: cover; }
.hero-visual::after { position: absolute; inset: 30% 0 0; content: ""; background: linear-gradient(transparent, #061f3add); }
.hero-visual-caption { position: absolute; z-index: 1; right: 1.2rem; bottom: 1.1rem; left: 1.2rem; display: flex; flex-direction: column; color: #fff; text-shadow: 0 1px 5px #00162d; }
.hero-visual-caption span { font-size: .67rem; font-weight: 800; letter-spacing: .12em; }
.hero-visual-caption strong { margin-top: .25rem; font-size: 1.45rem; line-height: 1.1; }
.hero-slider { isolation: isolate; }
.hero-slider::after { z-index: 1; pointer-events: none; }
.hero-slides { position: absolute; inset: 0; }
.hero-slide { position: absolute; inset: 0; display: block; color: inherit; opacity: 0; visibility: hidden; transition: opacity .45s ease; }
.hero-slide.is-active { z-index: 1; opacity: 1; visibility: visible; }
.hero-slide:focus-visible { outline: 3px solid #fff; outline-offset: -7px; }
.hero-slider .hero-visual-caption { right: 4.5rem; z-index: 2; }
.hero-slider-arrow { position: absolute; z-index: 3; top: 50%; display: grid; width: 2.4rem; height: 2.4rem; place-items: center; padding: 0 0 .2rem; border: 1px solid #ffffffa6; border-radius: 50%; color: #fff; background: #052e59a8; font-size: 1.8rem; line-height: 1; transform: translateY(-50%); }
.hero-slider-previous { left: .75rem; }
.hero-slider-next { right: .75rem; }
.hero-slider-arrow:hover, .hero-slider-arrow:focus-visible { background: var(--rm-red); }
.hero-slider-dots { position: absolute; z-index: 3; right: 1rem; bottom: .65rem; display: flex; gap: .4rem; }
.hero-slider-dot { width: .55rem; height: .55rem; padding: 0; border: 1px solid #fff; border-radius: 50%; background: #ffffff75; }
.hero-slider-dot.is-active { background: #fff; transform: scale(1.2); }
.hero-slider-arrow:focus-visible, .hero-slider-dot:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.hero-art-placeholder { display: flex; height: 270px; align-items: center; justify-content: center; gap: 1rem; color: var(--rm-navy); background: radial-gradient(circle at 75% 15%, #fff 0 8%, transparent 8.5%), linear-gradient(135deg, #eaf3fa, #9bb9d3); }
.hero-art-placeholder span { display: grid; width: 98px; height: 98px; place-items: center; border: 3px solid var(--rm-red); border-radius: 50%; color: var(--rm-red); font-size: 2rem; font-weight: 900; }
.hero-art-placeholder strong { font-size: 1.5rem; font-weight: 900; line-height: 1.05; }
.hero-benefits { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1.4rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.hero-benefits li { display: flex; align-items: center; gap: .45rem; font-weight: 700; }
.hero-benefits li span { display: inline-grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #fff; background: var(--rm-red); font-size: .9rem; }

.trust-strip { border-bottom: 1px solid #d5e0eb; background: #fff; }
.trust-items { display: grid; grid-template-columns: repeat(4, 1fr); padding-top: 1.1rem; padding-bottom: 1.1rem; }
.trust-items > div { display: flex; min-height: 48px; align-items: center; justify-content: center; gap: .75rem; padding: .25rem .7rem; border-right: 1px solid #c8d8e6; }
.trust-items > div:last-child { border-right: 0; }
.trust-icon { color: var(--rm-navy); font-size: 2rem; font-weight: 900; line-height: 1; }
.trust-items p { display: flex; flex-direction: column; margin: 0; color: var(--rm-navy); font-size: .85rem; line-height: 1.25; }
.trust-items small { color: #536b84; font-size: .76rem; }

.auction-layout { padding-top: 2rem; padding-bottom: 1.5rem; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; padding: .7rem 1rem; color: #fff; background: var(--rm-navy); }
.section-kicker { color: #d1e4f7; font-size: .63rem; font-weight: 800; letter-spacing: .12em; }
.section-heading h2 { margin: .2rem 0 0; font-size: 1.35rem; font-weight: 800; text-transform: uppercase; }
.auction-count { font-size: .8rem; white-space: nowrap; }
.auction-card { overflow: hidden; border: 1px solid #d8e1e9; border-radius: .55rem; box-shadow: 0 3px 12px #163a5a10; transition: transform .18s ease, box-shadow .18s ease; }
.auction-card:hover { transform: translateY(-3px); box-shadow: 0 9px 22px #163a5a20; }
.auction-image-wrap { position: relative; display: block; height: 160px; overflow: hidden; background: #e8eef4; }
.personal-auctions-section { padding-top: .5rem; padding-bottom: 1.25rem; }
.recent-auctions-section .auction-image-wrap { height: 92px; }
.recent-auctions-section .auction-card .card-body { gap: .3rem; padding: .65rem; }
.recent-auctions-section .auction-card h3 { font-size: .82rem; }
.recent-auctions-section .auction-summary,
.recent-auctions-section .auction-quantity { display: none; }
.recent-auctions-section .auction-prices { gap: .35rem; }
.recent-auctions-section .auction-prices > div { gap: .12rem; }
.recent-auctions-section .auction-prices small { font-size: .52rem; }
.recent-auctions-section .auction-prices span,
.recent-auctions-section .auction-prices strong { font-size: .72rem; }
.recent-auctions-section .auction-closing { display: none; }
.recent-auctions-section .auction-card .btn { padding: .35rem .45rem; font-size: .68rem; }
.personal-auctions-section .auction-card form .btn { padding: .28rem .45rem; font-size: .68rem; }
.auction-image { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.auction-card:hover .auction-image { transform: scale(1.035); }
.placeholder-art { display: grid; place-items: center; background: linear-gradient(135deg, #e0e9f1, #b9cddd); }
.placeholder-art span { display: grid; width: 60px; height: 60px; place-items: center; border: 2px solid #7391ad; border-radius: 50%; color: #557796; font-weight: 900; }
.live-tag { position: absolute; top: .55rem; left: .55rem; padding: .32rem .5rem; color: #fff; background: var(--rm-blue); font-size: .58rem; font-weight: 900; letter-spacing: .06em; }
.live-tag span { display: inline-block; width: 7px; height: 7px; margin-right: .25rem; border-radius: 50%; background: #67e69d; }
.live-tag.sold-tag { background: #657487; }
.auction-card .card-body { padding: .8rem; }
.lot-number { color: #57728e; font-size: .59rem; font-weight: 800; letter-spacing: .1em; }
.auction-card h3 { margin: .25rem 0; font-size: 1rem; font-weight: 800; line-height: 1.2; }
.auction-card h3 a { color: var(--rm-ink); text-decoration: none; }
.auction-card h3 a:hover { color: var(--rm-red); }
.auction-summary { min-height: 2.8rem; margin: .25rem 0 .6rem; color: #586a7d; font-size: .75rem; line-height: 1.4; }
.auction-prices { display: grid; grid-template-columns: 1fr 1fr; gap: .3rem; padding-top: .55rem; border-top: 1px solid #e6ebf0; }
.auction-prices div { display: flex; flex-direction: column; }
.auction-prices small { color: #647487; font-size: .55rem; font-weight: 800; }
.auction-prices span { color: #415a75; font-size: .8rem; }
.auction-prices strong { color: var(--rm-red); font-size: .9rem; }
.auction-closing { margin: .4rem 0 .55rem; color: #53677d; font-size: .68rem; }
.auction-closing span { color: var(--rm-red); font-size: .9rem; }
.auction-card .btn { padding: .42rem; border-radius: .3rem; font-weight: 800; }
.empty-state { padding: 3rem 1rem; border: 1px dashed #b6c8d8; background: #f7fafd; }
.empty-mark { color: var(--rm-blue); font-size: 2.2rem; }
.empty-state h3 { margin-top: .5rem; color: var(--rm-ink); font-size: 1.2rem; }
.empty-state p { margin-bottom: 0; color: var(--rm-muted); }

.side-card { margin-bottom: 1rem; border: 1px solid #cbd9e7; border-radius: .45rem; background: #fff; box-shadow: 0 3px 12px #163a5a0e; }
.account-card { padding: .85rem; }
.side-card-heading { display: flex; align-items: center; gap: .7rem; margin: -.85rem -.85rem .75rem; padding: .75rem; color: #fff; background: var(--rm-navy); }
.account-avatar { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 50%; color: var(--rm-navy); background: #fff; font-size: 1.8rem; }
.side-card-heading h2 { margin: 0; font-size: 1.05rem; font-weight: 800; }
.side-card-heading p { margin: .2rem 0 0; color: #e1edf8; font-size: .72rem; }
.create-account { margin-bottom: .75rem; }
.side-login { padding-top: .65rem; border-top: 1px solid #d7e1eb; }
.side-login h3 { margin-bottom: .5rem; color: var(--rm-ink); font-size: .8rem; font-weight: 800; }
.side-login .form-control { min-height: 38px; font-size: .8rem; }
.side-login .btn-navy { padding: .5rem; color: #fff; background: var(--rm-navy); font-weight: 700; }
.side-login .btn-navy:hover { background: #043866; }
.side-card.process-card { overflow: hidden; }
.process-card h2 { margin: 0; padding: .65rem .8rem; color: var(--rm-navy); background: #e7f1fa; font-size: .95rem; font-weight: 800; }
.process-card h2 span { margin-right: .35rem; }
.process-card ol { display: grid; gap: .7rem; margin: 0; padding: .8rem; list-style: none; }
.process-card li { display: flex; align-items: center; gap: .65rem; }
.process-card li > span { display: grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; border-radius: 50%; color: #fff; background: var(--rm-red); font-weight: 900; }
.process-card li p { margin: 0; color: #4c6278; font-size: .75rem; line-height: 1.35; }
.process-auction-details { padding: 0 .8rem .85rem; }
.process-auction-details h3 { margin: 0 0 .35rem; color: var(--rm-navy); font-size: .8rem; font-weight: 800; }
.process-auction-details p { margin: 0; color: #4c6278; font-size: .72rem; line-height: 1.5; }
.delivery-card { display: flex; align-items: center; gap: .8rem; padding: .85rem; background: #f2f7fc; }
.delivery-icon { color: var(--rm-blue); font-size: 2rem; }
.delivery-card h2 { margin: 0 0 .2rem; color: var(--rm-navy); font-size: .88rem; font-weight: 800; }
.delivery-card p { margin: 0; color: #566d83; font-size: .72rem; }

.bottom-info { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .8rem; padding-top: .8rem; padding-bottom: 2rem; }
.bottom-info-card { display: flex; min-height: 78px; align-items: center; gap: .8rem; padding: .8rem; border: 1px solid #cbd9e7; border-radius: .35rem; color: var(--rm-navy); background: #f3f8fc; }
.bottom-info-card > span { font-size: 2rem; font-weight: 900; }
.bottom-info-card div { display: flex; flex-direction: column; }
.bottom-info-card strong { font-size: .85rem; }
.bottom-info-card small { margin-top: .2rem; color: #546b81; font-size: .69rem; }
.bottom-info-card.commission-card { border-color: var(--rm-red); color: #fff; background: var(--rm-red); }
.bottom-info-card.commission-card small { color: #fff; }

.telegram-section { padding-top: 0; padding-bottom: 2rem; }
.telegram-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid #ffffffd1;
  border-radius: 1rem;
  background:
    radial-gradient(ellipse at 85% 20%, #ffffffa8, transparent 40%),
    linear-gradient(125deg, #eaf5ffdc, #ffffffad 52%, #dceeffc9);
  box-shadow: 0 16px 38px #164c7817, inset 0 1px #fff;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}
.telegram-copy { max-width: 620px; }
.telegram-kicker { color: var(--rm-blue); font-size: .65rem; font-weight: 900; letter-spacing: .15em; }
.telegram-copy h2 { margin: .45rem 0; color: var(--rm-ink); font-size: clamp(1.3rem, 3vw, 1.8rem); font-weight: 850; }
.telegram-copy p { margin: 0 0 .85rem; color: #526b83; }
.telegram-status { display: inline-flex; align-items: center; gap: .45rem; padding: .38rem .7rem; border: 1px solid #85b4db8c; border-radius: 999px; color: var(--rm-navy); background: #ffffffa8; font-size: .76rem; font-weight: 800; }
.telegram-status span { width: 8px; height: 8px; border-radius: 50%; background: #e7a629; box-shadow: 0 0 0 3px #e7a62925; }
.telegram-qr-wrap { display: flex; flex: 0 0 160px; flex-direction: column; align-items: center; gap: .4rem; }
.telegram-qr { display: block; width: 144px; height: 144px; }
.telegram-qr-wrap > span { color: #667b90; font-size: .65rem; font-weight: 700; text-align: center; }

.site-footer { color: #fff; background: var(--rm-navy); }
.footer-main { display: flex; min-height: 140px; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; }
.footer-brand { display: flex; align-items: center; gap: .75rem; color: #fff; text-decoration: none; }
.footer-brand img { width: 88px; height: 88px; object-fit: contain; }
.footer-brand > span, .footer-contact a span { display: flex; flex-direction: column; }
.footer-brand strong { font-size: 1.2rem; }
.footer-brand small { margin-top: .3rem; color: #d1e3f4; font-size: .7rem; }
.footer-contact { display: grid; gap: .65rem; }
.footer-contact a { display: flex; align-items: center; gap: .6rem; color: #fff; text-decoration: none; }
.footer-contact a > span { font-size: 1.25rem; }
.footer-contact strong { font-size: .85rem; }
.footer-contact small { color: #d1e3f4; font-size: .65rem; }
.footer-note { margin: 0; color: #fff; font-size: 1rem; font-style: italic; font-weight: 800; text-align: center; transform: rotate(-4deg); }
.footer-bottom { padding: .7rem 0; color: #d1e3f4; background: #043866; font-size: .72rem; }
.footer-bottom a { color: #fff; }

.auth-wrap { max-width: 640px; }
.auth-card, .bid-panel { padding: clamp(1.5rem, 5vw, 2.5rem); border: 1px solid #d2deea; background: #fff; box-shadow: 0 8px 26px #163a5a10; }
.auth-card { max-width: 500px; }
.auth-card h1 { color: var(--rm-navy); }
.form-control, .input-group-text { border-color: #cbd7e2; }
.form-control:focus { border-color: #4680b5; box-shadow: 0 0 0 .2rem #06458420; }
.back-link { color: var(--rm-navy); font-size: .9rem; font-weight: 600; text-decoration: none; }
.detail-image { width: 100%; max-height: 530px; object-fit: cover; background: #e9eff5; }
.detail-description { white-space: pre-line; line-height: 1.8; }
.detail-price { color: var(--rm-navy); font-size: 2.5rem; font-weight: 800; }
.closing-box { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; background: var(--rm-pale); font-size: .8rem; }
.closing-box span { color: #586b7e; font-size: .63rem; font-weight: 800; letter-spacing: .1em; }
.auction-countdown { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: 1rem; border: 1px solid #d5e0eb; border-radius: .4rem; color: var(--rm-navy); background: #f3f8fc; }
.auction-countdown > span { font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.auction-countdown strong { font-size: 1.45rem; font-variant-numeric: tabular-nums; }
.auction-card-countdown { margin: .25rem 0 .65rem; padding: .45rem .55rem; border-radius: .25rem; }
.auction-card-countdown > span { font-size: .52rem; }
.auction-card-countdown strong { font-size: .85rem; }
.auction-countdown.is-urgent, .auction-countdown.is-finished { border-color: #e1a1aa; color: #b40c23; background: #fff0f2; }
.auction-countdown.is-urgent strong, .auction-countdown.is-finished strong { animation: countdown-pulse 1s ease-in-out infinite alternate; }
@keyframes countdown-pulse { to { opacity: .65; } }
.seller-note { color: #64758a; font-size: .78rem; text-align: center; }
.bid-list { max-width: 700px; }

@media (max-width: 991.98px) {
  .rm-navbar .nav-item { display: block; }
  .rm-navbar .nav-contact { border-top: 1px solid #ffffff25; }
  .hero-visual, .hero-photo, .hero-art-placeholder { min-height: 230px; height: 230px; }
  .hero-benefits { justify-content: center; }
  .trust-items { grid-template-columns: repeat(2, 1fr); }
  .trust-items > div:nth-child(2) { border-right: 0; }
  .trust-items > div:nth-child(-n+2) { border-bottom: 1px solid #c8d8e6; }
  .trust-items > div { padding: .65rem; }
  .bottom-info { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  .brand-header-inner { min-height: 96px; }
  .brand-lockup { gap: .35rem; }
  .brand-logo { width: 78px; height: 78px; }
  .brand-copy strong { font-size: 1.05rem; }
  .brand-copy small { max-width: 190px; font-size: .59rem; line-height: 1.2; }
  .brand-promise { margin-right: 0; font-size: .82rem; }
  .hero-copy h1 { font-size: 2rem; }
  .hero-copy p { font-size: .95rem; }
  .hero-benefits { justify-content: flex-start; gap: .6rem 1rem; font-size: .8rem; }
  .hero-benefits li span { width: 20px; height: 20px; }
  .trust-items { padding-right: .35rem; padding-left: .35rem; }
  .trust-items > div { justify-content: flex-start; gap: .45rem; padding: .55rem .35rem; }
  .trust-icon { font-size: 1.5rem; }
  .trust-items p { font-size: .74rem; }
  .trust-items small { font-size: .65rem; }
  .section-heading { align-items: center; padding: .65rem; }
  .section-heading h2 { font-size: 1rem; }
  .section-kicker { font-size: .52rem; }
  .auction-count { font-size: .65rem; }
  .auction-image-wrap { height: 180px; }
  .footer-main { align-items: flex-start; flex-direction: column; gap: 1rem; padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .footer-brand img { width: 72px; height: 72px; }
  .footer-note { align-self: center; }
  .telegram-card { align-items: center; flex-direction: column; gap: 1rem; text-align: center; }
  .telegram-copy p { font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
  .auction-countdown.is-urgent strong, .auction-countdown.is-finished strong { animation: none; }
}

.rm-navbar {
  isolation: isolate;
  border-top: 1px solid #ffffff45;
  border-bottom: 1px solid #7ec5ff80;
  background:
    linear-gradient(110deg, #064584e8, #07569bcf 48%, #063b71e8),
    #064584e8;
  box-shadow:
    0 8px 28px #062d5152,
    0 0 18px #1688ff2b,
    inset 0 1px #ffffff30,
    inset 0 -1px #ed102d4d;
  -webkit-backdrop-filter: blur(22px) saturate(175%);
  backdrop-filter: blur(22px) saturate(175%);
}
.rm-navbar > .container { position: relative; z-index: 1; }
.rm-navbar::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg, #ed102d24, transparent 24% 76%, #1688ff24);
  content: "";
  pointer-events: none;
}
.rm-navbar .navbar-nav { gap: .12rem; }
.rm-navbar .nav-home-item { order: 1; }
.rm-navbar .nav-auth-group { order: 2; }
.rm-navbar .nav-active-item { order: 3; }
.rm-navbar .nav-articles-item { order: 4; }
.rm-navbar .nav-how-item { order: 5; }
.rm-navbar .nav-contact-item { order: 6; }
.rm-navbar .nav-contact-extra { order: 6; }
.rm-navbar .nav-private-item { order: 7; }
.rm-navbar .nav-link {
  position: relative;
  margin: .28rem .08rem;
  border: 1px solid transparent;
  border-radius: .65rem;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.rm-navbar .nav-link:hover, .rm-navbar .nav-link:focus-visible {
  border-color: #8bcaff85;
  background: #1688ff35;
  box-shadow: 0 0 14px #1688ff45, inset 0 1px #ffffff35;
  outline: none;
}
.rm-navbar .nav-home {
  border-color: #ff8292a8;
  background: linear-gradient(135deg, #ed102de8, #c90d32cf);
  box-shadow: 0 0 16px #ed102d70, inset 0 1px #ffffff5c, inset 0 -1px #8f001b45;
}
.rm-navbar .nav-home:hover, .rm-navbar .nav-home:focus-visible {
  border-color: #ffd1d8;
  background: linear-gradient(135deg, #ff3150, #ed102de8);
  box-shadow: 0 0 22px #ed102da1, inset 0 1px #ffffff70;
}
.rm-navbar .nav-auth-group .nav-link { margin-right: 0; margin-left: 0; }
.rm-navbar .nav-contact .nav-link {
  border-color: #7ec5ff45;
  background: #ffffff0d;
}
.rm-navbar .whatsapp-icon { color: #b8e4ff; text-shadow: 0 0 12px #1688ffb3; }
.rm-navbar .navbar-toggler {
  margin: .45rem 0;
  border: 1px solid #8bcaff8c;
  border-radius: .65rem;
  box-shadow: 0 0 12px #1688ff35, inset 0 1px #ffffff26;
}
.rm-navbar .navbar-toggler:focus { box-shadow: 0 0 0 .2rem #1688ff55, 0 0 16px #1688ff55; }

.auction-layout {
  position: relative;
  isolation: isolate;
}
.auction-layout::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(ellipse at 18% 24%, #dceeff9c, transparent 38%),
    radial-gradient(ellipse at 82% 72%, #e8f2ffb8, transparent 40%),
    linear-gradient(135deg, #f8fbff, #f0f6fc 52%, #fafcff);
  content: "";
}
.auction-card, .side-card, .bottom-info-card {
  border-color: #ffffffc7;
  background: #ffffffa8;
  box-shadow: 0 12px 32px #164c7814, inset 0 1px #ffffffd9;
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
}
.auction-card { border-radius: .8rem; }
.auction-card .card-body { background: #ffffff38; }
.side-card-heading {
  background: #064584c9;
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
}
.process-card h2 { background: #e7f1fac7; }
.delivery-card, .bottom-info-card { background: #edf6ffad; }
.bottom-info-card.commission-card {
  border-color: #ff8c9d;
  background: #ed102dcc;
  box-shadow: 0 12px 30px #be123536, inset 0 1px #ffffff70;
}
.bottom-info-card.commission-card small { color: #fff; }

@media (max-width: 991.98px) {
  .rm-navbar .navbar-collapse {
    margin: .15rem 0 .75rem;
    padding: .35rem;
    border: 1px solid #8bcaff6b;
    border-radius: .9rem;
    background: linear-gradient(145deg, #064584ed, #07396fe8);
    box-shadow: 0 12px 30px #061e3d52, 0 0 18px #1688ff29, inset 0 1px #ffffff30;
    -webkit-backdrop-filter: blur(22px) saturate(170%);
    backdrop-filter: blur(22px) saturate(170%);
  }
  .rm-navbar .navbar-nav { gap: 0; }
  .rm-navbar .nav-item { flex-wrap: wrap; }
  .rm-navbar .nav-link { margin: .12rem; padding: .7rem .85rem; }
  .rm-navbar .nav-contact { border-top: 1px solid #ffffff20; margin-top: .2rem; }
  .rm-navbar .nav-contact .nav-link { border: 0; background: transparent; }
  .rm-navbar .nav-contact .nav-link:hover,
  .rm-navbar .nav-contact .nav-link:focus-visible { background: #1688ff35; }
  .rm-navbar .nav-auth-group { padding-left: .25rem; }
  .rm-navbar .nav-auth-group .nav-link { padding-right: .55rem; padding-left: .55rem; }
  .rm-navbar .nav-home { align-self: flex-start; }
  .rm-navbar .nav-home:hover, .rm-navbar .nav-home:focus-visible { transform: translateY(-1px); }
}

@media (min-width: 992px) {
  .rm-navbar .nav-home { margin-left: .2rem; }
  .rm-navbar .nav-item:last-child { margin-left: auto; }
  .rm-navbar .nav-link:hover, .rm-navbar .nav-link:focus-visible { transform: translateY(-1px); }
}

@media (prefers-reduced-transparency: reduce) {
  .rm-navbar, .rm-navbar .navbar-collapse, .auction-card, .side-card,
  .bottom-info-card, .side-card-heading, .bottom-info-card.commission-card, .telegram-card {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .rm-navbar {
    border-bottom-color: #0c559b;
    background: #064584;
    box-shadow: 0 5px 18px #062d5140, inset 0 1px #ffffff20;
  }
  .rm-navbar::before { display: none; }
  .rm-navbar .navbar-collapse { background: #073f75; }
  .rm-navbar .nav-home { background: #c90d32; }
  .auction-card, .side-card { background: #fff; }
  .side-card-heading { background: #064584; }
  .bottom-info-card.commission-card { background: #ed102d; }
  .telegram-card { background: #eaf5ff; }
}

@media (max-width: 575.98px) {
  .rm-navbar .navbar-collapse { margin-right: .25rem; margin-left: .25rem; }
}

.auction-group-title {
  margin: 0 0 .8rem;
  padding: .55rem .8rem;
  border-left: 4px solid var(--rm-red);
  color: var(--rm-navy);
  background: #ffffffa8;
  font-size: 1.15rem;
  font-weight: 850;
}
.auction-quantity { margin: -.25rem 0 .55rem; color: var(--rm-muted); font-size: .75rem; font-weight: 700; }
.upcoming-tag { background: #e59408; }
.featured-caption { display: block; margin-top: .35rem; color: var(--rm-muted); font-size: .75rem; }
.active-auctions-page { min-height: 48vh; }
.active-auctions-page .section-heading h1 { margin: .2rem 0 0; font-size: 1.35rem; font-weight: 800; text-transform: uppercase; }
.detail-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: .75rem; }
.detail-gallery .detail-image { width: 100%; }
.detail-image-trigger { position: relative; display: block; width: 100%; overflow: hidden; padding: 0; border: 0; border-radius: 1rem; background: transparent; cursor: zoom-in; text-align: left; }
.detail-image-trigger:focus-visible { outline: 3px solid #1688ff; outline-offset: 3px; }
.detail-image-trigger .detail-image { display: block; transition: transform .2s ease; }
.detail-image-trigger:hover .detail-image { transform: scale(1.025); }
.detail-image-single .detail-image { width: 100%; }
.detail-image-hint { position: absolute; right: .75rem; bottom: .75rem; padding: .4rem .7rem; border: 1px solid #ffffff80; border-radius: 999px; color: #fff; background: #071d32b8; font-size: .78rem; font-weight: 750; opacity: .92; }
.photo-lightbox:not([open]) { display: none; }
.photo-lightbox { position: fixed; inset: 0; display: grid; width: 100vw; max-width: none; height: 100vh; max-height: none; grid-template-columns: minmax(3rem, 1fr) minmax(0, auto) minmax(3rem, 1fr); grid-template-rows: 1fr auto; align-items: center; justify-items: center; gap: .75rem; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); border: 0; color: #fff; background: #06121eeF; }
.photo-lightbox[open] { animation: photo-lightbox-appear .16s ease-out; }
.photo-lightbox::backdrop { background: #06121eeb; }
.photo-lightbox-image { grid-column: 2; grid-row: 1; display: block; width: auto; height: auto; max-width: min(70vw, 1100px); max-height: 72vh; object-fit: contain; border-radius: .35rem; box-shadow: 0 18px 70px #0009; }
.photo-lightbox-close { position: fixed; z-index: 2; top: max(1rem, env(safe-area-inset-top)); right: max(1rem, env(safe-area-inset-right)); display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border: 1px solid #ffffff70; border-radius: 50%; color: #fff; background: #25384dbb; font-size: 1.8rem; line-height: 1; cursor: pointer; }
.photo-lightbox-nav { grid-row: 1; display: grid; width: 2.8rem; height: 3.5rem; place-items: center; border: 1px solid #ffffff65; border-radius: 999px; color: #fff; background: #ffffff20; font-size: 2.2rem; line-height: 1; }
.photo-lightbox-nav:hover, .photo-lightbox-close:hover { background: #ffffff38; }
.photo-lightbox-prev { grid-column: 1; }
.photo-lightbox-next { grid-column: 3; }
.photo-lightbox-count { grid-column: 2; grid-row: 2; margin: 0; color: #e5eef7; font-size: .9rem; }
@keyframes photo-lightbox-appear { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 575.98px) {
  .photo-lightbox { grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem; gap: .35rem; padding-left: .4rem; padding-right: .4rem; }
  .photo-lightbox-image { max-width: calc(100vw - 6rem); max-height: 68dvh; }
  .photo-lightbox-nav { width: 2.35rem; height: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
  .detail-image-trigger .detail-image { transition: none; }
  .photo-lightbox[open] { animation: none; }
}
.private-page { padding-top: 2rem; padding-bottom: 3rem; }
.private-page .section-kicker { color: var(--rm-blue); }
.private-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.private-header h1, .private-login-card h1 { margin: .2rem 0 .35rem; color: var(--rm-navy); font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 850; }
.private-header p, .private-login-card > p { margin: 0; color: var(--rm-muted); }
.private-panel, .private-login-card {
  border: 1px solid #ffffffc7;
  border-radius: 1rem;
  background: #ffffffc9;
  box-shadow: 0 12px 32px #164c7814, inset 0 1px #ffffffd9;
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
}
.private-panel { padding: clamp(1rem, 3vw, 1.75rem); }
.private-panel h2 { color: var(--rm-navy); font-size: 1.35rem; font-weight: 800; }
.private-login-card { max-width: 480px; margin: 2rem auto; padding: clamp(1.4rem, 4vw, 2.4rem); }
.private-login-card form { margin-top: 1.3rem; }
.private-auction-table { min-width: 720px; }
.private-auction-table th { color: var(--rm-navy); font-size: .8rem; }
.account-auction-table > :not(caption) > * > *,
.private-auction-table > :not(caption) > * > * { border: 1px solid #e6e6e6; }
.account-auction-table > thead > tr > th,
.private-auction-table > thead > tr > th { background-color: #f5f5f5; }

@media (max-width: 575.98px) {
  .private-header { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-transparency: reduce) {
  .private-panel, .private-login-card { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}

.help-bot-launcher {
  position: fixed;
  z-index: 1090;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  gap: .65rem;
  padding: .5rem 1rem .5rem .55rem;
  border: 1px solid #8bcaffb3;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(120deg, #064584ed, #07569be8);
  box-shadow: 0 8px 26px #062d515c, 0 0 18px #1688ff52, inset 0 1px #ffffff45;
  -webkit-backdrop-filter: blur(18px) saturate(165%);
  backdrop-filter: blur(18px) saturate(165%);
  font-size: .88rem;
  font-weight: 800;
  transition: transform .18s ease, box-shadow .18s ease;
}
.help-bot-launcher:hover, .help-bot-launcher:focus-visible {
  transform: translateY(-2px);
  border-color: #b6e1ff;
  box-shadow: 0 10px 28px #062d516b, 0 0 24px #1688ff80, inset 0 1px #ffffff65;
  outline: none;
}
.help-bot-launcher-icon {
  display: grid;
  width: 2.15rem;
  height: 2.15rem;
  place-items: center;
  border: 1px solid #ff9aa8;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #ff3150, #c90d32);
  box-shadow: 0 0 13px #ed102d8c, inset 0 1px #ffffff65;
  font-size: 1.15rem;
  font-weight: 900;
}
.help-bot-panel {
  position: fixed;
  z-index: 1091;
  right: max(1rem, env(safe-area-inset-right));
  bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 4.1rem);
  display: grid;
  width: min(390px, calc(100vw - 2rem));
  max-height: min(620px, calc(100dvh - 7rem));
  grid-template-rows: auto minmax(140px, 1fr) auto auto;
  overflow: hidden;
  border: 1px solid #8bcaff91;
  border-radius: 1rem;
  background: #f5f9fff2;
  box-shadow: 0 18px 50px #062d5166, 0 0 24px #1688ff38, inset 0 1px #ffffffdc;
  -webkit-backdrop-filter: blur(24px) saturate(165%);
  backdrop-filter: blur(24px) saturate(165%);
}
.help-bot-panel[hidden] { display: none; }
.help-bot-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .85rem 1rem;
  color: #fff;
  background: linear-gradient(110deg, #064584, #07569b 68%, #063b71);
  box-shadow: inset 0 1px #ffffff36, 0 3px 14px #062d5136;
}
.help-bot-header > div { display: flex; align-items: center; gap: .65rem; }
.help-bot-status { width: .65rem; height: .65rem; flex: 0 0 .65rem; border-radius: 50%; background: #7dffb0; box-shadow: 0 0 12px #61ff9d; }
.help-bot-header h2 { margin: 0; font-size: .95rem; font-weight: 850; }
.help-bot-header p { margin: .15rem 0 0; color: #d7eaff; font-size: .7rem; }
.help-bot-close {
  width: 2rem;
  height: 2rem;
  border: 1px solid #ffffff50;
  border-radius: 50%;
  color: #fff;
  background: #ffffff12;
  font-size: 1.35rem;
  line-height: 1;
}
.help-bot-messages { display: flex; min-height: 140px; flex-direction: column; gap: .6rem; overflow-y: auto; padding: .9rem; }
.help-bot-message { max-width: 94%; padding: .7rem .8rem; border: 1px solid #d5e5f4; border-radius: .85rem .85rem .85rem .25rem; color: #28415c; background: #ffffffdf; box-shadow: 0 3px 12px #163a5a0e; font-size: .82rem; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.help-bot-message-user { align-self: flex-end; border-color: #a9d8ff; border-radius: .85rem .85rem .25rem .85rem; color: #fff; background: linear-gradient(130deg, #07569b, #064584); }
.help-bot-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.help-bot-action, .help-bot-suggestions button { padding: .35rem .6rem; border: 1px solid #92c9f3; border-radius: 999px; color: #064584; background: #ffffffd9; font-size: .7rem; font-weight: 750; text-decoration: none; }
.help-bot-action:hover, .help-bot-suggestions button:hover { border-color: #ed102d; color: #b90d29; box-shadow: 0 0 10px #ed102d2b; }
.help-bot-suggestions { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 .85rem .7rem; }
.help-bot-suggestions button { cursor: pointer; }
.help-bot-form { display: flex; gap: .45rem; padding: .7rem; border-top: 1px solid #bdd9ef; background: #eaf4fdc9; }
.help-bot-form input { min-width: 0; flex: 1; padding: .65rem .75rem; border: 1px solid #b6cee2; border-radius: .65rem; color: #23364d; background: #fff; font: inherit; font-size: .82rem; }
.help-bot-form input:focus { border-color: #1688ff; box-shadow: 0 0 0 .2rem #1688ff24; outline: none; }
.help-bot-form button { padding: .55rem .8rem; border: 1px solid #ff7488; border-radius: .65rem; color: #fff; background: linear-gradient(135deg, #ed102d, #c90d32); box-shadow: 0 0 12px #ed102d40; font-size: .8rem; font-weight: 800; }
.help-bot-form button:disabled { cursor: wait; opacity: .65; }

@media (max-width: 575.98px) {
  .help-bot-panel { right: .6rem; bottom: calc(max(.6rem, env(safe-area-inset-bottom)) + 4rem); width: calc(100vw - 1.2rem); max-height: min(70dvh, 620px); }
  .help-bot-launcher { right: max(.75rem, env(safe-area-inset-right)); bottom: max(.75rem, env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-transparency: reduce) {
  .help-bot-launcher, .help-bot-panel { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .help-bot-launcher { background: #064584; }
  .help-bot-panel { background: #f5f9ff; }
}
