/* BUD24 v184 — desktop appearance aligned with mobile.
   This stylesheet is only loaded for >=901px. Mobile and all PHP workflows
   remain untouched. Desktop content is wider, but uses the same components,
   palette, density and swipe/navigation patterns as the mobile site. */
@media (min-width: 901px) {
  :root {
    --bud24-header-height: 72px;
    --bud24-nav-height: 0px;
    --bud24-desktop-max: 1320px;
    --bud24-desktop-gutter: clamp(20px, 3vw, 40px);
    --bud24-ink: #10243c;
    --bud24-blue: #188af5;
    --bud24-line: #dde5ee;
  }

  html { scroll-padding-top: 150px; }
  body.da-body { min-width: 0; background: #fff; color: var(--bud24-ink); }
  body.page-home-market,
  body.page-inner-unified-height,
  body.page-auction,
  body.page-category-market {
    padding-top: 145px !important;
  }
  .da-desktop-nav,
  body.page-home-market .da-desktop-nav,
  body.page-inner-unified-height .da-desktop-nav { display: none !important; }

  /* Same black, compact header and blue controls as mobile. */
  .da-header,
  body.page-home-market .da-header,
  body.page-inner-unified-height .da-header {
    position: fixed !important;
    inset: 0 0 auto !important;
    height: var(--bud24-header-height) !important;
    min-height: var(--bud24-header-height) !important;
    background: #000 !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 5000 !important;
  }
  .da-header-inner,
  body.page-home-market .da-header-inner,
  body.page-inner-unified-height .da-header-inner {
    width: min(calc(100% - var(--bud24-desktop-gutter) - var(--bud24-desktop-gutter)), var(--bud24-desktop-max)) !important;
    max-width: var(--bud24-desktop-max) !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }
  .da-header .da-logo { display: flex !important; flex: 0 1 auto; align-items:center; }
  .da-header .da-logo picture { display:block; }
  .da-header .da-logo img { width: auto !important; height: 50px !important; max-width: 240px !important; object-fit:contain; }
  .da-header-inner > .da-notification-center { margin-left: auto !important; margin-right: 0 !important; }
  .da-header-inner > .da-burger { margin-left: 0 !important; }
  .da-header-inner > .da-header-login,
  .da-header-inner > .da-header-logout { display:none !important; }
  .da-burger, .da-burger-icon,
  .da-header-inner > .da-notification-center,
  .da-notification-button {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    flex: 0 0 48px !important;
  }
  .da-burger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    padding:0 !important;
    border:0 !important;
    border-radius: 12px !important;
    cursor:pointer;
  }
  .da-burger-icon { display: block !important; }
  .da-notification-button {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    background:#111 !important;
    border:1px solid #414141 !important;
    border-radius:12px !important;
  }
  .da-notification-button svg { width:25px !important; height:25px !important; }
  .da-notification-panel { z-index: 20011 !important; }

  /* Black search bar fixed in mobile position, with an appropriate PC width. */
  .da-global-search-section,
  body.page-home-market .da-global-search-section,
  body.page-inner-unified-height.page-category-market .da-global-search-section {
    display:block !important;
    position: fixed !important;
    top: var(--bud24-header-height) !important;
    left:0 !important;
    right:0 !important;
    margin:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding: 7px var(--bud24-desktop-gutter) 10px !important;
    background:#000 !important;
    border:0 !important;
    box-shadow:none !important;
    z-index: 4980 !important;
    overflow: visible !important;
  }
  .da-global-search-section > form,
  body.page-inner-unified-height.page-category-market .da-global-search-section > form {
    width: min(100%, var(--bud24-desktop-max)) !important;
    max-width: var(--bud24-desktop-max) !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  .da-global-search-section .da-input-group {
    background: #fff !important;
    border:2px solid #168cf7 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    overflow: visible !important;
    min-height: 56px !important;
  }
  .da-global-search-section .da-input-wrapper input {
    height: 52px !important;
    min-height: 52px !important;
    padding: 9px 18px !important;
    font-size: 18px !important;
    background: transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .da-global-search-section .da-input-group button {
    min-height:52px !important;
    min-width:60px !important;
    padding:0 14px !important;
    color:var(--bud24-blue) !important;
    border:0 !important;
    background:transparent !important;
  }
  .da-global-search-section .da-input-group button svg { width:26px !important; height:26px !important; }
  .da-search-suggestions { z-index: 30000 !important; }

  /* On PC use the exact same off-canvas menu as mobile, not the old sidebar. */
  .da-layout, body.page-home-market .da-layout,
  body.page-inner-unified-height .da-layout {
    display: block !important;
    width: min(100%, 1500px) !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 0 var(--bud24-desktop-gutter) 60px !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .da-main, body.page-home-market .da-main,
  body.page-inner-unified-height .da-main {
    width: 100% !important;
    max-width: none !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding: 14px 0 20px !important;
    border:0 !important;
    background:transparent !important;
  }
  body.page-home-market .da-main { padding-top: 0 !important; }
  body.page-auction .da-main, body.page-category-market .da-main { padding-top: 16px !important; }

  .da-sidebar, .da-sidebar.open {
    display:block !important;
    position: fixed !important;
    top: var(--bud24-header-height) !important;
    left: 0 !important;
    right:auto !important;
    bottom: 0 !important;
    width: min(390px, 80vw) !important;
    max-width: min(390px, 80vw) !important;
    height: calc(100dvh - var(--bud24-header-height)) !important;
    margin:0 !important;
    padding:24px 20px 50px !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    background:#f8fafc !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow: 16px 0 46px rgba(15,23,42,.15) !important;
    z-index: 20010 !important;
    transform: translate3d(-105%,0,0) !important;
    transition:transform .22s ease !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .da-sidebar.open {
    transform: translate3d(0,0,0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .da-menu-overlay, .da-menu-overlay.show {
    position:fixed !important;
    top: var(--bud24-header-height) !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    height:auto !important;
    background:rgba(15,23,42,.52) !important;
    opacity:0 !important;
    pointer-events:none !important;
    z-index:20000 !important;
    transition:opacity .2s ease !important;
  }
  .da-menu-overlay.show { opacity:1 !important; pointer-events:auto !important; }
  body.da-no-scroll { overflow:hidden !important; }
  .da-sidebar .da-mobile-menu-group { display:block !important; margin:0 0 22px !important; }
  .da-sidebar .da-mobile-menu-label { display:block !important; margin-bottom:9px !important; color:#63748a !important; font-size:12px !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:.08em !important; }
  .da-sidebar .da-mobile-menu-list .da-menu-link { display:flex !important; align-items:center !important; min-height:44px !important; padding:9px 14px !important; background:#fff !important; border:1px solid #e2e8f0 !important; border-bottom:0 !important; border-radius:0 !important; color:#17283f !important; font-size:15px !important; font-weight:750 !important; }
  .da-sidebar .da-mobile-menu-list .da-menu-link:first-child { border-radius:12px 12px 0 0 !important; }
  .da-sidebar .da-mobile-menu-list .da-menu-link:last-child { border-bottom:1px solid #e2e8f0 !important; border-radius:0 0 12px 12px !important; }
  .da-sidebar .da-mobile-menu-list .da-menu-link.is-active,
  .da-sidebar .da-mobile-menu-list .da-menu-link:hover { color:#087be3 !important; background:#edf6ff !important; }
  .da-sidebar .da-mobile-user-card { display:grid !important; grid-template-columns:58px minmax(0,1fr) 32px; gap:12px; align-items:center; margin:0 0 22px !important; padding:14px !important; border:1px solid var(--bud24-line) !important; border-radius:16px !important; background:#fff !important; }
  .da-sidebar .da-mobile-category-accordion { display:block !important; }
  .da-sidebar .da-mobile-category-item { background:#fff; border:1px solid #e2e8f0; border-radius:10px; margin-bottom:7px; }
  .da-sidebar .da-mobile-category-summary { cursor:pointer; padding:12px 14px; color:var(--bud24-ink); font-weight:800; }
  .da-sidebar .da-mobile-subcategory-list { padding:0 14px 12px; }
  .da-sidebar .da-mobile-subcategory-list a { display:block; padding:7px 0; font-size:14px; }

  /* Page backgrounds and labels match mobile without overwhelming shadows. */
  :is(.da-main, .da-main a, .da-main button) { -webkit-tap-highlight-color: transparent; }
  body.page-inner-unified-height :is(.da-category-hero, .my-auctions-hero, .da-dash-hero, .da-profile-hero, .account-hero, .create24-hero, .da-sell-hero, .wishlist-premium-hero) { box-shadow:none !important; }
  .da-layout :is(.da-auction-info, .da-bid-history-card, .da-auction-gallery) { border:1px solid var(--bud24-line) !important; border-radius:14px !important; box-shadow:none !important; }

  /* Hero: same image, CTA and compact copy as mobile; scaled for a desktop. */
  body.page-home-market .market-hero {
    width: 100vw !important;
    max-width:100vw !important;
    min-height: 290px !important;
    height:auto !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    border-radius:0 !important;
    background-image:linear-gradient(90deg,rgba(17,20,24,.88) 0%,rgba(17,20,24,.68) 48%,rgba(17,20,24,.25) 100%),url("images/hero-popular-collectibles-v171.webp") !important;
    background-position: 68% center !important;
    background-size:cover !important;
    box-shadow:none !important;
  }
  body.page-home-market .market-hero-content,
  body.page-home-market .market-hero-content--sell {
    width:min(calc(100% - var(--bud24-desktop-gutter) - var(--bud24-desktop-gutter)), var(--bud24-desktop-max)) !important;
    max-width:var(--bud24-desktop-max) !important;
    margin:0 auto !important;
    padding:38px 0 36px !important;
    min-height:0 !important;
  }
  body.page-home-market .market-hero h1,
  body.page-home-market #marketHeroTitle {
    font-size:clamp(34px,3.3vw,47px) !important;
    line-height:1.06 !important;
    letter-spacing:-.035em !important;
    max-width:720px !important;
    margin:0 !important;
  }
  body.page-home-market .market-hero-benefits--primary { margin-top: 8px !important; font-size:14px !important; line-height:1.4 !important; max-width:650px !important; }
  body.page-home-market .market-hero-actions,
  body.page-home-market .market-hero-content--sell > .market-hero-actions { margin-top:14px !important; gap:12px !important; }
  body.page-home-market .market-hero-actions .market-hero-sell--primary,
  body.page-home-market .market-hero-actions--guest .market-hero-sell--primary {
    width:auto !important;
    min-width:250px !important;
    max-width:330px !important;
    min-height:50px !important;
    height:50px !important;
    padding:0 22px !important;
    border-radius:14px !important;
    background:#ffdc32 !important;
    color:#0f172a !important;
    font-size:18px !important;
    font-weight:900 !important;
  }
  body.page-home-market .market-hero-actions--guest .market-hero-login { min-height:50px !important; height:50px !important; border-radius:14px !important; }
  html body.page-home-market .market-hero-content--sell > .market-hero-actions {
    max-width: 650px !important;
    width: auto !important;
    justify-content: flex-start !important;
  }
  html body.page-home-market .market-hero-actions .market-hero-sell--primary {
    flex: 0 0 auto !important;
    width: 310px !important;
    max-width:310px !important;
    min-width:0 !important;
    font-size:18px !important;
    box-shadow:none !important;
  }
  html body.page-home-market .market-hero-actions--guest .market-hero-login {
    flex:0 0 auto !important;
    min-width:0 !important;
    width:230px !important;
    max-width:230px !important;
    font-size:16px !important;
  }

  body.page-home-market .market-hero-steps,
  body.page-home-market .market-hero-content--sell > .market-hero-steps {
    margin-top:12px !important;
    padding-top:10px !important;
    width:fit-content !important;
    max-width:100% !important;
    gap:14px !important;
    font-size:12px !important;
  }
  body.page-home-market .market-hero-step svg { width:20px !important; height:20px !important; flex-basis:20px !important; }

  /* Spotlight preserves mobile's clean image/content cards, no forced 540px tower. */
  body.page-home-market .spotlight24,
  body.page-home-market section.spotlight24 {
    width:min(calc(100% - var(--bud24-desktop-gutter) - var(--bud24-desktop-gutter)), var(--bud24-desktop-max)) !important;
    max-width:var(--bud24-desktop-max) !important;
    margin: 18px auto 24px !important;
    padding:0 !important;
    border:0 !important;
  }
  body.page-home-market .spotlight24-card {
    display:grid !important;
    grid-template-columns:minmax(0,58%) minmax(0,42%) !important;
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
    overflow:hidden !important;
    border:1px solid #dfe5ec !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#f5f9fc !important;
  }
  body.page-home-market .spotlight24-img,
  body.page-home-market .spotlight24-img picture,
  body.page-home-market .spotlight24-img img {
    height:420px !important;
    min-height:0 !important;
    max-height:420px !important;
    border-radius:0 !important;
  }
  body.page-home-market .spotlight24-gallery,
  body.page-home-market .spotlight24-gallery-slide { height:100% !important; }
  body.page-home-market .spotlight24-content {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:30px 26px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:10px !important;
    border-radius:0 !important;
    background:#f4f8fc !important;
    color:var(--bud24-ink) !important;
  }
  body.page-home-market .spotlight24-content h2 { max-width:100% !important; margin:0 !important; font-size:clamp(24px,2.6vw,38px) !important; line-height:1.14 !important; font-weight:950 !important; color:var(--bud24-ink) !important; }
  body.page-home-market .spotlight24-description { font-size:15px !important; line-height:1.5 !important; color:#53657b !important; }
  body.page-home-market .spotlight24-price { color:var(--bud24-ink) !important; font-size:32px !important; }
  body.page-home-market .spotlight24-live-timer { position:relative !important; top:auto !important; right:auto !important; left:auto !important; width:fit-content !important; max-width:100% !important; }

  /* Category chips & horizontally scrollable rows, like mobile. */
  body.page-home-market .market-category-strip-shell,
  body.page-home-market .market-category-strip-shell--below-spotlight {
    width:min(calc(100% - var(--bud24-desktop-gutter) - var(--bud24-desktop-gutter)), var(--bud24-desktop-max)) !important;
    max-width:var(--bud24-desktop-max) !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
  }
  body.page-home-market .market-category-strip-shell .market-category-strip,
  body.page-home-market .market-category-strip {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:10px 0 !important;
    display:flex !important;
    justify-content:flex-start !important;
    gap:8px !important;
    border:0 !important;
    overflow-x:auto !important;
    scrollbar-width:thin !important;
  }
  body.page-home-market .market-category-strip a,
  body.page-home-market .market-category-strip-shell .market-category-strip a {
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:4px !important;
    padding:8px 14px !important;
    min-width:0 !important;
    border:1px solid #dfe6ee !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#1d304a !important;
    font-size:14px !important;
    font-weight:750 !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }
  body.page-home-market .market-category-strip a:hover { background:#edf6ff !important; border-color:#188af5 !important; color:#0878da !important; }
  body.page-home-market .section-header,
  body.page-home-market .da-auctions-grid-pop,
  body.page-home-market .da-auctions-grid,
  body.page-home-market .popular-searches,
  body.page-home-market .da-category-description {
    width:min(calc(100% - var(--bud24-desktop-gutter) - var(--bud24-desktop-gutter)), var(--bud24-desktop-max)) !important;
    max-width:var(--bud24-desktop-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.page-home-market .section-header {
    min-height:0 !important;
    padding:0 !important;
    margin-top:24px !important;
    margin-bottom:12px !important;
  }
  body.page-home-market .section-title {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    font-size:clamp(23px,2.1vw,30px) !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    color:#10243c !important;
  }
  body.page-home-market .b24-swipe-heading-icon { width:30px !important; height:30px !important; object-fit:contain !important; }
  body.page-home-market .da-auctions-grid-pop,
  body.page-home-market .da-auctions-grid {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:16px !important;
    padding:0 0 14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:thin !important;
  }
  body.page-home-market .da-auctions-grid-pop > .da-auction-card,
  body.page-home-market .da-auctions-grid > .da-auction-card {
    flex:0 0 clamp(205px, 20%, 260px) !important;
    width:clamp(205px, 20%, 260px) !important;
    min-width:205px !important;
    max-width:260px !important;
    min-height:0 !important;
    margin:0 !important;
    border:1px solid #dfe5ed !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
    scroll-snap-align:start !important;
    transition:none !important;
  }
  body.page-home-market .da-auction-card:hover { transform:none !important; box-shadow:none !important; }
  body.page-home-market .da-auction-img-wrapper,
  body.page-home-market .da-most-viewed-today-slider > .da-auction-card .da-auction-img-wrapper {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1 / 1.08 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#eef2f6 !important;
  }
  body.page-home-market .da-auction-img-wrapper img { width:100% !important; height:100% !important; object-fit:cover !important; }
  body.page-home-market .da-auction-content { padding:14px 14px 18px !important; border-radius:0 !important; background:#fff !important; }
  body.page-home-market .da-auction-title { font-size:16px !important; line-height:1.3 !important; font-weight:750 !important; color:#15253b !important; }
  body.page-home-market .da-auction-price { font-size:20px !important; font-weight:950 !important; color:#111 !important; }
  body.page-home-market .da-auction-card .da-countdown-tag { left:0 !important; bottom:0 !important; right:auto !important; border-radius:0 !important; }
  body.page-home-market .da-auction-card .da-watch-btn { top:8px !important; right:8px !important; }

  body.page-home-market .b24-home-competition-ad {
    width:min(calc(100% - var(--bud24-desktop-gutter) - var(--bud24-desktop-gutter)), var(--bud24-desktop-max)) !important;
    max-width:var(--bud24-desktop-max) !important;
    margin:18px auto 26px !important;
    border:0 !important;
  }
  body.page-home-market .b24-home-competition-ad__inner,
  body.page-home-market .b24-home-competition-ad__link { width:100% !important; }
  body.page-home-market .b24-home-competition-ad__meta { max-width:none !important; padding:0 !important; }
  body.page-home-market .b24-home-competition-ad__link img { width:100% !important; max-width:100% !important; height:auto !important; border:0 !important; }

  /* Auction, category, account and dashboard surfaces — flat, clean mobile look. */
  body.page-category-market .da-category-hero--compact { border:0 !important; box-shadow:none !important; border-radius:0 !important; background:#fff !important; padding:14px 0 !important; }
  body.page-category-market .da-category-heading { font-weight:950 !important; color:var(--bud24-ink) !important; }
  body.page-category-market .da-subcategory-chip { border-radius:8px !important; box-shadow:none !important; }
  body.page-category-market .da-auctions-grid,
  body.page-search-market .da-auctions-grid,
  body.page-unified-auctions .da-auctions-grid,
  body.page-wishlist-market .da-auctions-grid,
  body.page-profile-market .da-auctions-grid {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  :is(body.page-category-market, body.page-search-market, body.page-unified-auctions, body.page-wishlist-market, body.page-profile-market) .da-auction-card {
    border:1px solid #e0e6ee !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
  :is(body.page-category-market, body.page-search-market, body.page-unified-auctions, body.page-wishlist-market, body.page-profile-market) .da-auction-card .da-auction-content {
    background:#fff !important;
    border-radius:0 !important;
    padding:14px !important;
  }
  .da-auction-layout { grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr) !important; gap:22px !important; align-items:start !important; }
  body.page-auction .da-auction-info,
  body.page-auction .da-auction-gallery,
  body.page-auction .da-bid-history-card { background:#fff !important; border-radius:0 !important; border:1px solid var(--bud24-line) !important; box-shadow:none !important; }
  body.page-auction .da-auction-layout :is(button, input, select) { max-width:100%; }
  body.page-my-auctions-market .my-market-card,
  body.page-dashboard .da-dashboard :is(.da-dashboard-card, .da-dashboard-stat),
  body.page-account-modern .account-page :is(.account-card, .account-section) {
    border-radius:0 !important;
    box-shadow:none !important;
    border-color:var(--bud24-line) !important;
  }
  body.page-auth-simple .auth-simple-card { box-shadow:none !important; border-color:var(--bud24-line) !important; border-radius:16px !important; }
  body.page-trade-chat .messenger-shell { box-shadow:none !important; border:1px solid var(--bud24-line) !important; }

  @media(max-width:1100px) {
    body.page-category-market .da-auctions-grid,
    body.page-search-market .da-auctions-grid,
    body.page-unified-auctions .da-auctions-grid,
    body.page-wishlist-market .da-auctions-grid,
    body.page-profile-market .da-auctions-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .da-auction-layout { grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr) !important; }
  }
}

/* BUD24 v185: The pre-existing homepage desktop rule
   body.page-home-market .da-sidebar { display:none !important; }
   was more specific than the drawer's .da-sidebar selector.
   Keep the desktop drawer visible (off-canvas until opened).
   Desktop-only: this stylesheet is loaded at >=901px. */
@media (min-width: 901px) {
  body.page-home-market #sidebar.da-sidebar,
  body.page-home-market #sidebar.da-sidebar.open {
    display: block !important;
  }
}

/* v186: two separately rotating advertisements per homepage slot on desktop.
   One advertisement remains full-width on mobile. */
@media (min-width: 901px) {
  body.page-home-market .b24-home-competition-ad .b24-home-ad-pair {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    width: 100%;
  }
  body.page-home-market .b24-home-competition-ad .b24-home-ad-pair--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.page-home-market .b24-home-competition-ad .b24-home-ad-pair > .b24-home-competition-ad__inner {
    width: 100% !important;
    min-width: 0;
  }
  body.page-home-market .b24-home-competition-ad .b24-home-ad-pair .b24-home-competition-ad__link img {
    display: block;
    width: 100% !important;
    aspect-ratio: 4 / 3;
    object-fit: contain;
  }
}
@media (max-width: 900px) {
  body.page-home-market .b24-home-ad-companion { display: none !important; }
}

/* v187: COMMON DESKTOP CONTENT RAIL. One width for header, search, page content,
   cards, spotlight and ads. No mobile changes: this sheet loads only at 901px+. */
@media (min-width: 901px) {
  :root {
    --bud24-desktop-max: 1320px;
    --bud24-page-max: 1320px;
    --bud24-inner-max: 1320px;
    --bud24-desktop-content-width: min(calc(100vw - (2 * var(--bud24-desktop-gutter))), var(--bud24-desktop-max));
  }

  /* Previously .da-layout was as wide as 1500px with its own gutters, while
     header/search and most homepage sections used 1320px with more gutters.
     Removing that double padding fixes shifting left/right margins. */
  body.da-body .da-layout,
  body.da-body.page-inner-unified-height .da-layout,
  body.da-body.page-home-market .da-layout {
    width: var(--bud24-desktop-content-width) !important;
    max-width: var(--bud24-desktop-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 0 60px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
  body.da-body .da-main,
  body.da-body.page-inner-unified-height .da-main,
  body.da-body.page-home-market .da-main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Header content and the sticky search field match the same centered rail. */
  body.da-body .da-header-inner {
    width: var(--bud24-desktop-content-width) !important;
    max-width: var(--bud24-desktop-max) !important;
    box-sizing: border-box !important;
  }
  body.da-body .da-global-search-section > form {
    width: min(100%, var(--bud24-desktop-max)) !important;
    max-width: var(--bud24-desktop-max) !important;
    margin-inline: auto !important;
  }

  /* These sections are already inside the standardized .da-main and must
     not subtract a second set of side gutters. */
  body.da-body.page-home-market :is(
    .spotlight24,
    .market-category-strip-shell,
    .market-category-strip-shell--below-spotlight,
    .section-header,
    .da-auctions-grid-pop,
    .da-auctions-grid,
    .b24-home-competition-ad,
    .popular-searches,
    .da-category-description,
    .b24-promo-examples
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  /* Full-bleed hero image stays full width, while its text lines up with the rail. */
  body.da-body.page-home-market .market-hero-content,
  body.da-body.page-home-market .market-hero-content--sell {
    width: var(--bud24-desktop-content-width) !important;
    max-width: var(--bud24-desktop-max) !important;
    margin-inline: auto !important;
  }

  /* Shared outer shells for listing, auction and account screens. Do not
     stretch intentionally narrower forms, dialogs or their inner cards. */
  body.da-body .da-main > :is(
    .da-premium-product-head,
    .da-auction-page-head,
    .da-auction-layout,
    .da-premium-product-page,
    .da-profile-page,
    .my-auctions-modern,
    .market-page-shell,
    .account-page,
    .da-dashboard,
    .messenger-page,
    .messenger-inbox,
    .credits-premium-page,
    .seo24-page,
    .b24-advertise,
    .create24-hero,
    .create24-shell
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.da-body :is(.da-premium-product-head,.da-premium-product-page,.da-auction-page-head,.da-auction-layout) {
    max-width: 100% !important;
  }
  body.da-body .da-footer-inner {
    width: var(--bud24-desktop-content-width) !important;
    max-width: var(--bud24-desktop-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}


/* BUD24 v188: compact desktop-only homepage hero.
   Keep mobile hero and its button styling unchanged. */
@media (min-width: 901px) {
  body.da-body.page-home-market .market-hero {
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
    box-sizing: border-box !important;
  }
  body.da-body.page-home-market .market-hero > .market-hero-content--sell {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  body.da-body.page-home-market .market-hero-content--sell > .market-hero-actions {
    margin-top: 9px !important;
  }
  body.da-body.page-home-market .market-hero-content--sell > .market-hero-steps {
    margin-top: 9px !important;
    padding-top: 8px !important;
  }
}


/* BUD24 v197: Online auctions SEO landing page compact PC layout. */
/* Scoped to /online-auktioner only. Other pages and mobile retain their styles. */
@media (min-width: 901px) {
  body.da-body.page-seo24-buy .seo24-page {
    padding-top: 0 !important;
    padding-bottom: 48px !important;
  }
  body.da-body.page-seo24-buy .seo24-breadcrumb {
    color: #65758a;
    margin: 0 0 6px !important;
    padding: 0 !important;
    min-height: 18px;
  }
  body.da-body.page-seo24-buy .seo24-breadcrumb a {
    color: #4c627c !important;
  }
  body.da-body.page-seo24-buy.page-seo24.page-inner-unified-height .seo24-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 30px !important;
    row-gap: 12px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.da-body.page-seo24-buy .seo24-hero h1 {
    margin: 0 0 9px !important;
    font-size: clamp(31px, 3vw, 40px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.035em !important;
  }
  body.da-body.page-seo24-buy .seo24-hero__copy > p {
    max-width: 700px;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  body.da-body.page-seo24-buy .seo24-actions {
    gap: 10px;
    margin-top: 14px !important;
  }
  body.da-body.page-seo24-buy .seo24-btn {
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
  }
  body.da-body.page-seo24-buy .seo24-hero__panel {
    display: grid !important;
    gap: 6px !important;
    align-self: center;
    padding: 9px !important;
    border-radius: 16px !important;
  }
  body.da-body.page-seo24-buy .seo24-hero__panel > div {
    padding: 8px 12px !important;
    border-radius: 10px !important;
  }
  body.da-body.page-seo24-buy .seo24-hero__panel strong {
    font-size: 19px !important;
    line-height: 1.15;
  }
  body.da-body.page-seo24-buy .seo24-hero__panel span {
    margin-top: 2px !important;
    font-size: 10px;
  }
  body.da-body.page-seo24-buy .seo24-section,
  body.da-body.page-seo24-buy .seo24-faq {
    margin-top: 13px !important;
    padding: 21px 24px !important;
    border-radius: 16px !important;
  }
  body.da-body.page-seo24-buy .seo24-section-head {
    margin-bottom: 12px !important;
  }
  body.da-body.page-seo24-buy .seo24-section-head h2 {
    margin: 0 0 5px !important;
    font-size: 25px !important;
  }
  body.da-body.page-seo24-buy .seo24-steps article {
    padding: 15px !important;
    border-radius: 12px !important;
  }
  body.da-body.page-seo24-buy .seo24-steps h3 {
    margin-top: 9px !important;
  }
  body.da-body.page-seo24-buy .seo24-split {
    margin-top: 13px !important;
  }
  body.da-body.page-seo24-buy .seo24-info-card {
    padding: 20px !important;
    border-radius: 16px !important;
  }
  body.da-body.page-seo24-buy .seo24-faq > h2 {
    margin: 0 0 10px !important;
    font-size: 25px !important;
  }
  body.da-body.page-seo24-buy .seo24-final-cta {
    margin-top: 13px !important;
    padding: 21px 24px !important;
    border-radius: 16px !important;
  }
}

/* BUD24 v201 – white side gutters around the desktop homepage hero.
   Keep the hero image, text, CTA and mobile layout untouched. */
@media (min-width: 901px) {
  body.da-body.page-home-market .market-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
      linear-gradient(#fff, #fff) left top / calc((100% - var(--bud24-desktop-content-width)) / 2) 100% no-repeat,
      linear-gradient(#fff, #fff) right top / calc((100% - var(--bud24-desktop-content-width)) / 2) 100% no-repeat;
  }
}

/* BUD24 v203: Center all homepage hero content on desktop only.
   Keep the compact 205px hero and leave the mobile layout untouched. */
@media (min-width: 901px) {
  body.da-body.page-home-market .market-hero > .market-hero-content--sell {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 10px 0 !important;
    text-align: center !important;
  }

  body.da-body.page-home-market .market-hero-content--sell > .market-hero-sell-title,
  body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle {
    justify-content: center !important;
    text-align: center !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body.da-body.page-home-market .market-hero-content--sell > .market-hero-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.da-body.page-home-market .market-hero-actions:not(.market-hero-actions--guest) > .market-hero-sell--primary {
    width: 310px !important;
    max-width: 310px !important;
  }

  html body.da-body.page-home-market .market-hero-content--sell > .market-hero-steps {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 16px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  body.da-body.page-home-market .market-hero-steps .market-hero-step {
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 850 !important;
  }

  body.da-body.page-home-market .market-hero-steps .market-hero-step svg {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  body.da-body.page-home-market .market-hero-steps .market-hero-step-sep {
    height: 24px !important;
  }
}

/* BUD24 v204: more separation between the welcome heading and CTA for
   signed-in users on desktop. Guests and mobile remain unchanged. */
@media (min-width: 901px) {
  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting {
    transform: translateY(-4px);
  }
  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting ~ .market-hero-actions {
    margin-top: 25px !important;
  }
}


/* BUD24 v205: tighten signed-in desktop hero spacing and enlarge the 3 benefit points.
   Only affects the logged-in homepage hero on desktop. Mobile and guest hero stay unchanged. */
@media (min-width: 901px) {
  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting {
    transform: translateY(-8px);
  }

  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting ~ .market-hero-actions {
    margin-top: 16px !important;
  }

  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting ~ .market-hero-steps {
    margin-top: 16px !important;
    gap: 20px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting ~ .market-hero-steps .market-hero-step {
    gap: 9px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting ~ .market-hero-steps .market-hero-step svg {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
  }

  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--greeting ~ .market-hero-steps .market-hero-step-sep {
    height: 26px !important;
  }
}

/* v206: guest headline above desktop CTAs; same alignment as signed-in greeting. */
@media (min-width: 901px) {
  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--guest {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: .08em .22em !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    transform: translateY(-8px);
  }
  html body.da-body.page-home-market .market-hero-content--sell > #marketHeroTitle.market-hero-sell-title--guest ~ .market-hero-actions {
    margin-top: 16px !important;
  }
}

/* BUD24 v209: two equally sized guest CTA buttons on desktop only.
   Keep the signed-in hero and the mobile buttons unchanged. */
@media (min-width: 901px) {
  html body.da-body.page-home-market .market-hero-content--sell > .market-hero-actions--guest {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.da-body.page-home-market .market-hero-content--sell > .market-hero-actions--guest > .market-hero-sell--primary,
  html body.da-body.page-home-market .market-hero-content--sell > .market-hero-actions--guest > .market-hero-login {
    display: inline-flex !important;
    flex: 0 0 300px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}