/* Asset Kings auction house refinement layer */
:root {
  --ak-red: #e51b2c;
  --ak-red-deep: #8f101a;
  --ak-paper: #f2efe8;
  --ak-cream: #fffdf8;
  --ak-ink: #111111;
  --ak-charcoal: #202020;
  --ak-muted: #8d8980;
  --ak-line: rgba(255, 255, 255, .16);
  --ak-brass: #b79b62;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

h1,
h2,
h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: 0;
}

.primary,
.ghost,
.danger,
.asset-filter,
.wizard-step,
.account-flow-step {
  border-radius: 2px !important;
  text-transform: none;
}

.primary {
  background: var(--ak-red) !important;
}

.ghost {
  border-color: rgba(255, 255, 255, .24) !important;
}

.pill,
.page-label,
.seller-draft-badge,
.entry-kicker,
.entry-icon,
.intake-kicker {
  border-radius: 2px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.dot {
  box-shadow: none !important;
}

.hero-motion {
  display: none !important;
}

.home-page.single-home,
body.public-dark-page {
  background: #050505 !important;
}

.home-page .home-topbar,
body.public-dark-page .home-topbar {
  padding-top: 28px !important;
}

.home-page .home-topbar .home-brand-logo,
body.public-dark-page .home-topbar .home-brand-logo {
  width: clamp(230px, 19vw, 310px) !important;
}

.home-page .home-topbar .nav-actions a,
body.public-dark-page .home-topbar .nav-actions a {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.home-page .streamlined-home-hero {
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .95) 0%, rgba(3, 3, 3, .87) 46%, rgba(3, 3, 3, .58) 76%, rgba(3, 3, 3, .74) 100%),
    radial-gradient(circle at 80% 32%, rgba(229, 27, 44, .18), transparent 28%),
    url("https://cdn.shopify.com/s/files/1/0776/0278/3410/files/asset-kings-airport-hero.jpg?v=1783950181") center center / cover no-repeat !important;
}

.home-page .streamlined-home-hero h1 {
  max-width: 690px !important;
  font-size: clamp(38px, 4.4vw, 62px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.home-page .streamlined-home-hero p {
  max-width: 560px !important;
  color: rgba(255, 255, 255, .8) !important;
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.68 !important;
}

.home-page .streamlined-home-hero .eyebrow,
body.public-dark-page .live-hero .pill,
body.public-dark-page .account-hero .pill,
body.public-dark-page .seller-hero .pill,
body.public-dark-page .intake-kicker {
  padding: 7px 10px !important;
  border: 1px solid rgba(183, 155, 98, .38) !important;
  background: rgba(0, 0, 0, .34) !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.hero-actions .primary,
.hero-actions .ghost,
.home-page .streamlined-home-hero .primary,
.home-page .streamlined-home-hero .ghost.light {
  min-height: 48px !important;
  padding: 0 22px !important;
  font-size: 14px !important;
  font-weight: 740 !important;
}

.home-entry-board {
  gap: 12px !important;
}

.entry-card {
  min-height: 148px !important;
  border: 1px solid rgba(183, 155, 98, .22) !important;
  background: rgba(10, 10, 10, .72) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .32) !important;
  backdrop-filter: blur(10px);
}

.entry-card::after {
  inset: auto 0 0 0 !important;
  height: 2px !important;
  transform: none !important;
  background: linear-gradient(90deg, rgba(229, 27, 44, .95), rgba(183, 155, 98, .7)) !important;
}

.entry-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(183, 155, 98, .58) !important;
}

.entry-card strong {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(20px, 1.45vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
}

.entry-card small {
  color: rgba(255, 255, 255, .68) !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
}

.entry-card em {
  border-radius: 2px !important;
  background: var(--ak-cream) !important;
  color: #171717 !important;
}

.entry-card-main {
  background:
    linear-gradient(140deg, rgba(143, 16, 26, .94), rgba(34, 8, 11, .96)),
    #8f101a !important;
}

.home-page.single-home .home-entry-board {
  align-self: start !important;
  min-height: clamp(360px, 43vw, 560px);
  margin-top: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(210px, 1fr) minmax(190px, .86fr);
  gap: 14px !important;
}

.home-page.single-home .entry-card {
  min-height: 0 !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border-radius: 8px !important;
}

.home-page.single-home .entry-card-main {
  grid-column: 1 / -1;
}

.home-page.single-home .entry-card-main strong {
  margin-top: clamp(20px, 3vw, 32px) !important;
  font-size: clamp(30px, 3vw, 44px) !important;
}

.home-page.single-home .entry-card-main small {
  max-width: 500px;
  font-size: 15px !important;
}

.entry-label {
  display: inline-flex !important;
  width: fit-content;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 2px;
  background: rgba(255, 255, 255, .10);
  color: rgba(255, 255, 255, .78);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.home-page.single-home .entry-label + strong {
  margin-top: 18px !important;
}

.home-page.single-home .entry-card-market,
.home-page.single-home .entry-card-immovable {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.home-page .home-carousel-panel {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: 16px;
  width: min(100%, 650px);
  max-width: none !important;
}

.home-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.home-page .home-carousel-frame {
  position: relative;
  min-height: clamp(360px, 43vw, 560px);
  overflow: hidden;
  border: 1px solid rgba(183, 155, 98, .38);
  border-radius: 14px;
  background: #070707;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .42);
}

.home-page .home-carousel-frame::before,
.home-page .home-carousel-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.home-page .home-carousel-frame::before {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .72)),
    radial-gradient(circle at 78% 18%, rgba(229, 27, 44, .18), transparent 30%);
}

.home-page .home-carousel-frame::after {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: inherit;
}

.home-page .home-carousel-track,
.home-page .home-carousel-slide {
  position: absolute;
  inset: 0;
}

.home-page .home-carousel-slide {
  opacity: 0;
  transform: scale(1.04);
  transition: opacity .75s ease, transform 6s ease;
}

.home-page .home-carousel-slide.active {
  opacity: 1;
  transform: scale(1);
}

.home-page .home-carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.04);
}

.home-page .home-carousel-caption {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 3;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-left: 3px solid var(--ak-red);
  border-radius: 8px;
  background: rgba(7, 7, 7, .70);
  backdrop-filter: blur(10px);
}

.home-page .home-carousel-caption span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, .72);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.home-page .home-carousel-caption strong {
  display: block;
  margin-top: 10px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 3vw, 42px);
  font-weight: 500;
  line-height: 1.02;
}

.home-page .streamlined-home-hero .home-carousel-caption p {
  margin: 10px 0 0;
  max-width: 430px !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.home-page .home-carousel-controls {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 4;
  display: flex;
  gap: 8px;
}

.home-page .home-carousel-controls button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 2px;
  background: rgba(0, 0, 0, .54);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.home-page .home-carousel-controls button:hover {
  border-color: rgba(183, 155, 98, .58);
  background: rgba(183, 155, 98, .14);
}

.home-page .home-carousel-actions {
  margin-top: 0 !important;
}

.premium-hero-steps span {
  border-color: rgba(183, 155, 98, .28) !important;
  background: rgba(0, 0, 0, .28) !important;
}

body.public-dark-page::before {
  background:
    linear-gradient(90deg, rgba(4, 4, 4, .96) 0%, rgba(4, 4, 4, .88) 48%, rgba(4, 4, 4, .58) 76%, rgba(4, 4, 4, .72) 100%),
    radial-gradient(circle at 78% 26%, rgba(229, 27, 44, .16), transparent 28%),
    url("brand-airport-lite.jpg") center center / cover no-repeat !important;
}

body.public-dark-page .live-hero,
body.public-dark-page .account-hero,
body.public-dark-page .seller-hero {
  min-height: clamp(360px, 48vh, 520px) !important;
  padding-bottom: clamp(70px, 7vw, 104px) !important;
}

body.public-dark-page .live-hero h1,
body.public-dark-page .account-hero h1,
body.public-dark-page .seller-hero h1 {
  max-width: 700px !important;
  font-size: clamp(34px, 3.7vw, 54px) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.public-dark-page .live-hero p,
body.public-dark-page .account-hero p,
body.public-dark-page .seller-hero p {
  max-width: 610px !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: clamp(16px, 1.18vw, 18px) !important;
  line-height: 1.7 !important;
}

body.public-dark-page .live-room-workspace,
body.public-dark-page .live-room-detail,
body.public-dark-page .account-entry-panel,
body.public-dark-page .signed-in-dashboard,
body.public-dark-page #accountPrivatePanels .card,
body.public-dark-page .account-flow-card,
body.public-dark-page .seller-access-panel,
body.public-dark-page .seller-flow-card,
body.public-dark-page .seller-side .card,
body.public-dark-page .selected-asset-panel {
  border: 1px solid rgba(183, 155, 98, .18) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(145deg, rgba(18, 18, 18, .96), rgba(6, 6, 6, .97)) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .42) !important;
}

body.public-dark-page .live-section-head,
body.public-dark-page .live-room-detail-head,
body.public-dark-page .account-panel-head,
body.public-dark-page .seller-flow-head,
body.public-dark-page .account-flow-head {
  border-bottom: 1px solid rgba(183, 155, 98, .18) !important;
}

body.public-dark-page .live-section-head h2,
body.public-dark-page .live-room-detail-head h2,
body.public-dark-page .seller-flow-head h2,
body.public-dark-page .signed-in-head h2,
body.public-dark-page .account-panel-head h2 {
  font-size: clamp(27px, 2.55vw, 38px) !important;
  line-height: 1.14 !important;
}

body.public-dark-page .live-room-card,
body.public-dark-page .live-asset-card,
body.public-dark-page .verification-action-card,
body.public-dark-page .account-access-card,
body.public-dark-page .email-start-card,
body.public-dark-page .code-entry-card,
body.public-dark-page .verification-box,
body.public-dark-page .fica-upload-card,
body.public-dark-page .photo-drop,
body.public-dark-page .seller-room-card,
body.public-dark-page .review-box,
body.public-dark-page .submission-card,
body.public-dark-page .side-metric,
body.public-dark-page .readiness-item,
body.public-dark-page .local-submission {
  border: 1px solid rgba(183, 155, 98, .16) !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, .045) !important;
}

body.public-dark-page .live-room-card:hover,
body.public-dark-page .live-asset-card:hover,
body.public-dark-page .account-access-card:hover,
body.public-dark-page .verification-action-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(183, 155, 98, .5) !important;
  background: rgba(255, 255, 255, .064) !important;
}

body.public-dark-page .live-room-card.selected,
body.public-dark-page .live-asset-card.selected,
body.public-dark-page .seller-room-card.selected {
  border-color: rgba(229, 27, 44, .62) !important;
  box-shadow: inset 0 0 0 1px rgba(229, 27, 44, .18), 0 18px 54px rgba(0, 0, 0, .25) !important;
}

body.public-dark-page .live-room-card-metrics div,
body.public-dark-page .asset-card-metrics div,
body.public-dark-page .live-room-stats div,
body.public-dark-page .selected-asset-stats div,
body.public-dark-page .recent-bid-strip div,
body.public-dark-page .review-box {
  border-radius: 3px !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.public-dark-page .asset-toolbar {
  border-radius: 4px !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.public-dark-page input,
body.public-dark-page select,
body.public-dark-page textarea {
  border-radius: 3px !important;
}

.admin-console {
  background: #f2efe8 !important;
}

.admin-console .topbar {
  background: #fbfaf6 !important;
}

.admin-console .management-hero {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, .95) 0%, rgba(8, 8, 8, .87) 54%, rgba(8, 8, 8, .62) 100%),
    url("brand-airport-embed.svg") center center / cover no-repeat !important;
}

.admin-console .management-hero h1 {
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 1.1 !important;
}

.admin-console .admin-crm-shell,
.admin-console .management-panel,
.admin-console .management-login-card,
.admin-console .room-editor,
.admin-console .approval-detail,
.admin-console .verification-card {
  border-radius: 5px !important;
}

@media (max-width: 760px) {
  .home-page .home-topbar .home-brand-logo,
  body.public-dark-page .home-topbar .home-brand-logo {
    width: 205px !important;
  }

  .home-page .streamlined-home-hero h1,
  body.public-dark-page .live-hero h1,
  body.public-dark-page .account-hero h1,
  body.public-dark-page .seller-hero h1 {
    font-size: clamp(34px, 10vw, 50px) !important;
  }

  .home-entry-board {
    grid-template-columns: 1fr !important;
  }

  .home-page.single-home .home-entry-board {
    min-height: auto;
    grid-template-rows: auto;
  }

  .home-page .home-carousel-frame {
    min-height: 320px;
  }

  .home-page .home-carousel-controls {
    top: 12px;
    right: 12px;
  }

  .home-page .home-carousel-caption {
    right: 14px;
    bottom: 14px;
    left: 14px;
    padding: 14px;
  }
}