/* ============================================
   FUNOON x CRYPTER NFT REDESIGN v2
   Fixes: Logo stretch, tag width, alignment, Montserrat font
   Rollback: rm public/crypter-redesign.css
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --crypter-bg: #141416;
  --crypter-card-bg: #1a1a2e;
  --crypter-surface: #23262F;
  --crypter-border: #353945;
  --crypter-text: #FCFCFD;
  --crypter-text-secondary: #777E90;
  --crypter-blue: #3772FF;
  --crypter-green: #45B36B;
  --crypter-purple: #9757D7;
  --crypter-pink: #EF466F;
  --crypter-gold: #FFD166;
  --crypter-radius: 12px;
  --crypter-radius-pill: 90px;
  --crypter-radius-card: 16px;
  --crypter-font: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --crypter-transition: all 0.2s ease;
}

/* ============ GLOBAL ============ */
body {
  font-family: var(--crypter-font) !important;
  background: var(--crypter-bg) !important;
  color: var(--crypter-text) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--crypter-font) !important;
  font-weight: 800 !important;
  color: var(--crypter-text) !important;
  letter-spacing: -0.02em !important;
}

p, span, a, label, li, td, th, input, select, textarea, button {
  font-family: var(--crypter-font) !important;
}

a { color: var(--crypter-text); transition: var(--crypter-transition); }
a:hover { color: var(--crypter-blue); text-decoration: none; }

/* ============ HEADER ============ */
.header {
  background: rgba(20, 20, 22, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--crypter-border) !important;
  padding: 12px 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

.header__center {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
}

/* === LOGO FIX — no stretch === */
.header__logo {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.header__logo img,
.header__logo .img-responsive {
  width: auto !important;
  max-width: 140px !important;
  height: 36px !important;
  object-fit: contain !important;
}

.header__nav {
  display: flex !important;
  gap: 28px !important;
  align-items: center !important;
}

.header__link {
  color: var(--crypter-text-secondary) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: var(--crypter-transition) !important;
}

.header__link:hover { color: var(--crypter-text) !important; }

/* Search */
.header__search, .few-list-search {
  background: var(--crypter-surface) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius) !important;
}

.header__input {
  background: transparent !important;
  border: none !important;
  color: var(--crypter-text) !important;
  font-size: 13px !important;
  padding: 8px 14px !important;
}

.header__input::placeholder { color: var(--crypter-text-secondary) !important; }

/* Buttons — pill */
.header__button, .header__upload {
  background: var(--crypter-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 8px 20px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition: var(--crypter-transition) !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.header__button:hover, .header__upload:hover {
  background: #2b5fd9 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(55, 114, 255, 0.3) !important;
  color: #fff !important;
}

/* Account dropdown */
.dropdown-menu, .header__profile-menu {
  background: var(--crypter-surface) !important;
  border: 1px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius) !important;
  box-shadow: 0 16px 64px rgba(0,0,0,0.5) !important;
  padding: 8px !important;
}

.dropdown-menu li a, .header__profile-menu li a {
  color: var(--crypter-text) !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.dropdown-menu li a:hover { background: rgba(55, 114, 255, 0.1) !important; color: var(--crypter-blue) !important; }

/* ============ HERO ============ */
.main.m_home { padding-top: 0 !important; }

.container.niward {
  max-width: 1280px !important;
  padding: 60px 32px 32px !important;
  text-align: center !important;
}

.container.niward .row {
  justify-content: center !important;
  align-items: center !important;
}

.create-nft h4 {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--crypter-text-secondary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin-bottom: 12px !important;
}

.create-nt-heading {
  text-align: center !important;
}

.create-nt-heading h3 {
  font-size: 44px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: var(--crypter-text) !important;
  max-width: 620px !important;
  margin: 0 auto 20px !important;
  text-align: center !important;
}

.start-search {
  display: flex !important;
  justify-content: center !important;
  margin-top: 0 !important;
}

.search-anchor {
  background: var(--crypter-blue) !important;
  color: #fff !important;
  padding: 12px 28px !important;
  border-radius: var(--crypter-radius-pill) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  display: inline-block !important;
  transition: var(--crypter-transition) !important;
}

.search-anchor:hover {
  background: #2b5fd9 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(55, 114, 255, 0.4) !important;
  color: #fff !important;
}

/* ============ FEATURED COLLECTIONS ============ */
.product-list { padding: 32px 0 60px !important; }
.product-list .container { max-width: 1280px !important; }

.main-product {
  background: var(--crypter-surface) !important;
  border-radius: var(--crypter-radius-card) !important;
  overflow: hidden !important;
  border: 1px solid var(--crypter-border) !important;
  transition: var(--crypter-transition) !important;
}

.main-product:hover {
  border-color: var(--crypter-blue) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.3) !important;
}

.inner-img img {
  border-radius: var(--crypter-radius-card) var(--crypter-radius-card) 0 0 !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  width: 100% !important;
}

/* === DON'T apply img-responsive width:100% to logos === */
.header__logo .img-responsive,
.de-profile .img-responsive,
.footer__logo .img-responsive,
.icon-hot,
.bg-aliceblue,
.bg-green,
.bg-rose-purple {
  width: auto !important;
}

.profile-main-product { padding: 16px 20px !important; }

.de-content h4 {
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

/* === CATEGORY TAGS — compact pills, not bus-length === */
.feature_collection_category {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: rgba(69, 179, 107, 0.08) !important;
  border: 1px solid rgba(69, 179, 107, 0.4) !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 3px 10px !important;
  margin-bottom: 10px !important;
  max-width: fit-content !important;
}

.feature_collection_category p {
  color: var(--crypter-green) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.feature_collection_category p b { display: none !important; }

/* Creator profile */
.de-profile {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.de-profile img, .de-profile .img-responsive {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.de-profile .userName {
  color: var(--crypter-text-secondary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Bid buttons */
.bid-entry, .default-btn, .feature-btn-style {
  background: var(--crypter-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 8px 20px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  transition: var(--crypter-transition) !important;
  cursor: pointer !important;
  display: inline-block !important;
}

.bid-entry:hover, .default-btn:hover {
  background: #2b5fd9 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.border-color-changes { border: none !important; }

.highlight-bid-content {
  color: var(--crypter-text-secondary) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.highlight-bid-price {
  color: var(--crypter-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.high-new-bid {
  background: rgba(239, 70, 111, 0.1) !important;
  color: var(--crypter-pink) !important;
  padding: 2px 8px !important;
  border-radius: var(--crypter-radius-pill) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Side list */
.maid-product {
  background: var(--crypter-surface) !important;
  border-radius: var(--crypter-radius-card) !important;
  border: 1px solid var(--crypter-border) !important;
  padding: 12px !important;
}

.inner-maid-products {
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--crypter-border) !important;
}
.inner-maid-products:last-child { border-bottom: none !important; }

.inner-maid-pro-img img {
  width: 56px !important;
  height: 56px !important;
  border-radius: var(--crypter-radius) !important;
  object-fit: cover !important;
}

.inner-maid-pro-content h4 {
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}

/* Latest upload sidebar */
.latest-upload-creator {
  background: var(--crypter-surface) !important;
  border-radius: var(--crypter-radius-card) !important;
  border: 1px solid var(--crypter-border) !important;
  padding: 16px !important;
}

.latest-upload-creator .heading-format h4 {
  font-size: 14px !important;
  font-weight: 800 !important;
}

.mask-profile-sider img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
}

.content-notifier h4 { font-size: 12px !important; font-weight: 700 !important; }
.content-notifier p { color: var(--crypter-green) !important; font-size: 11px !important; font-weight: 600 !important; }

.notifier-uploads {
  background: var(--crypter-blue) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
}

/* ============ SELLERS/BUYERS ============ */
.buy-sell-main {
  padding: 48px 0 !important;
  background: var(--crypter-surface) !important;
  border-top: 1px solid var(--crypter-border) !important;
  border-bottom: 1px solid var(--crypter-border) !important;
}

.popular-sell-buy label, .timeframe-timing label {
  color: var(--crypter-text-secondary) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

#sell-buy-select, #seller-buyers-days, .popular-sell-buy select, .timeframe-timing select {
  background: var(--crypter-bg) !important;
  color: var(--crypter-text) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius) !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.top-buy-main, .sell-buy-card {
  background: var(--crypter-bg) !important;
  border-radius: var(--crypter-radius-card) !important;
  padding: 16px !important;
  border: 1px solid var(--crypter-border) !important;
  text-align: center !important;
  transition: var(--crypter-transition) !important;
}

.top-buy-main:hover { border-color: var(--crypter-blue) !important; transform: translateY(-2px) !important; }

.carousel-sell-buy-img img, .top-buyer-sell-image img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid var(--crypter-border) !important;
}

/* ============ HOT BID ============ */
.hot-bids-section { padding: 48px 0 !important; }
.hot-bids-section .container { max-width: 1280px !important; }

.section-heading {
  font-size: 28px !important;
  font-weight: 800 !important;
  margin-bottom: 24px !important;
}

.section-heading a { color: var(--crypter-text) !important; }
.section-heading a:hover { color: var(--crypter-blue) !important; }

/* NFT Cards */
.card__cover, .collection-card, .card, .nft-card {
  background: var(--crypter-surface) !important;
  border-radius: var(--crypter-radius-card) !important;
  border: 1px solid var(--crypter-border) !important;
  overflow: hidden !important;
  transition: var(--crypter-transition) !important;
}

.card:hover, .nft-card:hover, .collection-card:hover {
  border-color: var(--crypter-blue) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.4) !important;
}

.card__title, .card-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 10px 0 6px !important;
}

.card-price, .collection_price_item {
  background: rgba(69, 179, 107, 0.08) !important;
  border: 1px solid rgba(69, 179, 107, 0.4) !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--crypter-green) !important;
  display: inline-block !important;
}

/* ============ HOT COLLECTIONS ============ */
.hot-collection {
  padding: 60px 0 !important;
  background: var(--crypter-surface) !important;
  border-top: 1px solid var(--crypter-border) !important;
  border-bottom: 1px solid var(--crypter-border) !important;
}

.main-hot-image {
  border-radius: var(--crypter-radius-card) !important;
  aspect-ratio: 16/9 !important;
  object-fit: cover !important;
  width: 100% !important;
}

.threeimages {
  border-radius: var(--crypter-radius) !important;
  aspect-ratio: 1 !important;
  object-fit: cover !important;
}

.hot-awesome1 { padding: 4px !important; }

.card__title a { color: var(--crypter-text) !important; font-weight: 700 !important; }
.card__title a:hover { color: var(--crypter-blue) !important; }

.icon-hot {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.content-hot p { color: var(--crypter-text-secondary) !important; font-size: 12px !important; }

.collection-hot {
  background: rgba(55, 114, 255, 0.08) !important;
  color: var(--crypter-blue) !important;
  border: 1px solid rgba(55, 114, 255, 0.3) !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* ============ DISCOVER ============ */
.filters, .grayscale-css, .top-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

.top-filter li { list-style: none !important; }

.nft-filter-category {
  background: var(--crypter-surface) !important;
  color: var(--crypter-text-secondary) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 6px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  transition: var(--crypter-transition) !important;
  cursor: pointer !important;
}

.nft-filter-category:hover, .nft-filter-category.active,
.top-filter li.active .nft-filter-category {
  background: var(--crypter-blue) !important;
  border-color: var(--crypter-blue) !important;
  color: #fff !important;
}

#sorting, .discover1 select {
  background: var(--crypter-surface) !important;
  color: var(--crypter-text) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius) !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.discover1 label {
  color: var(--crypter-text-secondary) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.liner hr, .liner2 hr, .new1 { border-color: var(--crypter-border) !important; opacity: 0.4 !important; }

/* ============ CTA ============ */
.earnfree {
  padding: 80px 0 !important;
  background: linear-gradient(135deg, rgba(55, 114, 255, 0.04) 0%, rgba(151, 87, 215, 0.04) 100%) !important;
  border-top: 1px solid var(--crypter-border) !important;
}

.save h5 {
  font-size: 13px !important;
  color: var(--crypter-text-secondary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

.save h2 {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin-bottom: 28px !important;
}

.earn-button .default-btn1 {
  background: transparent !important;
  color: var(--crypter-text) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  transition: var(--crypter-transition) !important;
}

.earn-button .default-btn1:hover {
  border-color: var(--crypter-text) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

.earn-img img {
  border-radius: var(--crypter-radius-card) !important;
  max-width: 440px !important;
}

/* ============ HOME CAROUSEL ============ */
.home { padding: 32px 0 !important; }
.home .container { max-width: 1280px !important; }

.banner-section img {
  border-radius: var(--crypter-radius-card) !important;
  aspect-ratio: 4/3 !important;
  object-fit: cover !important;
}

.home__content {
  background: var(--crypter-surface) !important;
  border-radius: var(--crypter-radius-card) !important;
  border: 1px solid var(--crypter-border) !important;
  padding: 24px !important;
}

.home_sub_title {
  font-size: 22px !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}

.auction-ending {
  display: flex !important;
  gap: 8px !important;
}

.auction-ending > div {
  background: var(--crypter-bg) !important;
  border-radius: var(--crypter-radius) !important;
  padding: 10px 14px !important;
  text-align: center !important;
  min-width: 52px !important;
}

.auction-ending .key {
  font-size: 20px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}

.auction-ending .value {
  font-size: 10px !important;
  color: var(--crypter-text-secondary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 500 !important;
}

.header-place-bid {
  background: var(--crypter-blue) !important;
  color: #fff !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  display: inline-block !important;
  transition: var(--crypter-transition) !important;
  margin-right: 8px !important;
}

.header-place-bid:hover { background: #2b5fd9 !important; color: #fff !important; }

.header-view-item {
  color: var(--crypter-text) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius-pill) !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  display: inline-block !important;
  transition: var(--crypter-transition) !important;
  background: transparent !important;
}

.header-view-item:hover { border-color: var(--crypter-text) !important; }

.image-layer-digtal img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.image-layer-content h6 {
  font-size: 11px !important;
  color: var(--crypter-text-secondary) !important;
  font-weight: 400 !important;
  margin-bottom: 2px !important;
}

.image-layer-content h5 { font-size: 13px !important; font-weight: 700 !important; }
.image-layer-content h5 a { color: var(--crypter-text) !important; }

.current-bid-inner p { color: var(--crypter-text-secondary) !important; font-size: 11px !important; }
.current-bid-inner h3 { font-size: 22px !important; font-weight: 800 !important; }
.current-bid-inner h6 { color: var(--crypter-text-secondary) !important; font-size: 12px !important; font-weight: 400 !important; }

/* ============ FOOTER ============ */
.footer {
  background: var(--crypter-bg) !important;
  border-top: 1px solid var(--crypter-border) !important;
}

.footer__logo .img-responsive,
.footer .logo-img {
  width: auto !important;
  max-width: 120px !important;
  height: auto !important;
  max-height: 36px !important;
  object-fit: contain !important;
}

/* ============ OWL CAROUSEL ============ */
.owl-carousel .owl-nav button {
  background: var(--crypter-surface) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  color: var(--crypter-text) !important;
  transition: var(--crypter-transition) !important;
}

.owl-carousel .owl-nav button:hover { border-color: var(--crypter-blue) !important; }

.owl-carousel .owl-dots .owl-dot span {
  background: var(--crypter-border) !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--crypter-blue) !important;
  width: 20px !important;
  border-radius: 4px !important;
}

/* ============ MODALS ============ */
.modal, .mfp-hide, .sm_modal {
  background: var(--crypter-surface) !important;
  border-radius: var(--crypter-radius-card) !important;
  border: 1px solid var(--crypter-border) !important;
  color: var(--crypter-text) !important;
  padding: 28px !important;
}

.modal h4, .sm_modal h4 { font-size: 22px !important; font-weight: 800 !important; }

.w_btn a {
  background: var(--crypter-bg) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius) !important;
  padding: 14px 16px !important;
  color: var(--crypter-text) !important;
  font-weight: 600 !important;
  transition: var(--crypter-transition) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.w_btn a:hover { border-color: var(--crypter-blue) !important; }

/* ============ FORMS ============ */
.form-control {
  background: var(--crypter-surface) !important;
  color: var(--crypter-text) !important;
  border: 2px solid var(--crypter-border) !important;
  border-radius: var(--crypter-radius) !important;
}

.form-control:focus {
  border-color: var(--crypter-blue) !important;
  box-shadow: 0 0 0 3px rgba(55, 114, 255, 0.15) !important;
}

/* ============ EMPTY STATE ============ */
.empty-card, .no-data {
  background: var(--crypter-surface) !important;
  border: 2px dashed var(--crypter-border) !important;
  border-radius: var(--crypter-radius-card) !important;
  padding: 32px !important;
  text-align: center !important;
  color: var(--crypter-text-secondary) !important;
}

/* ============ SCROLLBAR ============ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--crypter-bg); }
::-webkit-scrollbar-thumb { background: var(--crypter-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--crypter-text-secondary); }

/* ============ RESPONSIVE ============ */
@media (max-width: 991px) {
  .create-nt-heading h3 { font-size: 30px !important; }
  .save h2 { font-size: 26px !important; }
  .container.niward { padding: 32px 16px 20px !important; }
}

@media (max-width: 576px) {
  .create-nt-heading h3 { font-size: 22px !important; }
  .header__center { padding: 0 16px !important; }
  .header__logo img { max-width: 100px !important; height: 28px !important; }
  .auction-ending > div { min-width: 44px !important; padding: 6px 8px !important; }
  .auction-ending .key { font-size: 16px !important; }
}