/* Got Hot Wheels v104 — unified collector marketplace UI */
:root {
    --ghw-bg: #080b10;
    --ghw-bg-soft: #0d121a;
    --ghw-panel: #111722;
    --ghw-panel-2: #171f2c;
    --ghw-line: rgba(255,255,255,.10);
    --ghw-line-strong: rgba(255,255,255,.18);
    --ghw-text: #f7f8fb;
    --ghw-muted: #9da9b9;
    --ghw-orange: #ff6a00;
    --ghw-orange-2: #ff9b3d;
    --ghw-red: #e42c2c;
    --ghw-green: #32d583;
    --ghw-blue: #55a7ff;
    --ghw-shadow: 0 24px 70px rgba(0,0,0,.38);
    --ghw-radius: 20px;
}

html { scroll-behavior: smooth; }
body.ghwV5-body {
    background:
        radial-gradient(circle at 12% 0%, rgba(255,106,0,.11), transparent 28rem),
        radial-gradient(circle at 94% 16%, rgba(228,44,44,.08), transparent 30rem),
        var(--ghw-bg);
    color: var(--ghw-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
}

.ghwV5-wrap,
.ghw-wrap { width: min(1280px, calc(100% - 40px)); margin-inline: auto; }
.ghwV5-main { min-height: 58vh; overflow: clip; }
.ghw-skip-link:focus { z-index: 9999; }

.ghwV5-topbar {
    background: #05070a;
    border-bottom: 1px solid rgba(255,255,255,.07);
    color: #b9c2cf;
    font-size: .78rem;
    letter-spacing: .04em;
}
.ghwV5-topbarInner { min-height: 34px; }
.ghwV5-secure { color: #f8b572; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.ghwV5-topLinks a { color: #c6ced9; transition: color .18s ease; }
.ghwV5-topLinks a:hover { color: #fff; }

.ghwV5-header {
    position: sticky;
    top: 0;
    z-index: 80;
    background: rgba(8,11,16,.88);
    backdrop-filter: blur(18px) saturate(135%);
    border-bottom: 1px solid rgba(255,255,255,.09);
    box-shadow: 0 12px 36px rgba(0,0,0,.2);
}
.ghwV5-headerInner { min-height: 84px; gap: 28px; }
.ghwV5-logo { flex: 0 0 205px; display: block; }
.ghwV5-logo img { width: 205px; height: auto; display: block; object-fit: contain; }
.ghwV5-mainNav { gap: 6px; }
.ghwV5-mainNav > a {
    color: #d8dee7;
    font-size: .88rem;
    font-weight: 780;
    padding: 11px 12px;
    border-radius: 11px;
    white-space: nowrap;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.ghwV5-mainNav > a:hover { color: #fff; background: rgba(255,255,255,.07); transform: translateY(-1px); }
.ghwV5-live {
    margin-left: 4px;
    padding: 3px 6px;
    border-radius: 999px;
    background: var(--ghw-red);
    color: #fff;
    font-size: .58rem;
    letter-spacing: .08em;
    box-shadow: 0 0 0 4px rgba(228,44,44,.12);
}
.ghwV5-search {
    width: min(260px, 20vw);
    background: rgba(255,255,255,.055);
    border: 1px solid var(--ghw-line);
    border-radius: 12px;
    overflow: hidden;
}
.ghwV5-search:focus-within { border-color: rgba(255,106,0,.6); box-shadow: 0 0 0 4px rgba(255,106,0,.10); }
.ghwV5-search input { color: #fff; background: transparent; min-width: 0; }
.ghwV5-search input::placeholder { color: #778394; }
.ghwV5-search button { color: #fff; background: transparent; }
.ghwV5-login,
.ghwV5-register,
.ghwV5-account > summary {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    border-radius: 12px;
    font-weight: 800;
}
.ghwV5-login { color: #fff; border: 1px solid var(--ghw-line-strong); }
.ghwV5-register { color: #fff; background: linear-gradient(135deg, var(--ghw-orange), #e94224); box-shadow: 0 10px 26px rgba(255,82,0,.22); }
.ghwV5-account > summary { background: linear-gradient(135deg, var(--ghw-orange), #e94224); color: #fff; }
.ghwV5-accountMenu { background: #121821; border: 1px solid var(--ghw-line); border-radius: 16px; box-shadow: var(--ghw-shadow); padding: 8px; min-width: 230px; }
.ghwV5-accountMenu a,
.ghwV5-accountMenu button { border-radius: 9px; color: #dbe1e9; }
.ghwV5-accountMenu a:hover,
.ghwV5-accountMenu button:hover { background: rgba(255,255,255,.07); color: #fff; }

.ghwV5-alert { margin-top: 18px; border-radius: 14px; border: 1px solid; padding: 13px 16px; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.ghwV5-alertSuccess { color: #c8ffe2; border-color: rgba(50,213,131,.35); background: rgba(50,213,131,.10); }
.ghwV5-alertError { color: #ffd6d6; border-color: rgba(228,44,44,.38); background: rgba(228,44,44,.12); }

/* Home */
.ghw-hero-fixed {
    position: relative;
    min-height: 650px;
    display: grid;
    align-items: center;
    border-bottom: 1px solid var(--ghw-line);
    background: #080b10;
    overflow: hidden;
}
.ghw-hero-fixed-bg {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.78) 38%, rgba(5,7,10,.26) 70%, rgba(5,7,10,.68) 100%),
        linear-gradient(0deg, rgba(8,11,16,.88) 0%, transparent 40%),
        url('../images/ghw-site-assets/02-hero/hero-homepage-desktop.webp');
    background-size: cover;
    background-position: center;
    transform: scale(1.015);
}
.ghw-hero-fixed-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('../images/ghw-site-assets/ui-base/ghw-v101f-speed-lines.svg');
    background-size: cover;
    opacity: .16;
    mix-blend-mode: screen;
}
.ghw-hero-fixed-inner { position: relative; z-index: 2; padding-block: 88px; }
.ghw-hero-copy { max-width: 650px; }
.ghw-hero-copy h1 { margin: 0; display: flex; flex-direction: column; line-height: .92; text-wrap: balance; }
.ghw-hero-copy h1 span:first-child {
    color: #fff;
    font-size: clamp(2.2rem, 4vw, 4.8rem);
    font-weight: 950;
    letter-spacing: -.05em;
}
.ghw-hero-copy h1 strong {
    color: transparent;
    background: linear-gradient(90deg, #ffb45d, #ff6a00 48%, #ff342d);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: clamp(3.5rem, 7vw, 7.1rem);
    font-weight: 1000;
    letter-spacing: -.07em;
    filter: drop-shadow(0 12px 30px rgba(255,82,0,.22));
}
.ghw-hero-copy h1 span:last-child { color: #fff; font-size: clamp(1.7rem, 3.2vw, 3.35rem); font-weight: 950; letter-spacing: -.045em; }
.ghw-hero-copy > p { max-width: 590px; margin: 28px 0 0; color: #c4ccd7; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.ghw-hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.ghw-btn {
    min-height: 52px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 13px;
    font-weight: 900;
    letter-spacing: -.01em;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ghw-btn:hover { transform: translateY(-2px); }
.ghw-btn.ghw-primary { background: linear-gradient(135deg, var(--ghw-orange), #e93e24); color: #fff; box-shadow: 0 15px 36px rgba(255,82,0,.28); }
.ghw-btn.ghw-secondary { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.20); backdrop-filter: blur(8px); }
.ghw-rating { margin-top: 27px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; color: #fff; }
.ghw-rating span { font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #ffb56a; }
.ghw-rating small { color: #aeb8c5; }

.ghw-trust-row { background: #0c1118; border-bottom: 1px solid var(--ghw-line); }
.ghw-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.ghw-trust-grid article { min-height: 128px; display: flex; align-items: center; gap: 15px; padding: 24px; border-right: 1px solid var(--ghw-line); }
.ghw-trust-grid article:last-child { border-right: 0; }
.ghw-trust-icon { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,106,0,.11); border: 1px solid rgba(255,106,0,.22); font-size: 1.25rem; }
.ghw-trust-grid h3 { margin: 0; color: #fff; font-size: .98rem; }
.ghw-trust-grid p { margin: 4px 0 0; color: var(--ghw-muted); font-size: .82rem; line-height: 1.45; }

.ghw-category-section,
.ghw-auction-section { padding-block: 82px; }
.ghw-category-section { background: linear-gradient(180deg, #0a0e14, #0e141d); }
.ghw-section-heading-lines { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 22px; margin-bottom: 36px; }
.ghw-section-heading-lines span { height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.18)); }
.ghw-section-heading-lines span:last-child { background: linear-gradient(90deg, rgba(255,255,255,.18), transparent); }
.ghw-section-heading-lines h2,
.ghw-auction-heading h2 { margin: 0; color: #fff; font-size: clamp(1.75rem, 3vw, 2.65rem); letter-spacing: -.045em; }
.ghw-category-list { display: grid; grid-template-columns: repeat(9, minmax(90px, 1fr)); gap: 18px; }
.ghw-category { color: #d9e0e9; text-align: center; font-size: .78rem; transition: transform .2s ease, color .2s ease; }
.ghw-category:hover { color: #fff; transform: translateY(-5px); }
.ghw-circle { aspect-ratio: 1; border-radius: 50%; overflow: hidden; padding: 4px; background: linear-gradient(145deg, #ff9a3d, #e72f2f); box-shadow: 0 12px 32px rgba(0,0,0,.3); }
.ghw-circle img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; border: 3px solid #111722; }
.ghw-category strong { display: block; margin-top: 12px; line-height: 1.25; }

.ghw-auction-section { background: #080b10; }
.ghw-auction-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 28px; }
.ghw-auction-heading h2 > span { display: inline-block; width: 10px; height: 10px; margin-right: 9px; border-radius: 50%; background: var(--ghw-red); box-shadow: 0 0 0 7px rgba(228,44,44,.12); }
.ghw-auction-heading > a { color: #ff9a43; font-weight: 800; }
.ghw-auction-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ghw-auction-card {
    overflow: hidden;
    border: 1px solid var(--ghw-line);
    border-radius: var(--ghw-radius);
    background: linear-gradient(160deg, rgba(24,32,44,.98), rgba(13,18,26,.98));
    box-shadow: 0 18px 50px rgba(0,0,0,.24);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.ghw-auction-card:hover { transform: translateY(-6px); border-color: rgba(255,106,0,.35); box-shadow: 0 26px 60px rgba(0,0,0,.35); }
.ghw-auction-image { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: #0d1118; }
.ghw-auction-image::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent, rgba(0,0,0,.7)); pointer-events: none; }
.ghw-auction-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.ghw-auction-card:hover .ghw-auction-image img { transform: scale(1.035); }
.ghw-live { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 6px 9px; border-radius: 999px; background: var(--ghw-red); color: #fff; font-size: .66rem; font-weight: 950; letter-spacing: .08em; }
.ghw-heart { position: absolute; z-index: 2; top: 12px; right: 12px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: rgba(8,11,16,.74); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 1.15rem; backdrop-filter: blur(8px); }
.ghw-auction-body { padding: 20px; }
.ghw-auction-body h3 { margin: 0; min-height: 2.7em; color: #fff; font-size: 1.02rem; line-height: 1.35; }
.ghw-auction-body h3 a { color: inherit; }
.ghw-auction-body > p { margin: 7px 0 15px; color: var(--ghw-muted); font-size: .82rem; }
.ghw-meta { padding: 14px 0; display: flex; justify-content: space-between; align-items: end; border-top: 1px solid var(--ghw-line); border-bottom: 1px solid var(--ghw-line); }
.ghw-meta small { color: #8c98a9; text-transform: uppercase; letter-spacing: .08em; font-size: .63rem; }
.ghw-price { margin-top: 2px; color: #fff; font-size: 1.55rem; font-weight: 950; letter-spacing: -.04em; }
.ghw-meta > strong { color: #c6ced9; font-size: .78rem; }
.ghw-timer { margin: 14px 0; color: #ffbb78; font-size: .82rem; font-weight: 800; }
.ghw-place-bid { min-height: 43px; display: flex; align-items: center; justify-content: center; border-radius: 11px; background: linear-gradient(135deg, var(--ghw-orange), #e93e24); color: #fff; font-weight: 900; }

/* Inner pages and forms */
.ghw-page-hero,
.ghw-sell-hero {
    position: relative;
    padding: 76px 0 48px;
    background:
        linear-gradient(90deg, rgba(7,10,15,.96), rgba(7,10,15,.72)),
        url('../images/ghw-site-assets/05-backgrounds/background-inner-pages.webp') center/cover;
    border-bottom: 1px solid var(--ghw-line);
}
.ghw-page-hero h1,
.ghw-sell-hero h1 { margin: 7px 0 10px; color: #fff; font-size: clamp(2.2rem, 5vw, 4.4rem); letter-spacing: -.06em; line-height: 1; }
.ghw-page-hero p,
.ghw-sell-hero p { color: #abb6c5; max-width: 720px; }
.ghw-content-kicker,
.ghw-sell-kicker,
.ghw104-eyebrow { color: #ff9e49; font-size: .72rem; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.ghw-filter-tabs { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; }
.ghw-filter-tabs a { padding: 9px 13px; border: 1px solid var(--ghw-line); border-radius: 999px; color: #bac4d1; font-size: .78rem; font-weight: 800; background: rgba(255,255,255,.04); }
.ghw-filter-tabs a:hover,
.ghw-filter-tabs a.active { color: #fff; border-color: rgba(255,106,0,.45); background: rgba(255,106,0,.14); }
.ghw-auctions-page { padding-top: 48px; }
.ghw-page-auction-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.ghw-pagination { margin-top: 32px; }
.ghw-empty-state { padding: 60px 24px; text-align: center; border: 1px dashed var(--ghw-line-strong); border-radius: var(--ghw-radius); background: var(--ghw-panel); }

.ghw-sell-page { padding: 48px 0 82px; }
.ghw-sell-hero-card { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.ghw-sell-hero-badge { max-width: 380px; padding: 20px; border: 1px solid rgba(255,106,0,.28); border-radius: 16px; background: rgba(255,106,0,.09); }
.ghw-sell-hero-badge strong { display: block; color: #fff; }
.ghw-sell-hero-badge span { color: #aeb9c7; font-size: .85rem; }
.ghw-sell-form { display: grid; gap: 20px; }
.ghw-form-section { padding: 28px; border: 1px solid var(--ghw-line); border-radius: var(--ghw-radius); background: linear-gradient(150deg, rgba(20,27,38,.98), rgba(12,17,24,.98)); box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.ghw-form-section-title { display: flex; gap: 15px; align-items: flex-start; margin-bottom: 24px; }
.ghw-form-section-title > span { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg, var(--ghw-orange), var(--ghw-red)); font-weight: 950; }
.ghw-form-section-title h2 { margin: 0; color: #fff; letter-spacing: -.025em; }
.ghw-form-section-title p { margin: 3px 0 0; color: var(--ghw-muted); font-size: .88rem; }
.ghw-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.ghw-field-wide { grid-column: span 2; }
.ghw-field label,
.ghw104-field-grid label > span,
.ghw104-notes > span { display: block; margin-bottom: 7px; color: #dce2ea; font-size: .78rem; font-weight: 850; }
.ghw-field label span { color: #ff8b39; }
.ghw-field input,
.ghw-field select,
.ghw-field textarea,
.ghw104-field-grid input,
.ghw104-notes textarea {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--ghw-line);
    border-radius: 12px;
    background: rgba(4,7,11,.52);
    color: #fff;
    padding: 11px 13px;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.ghw-field textarea,
.ghw104-notes textarea { min-height: 125px; resize: vertical; }
.ghw-field input:focus,
.ghw-field select:focus,
.ghw-field textarea:focus,
.ghw104-field-grid input:focus,
.ghw104-notes textarea:focus { border-color: rgba(255,106,0,.62); box-shadow: 0 0 0 4px rgba(255,106,0,.11); background: rgba(7,10,15,.78); }
.ghw-field small { color: #8793a3; }
.ghw-check-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.ghw-check-card { position: relative; min-height: 112px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; border: 1px solid var(--ghw-line); border-radius: 15px; background: rgba(255,255,255,.035); color: #dfe5ec; cursor: pointer; }
.ghw-check-card:has(input:checked) { border-color: rgba(255,106,0,.62); background: rgba(255,106,0,.10); box-shadow: inset 0 0 0 1px rgba(255,106,0,.12); }
.ghw-check-card input { position: absolute; top: 12px; right: 12px; accent-color: var(--ghw-orange); }
.ghw104-shipping-details { margin-top: 18px; padding-top: 22px; border-top: 1px solid var(--ghw-line); }
.ghw104-free-shipping { min-height: 100%; }
.ghw-form-actions { display: flex; justify-content: flex-end; align-items: center; gap: 12px; padding-top: 8px; }
.ghw-form-actions button { min-height: 50px; padding: 0 24px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(135deg, var(--ghw-orange), var(--ghw-red)); font-weight: 900; cursor: pointer; }
.ghw-form-cancel { color: #bec7d2; padding: 12px 18px; }
.ghw-form-errors,
.ghw104-form-alert { border: 1px solid rgba(228,44,44,.38); border-radius: 15px; background: rgba(228,44,44,.11); color: #ffd4d4; padding: 16px 20px; margin-bottom: 20px; }

/* Checkout */
.ghw104-checkout-shell { padding: 34px 0 92px; background: linear-gradient(180deg, #0a0e14, #080b10 55%); }
.ghw104-checkout-steps { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 760px; margin: 0 auto 38px; position: relative; }
.ghw104-checkout-steps::before { content: ""; position: absolute; top: 17px; left: 12.5%; right: 12.5%; height: 2px; background: var(--ghw-line); }
.ghw104-checkout-steps span { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; color: #6f7b8b; font-size: .7rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.ghw104-checkout-steps b { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; background: #121923; border: 1px solid var(--ghw-line); color: #8793a4; }
.ghw104-checkout-steps .done b { background: rgba(50,213,131,.14); color: #7bf0b2; border-color: rgba(50,213,131,.35); }
.ghw104-checkout-steps .active { color: #fff; }
.ghw104-checkout-steps .active b { background: linear-gradient(135deg, var(--ghw-orange), var(--ghw-red)); color: #fff; border-color: transparent; box-shadow: 0 0 0 6px rgba(255,106,0,.10); }
.ghw104-checkout-header { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 28px; }
.ghw104-checkout-header h1 { margin: 4px 0; color: #fff; font-size: clamp(2.2rem, 4vw, 3.6rem); letter-spacing: -.055em; line-height: 1; }
.ghw104-checkout-header p { margin: 0; color: var(--ghw-muted); }
.ghw104-checkout-header > a { color: #c8d0da; border: 1px solid var(--ghw-line); border-radius: 11px; padding: 10px 14px; font-weight: 800; }
.ghw104-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 24px; align-items: start; }
.ghw104-checkout-main { display: grid; gap: 18px; }
.ghw104-checkout-card,
.ghw104-summary-card { border: 1px solid var(--ghw-line); border-radius: var(--ghw-radius); background: linear-gradient(150deg, rgba(20,27,38,.98), rgba(12,17,24,.98)); box-shadow: 0 18px 48px rgba(0,0,0,.22); }
.ghw104-checkout-card { padding: 26px; }
.ghw104-card-heading { display: flex; gap: 14px; margin-bottom: 22px; }
.ghw104-card-heading > span { width: 39px; height: 39px; flex: 0 0 39px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,106,0,.12); border: 1px solid rgba(255,106,0,.25); color: #ffad61; font-size: .7rem; font-weight: 950; }
.ghw104-card-heading h2 { margin: 0; color: #fff; font-size: 1.25rem; letter-spacing: -.025em; }
.ghw104-card-heading p { margin: 3px 0 0; color: var(--ghw-muted); font-size: .84rem; }
.ghw104-field-grid { display: grid; gap: 15px; }
.ghw104-field-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ghw104-field-grid .wide { grid-column: 1/-1; }
.ghw104-field-grid small,
.ghw104-notes small { color: #7f8b9b; font-weight: 600; }
.ghw104-choice-grid { display: grid; gap: 13px; }
.ghw104-choice-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ghw104-choice-grid.payments { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ghw104-choice {
    position: relative;
    min-height: 132px;
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 12px;
    padding: 18px;
    border: 1px solid var(--ghw-line);
    border-radius: 15px;
    background: rgba(255,255,255,.035);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.ghw104-choice:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.2); }
.ghw104-choice.is-selected,
.ghw104-choice:has(input:checked) { border-color: rgba(255,106,0,.65); background: rgba(255,106,0,.095); box-shadow: inset 0 0 0 1px rgba(255,106,0,.12); }
.ghw104-choice.disabled { opacity: .48; cursor: not-allowed; filter: grayscale(.25); }
.ghw104-choice.disabled:hover { transform: none; }
.ghw104-choice input { position: absolute; top: 13px; right: 13px; accent-color: var(--ghw-orange); }
.ghw104-choice i { grid-row: 1/3; width: 44px; height: 44px; display: grid; place-items: center; align-self: center; border-radius: 12px; background: rgba(255,255,255,.07); color: #ffad61; font-style: normal; font-weight: 950; }
.ghw104-choice strong { color: #fff; align-self: end; }
.ghw104-choice > span { color: #8f9bac; font-size: .78rem; line-height: 1.35; }
.ghw104-choice em { position: absolute; left: 17px; top: 11px; color: #ffb36c; font-size: .58rem; font-style: normal; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ghw104-choice.payment:has(em) { padding-top: 28px; }
.ghw104-safety-note { padding: 18px; border: 1px solid rgba(85,167,255,.26); border-radius: 14px; background: rgba(85,167,255,.08); }
.ghw104-safety-note strong { color: #dbeaff; }
.ghw104-safety-note p { margin: 5px 0 0; color: #9fb1c8; font-size: .84rem; }
.ghw104-notes { display: block; margin-top: 18px; }
.ghw104-summary { position: sticky; top: 112px; }
.ghw104-summary-card { padding: 22px; }
.ghw104-summary-item { display: grid; grid-template-columns: 90px 1fr; gap: 14px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--ghw-line); }
.ghw104-summary-item img { width: 90px; aspect-ratio: 1; object-fit: cover; border-radius: 13px; background: #090d13; }
.ghw104-summary-item span { color: #ff9c48; font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ghw104-summary-item strong { display: block; color: #fff; margin: 4px 0; line-height: 1.3; }
.ghw104-summary-item small { color: #8f9aaa; }
.ghw104-summary-lines { padding: 18px 0; display: grid; gap: 11px; }
.ghw104-summary-lines > div { display: flex; justify-content: space-between; gap: 20px; color: #aeb7c4; font-size: .86rem; }
.ghw104-summary-lines strong { color: #fff; }
.ghw104-summary-lines .total { margin-top: 5px; padding-top: 15px; border-top: 1px solid var(--ghw-line); color: #fff; font-size: 1rem; }
.ghw104-summary-lines .total strong { font-size: 1.6rem; letter-spacing: -.04em; }
.ghw104-pay-button { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 13px; padding: 0 18px; color: #fff; background: linear-gradient(135deg, var(--ghw-orange), #e93e24); font-weight: 900; cursor: pointer; box-shadow: 0 14px 32px rgba(255,82,0,.22); }
.ghw104-pay-button:hover { filter: brightness(1.06); }
.ghw104-pay-button:disabled { opacity: .55; cursor: progress; }
.ghw104-summary-help { color: #8995a5; font-size: .74rem; text-align: center; line-height: 1.45; }
.ghw104-security-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 13px; padding-top: 15px; border-top: 1px solid var(--ghw-line); color: #768294; font-size: .65rem; }
.ghw104-security-row span::before { content: "✓"; margin-right: 4px; color: var(--ghw-green); }

/* Listing detail compatibility */
.ghw-detail-page,
.ghw-listing-detail,
.ghw10-page { background: transparent; }
.ghw-detail-card,
.ghw10-card,
.ghw10-panel { border-color: var(--ghw-line) !important; background: linear-gradient(150deg, rgba(20,27,38,.98), rgba(12,17,24,.98)) !important; box-shadow: var(--ghw-shadow); border-radius: var(--ghw-radius) !important; }

.ghwV5-footer { border-top: 1px solid var(--ghw-line); background: #070a0e; }
.ghwV5-footerGrid { padding-block: 58px 45px; gap: 34px; }
.ghwV5-footer h4 { color: #fff; }
.ghwV5-footer a { color: #98a4b4; }
.ghwV5-footer a:hover { color: #fff; }
.ghwV5-footerBrand img { width: 205px; height: auto; }
.ghwV5-newsletter form { border: 1px solid var(--ghw-line); border-radius: 12px; background: rgba(255,255,255,.04); }
.ghwV5-newsletter button { background: linear-gradient(135deg, var(--ghw-orange), var(--ghw-red)); }
.ghwV5-footerBottom { border-top-color: var(--ghw-line); color: #788496; }

@media (max-width: 1120px) {
    .ghwV5-logo { flex-basis: 170px; }
    .ghwV5-logo img { width: 170px; }
    .ghwV5-mainNav > a { padding-inline: 8px; font-size: .8rem; }
    .ghwV5-search { width: 180px; }
    .ghw-category-list { grid-template-columns: repeat(5, minmax(100px,1fr)); }
    .ghw104-checkout { grid-template-columns: minmax(0,1fr) 340px; }
}

@media (max-width: 900px) {
    .ghwV5-headerInner { min-height: 72px; }
    .ghwV5-logo img { width: 165px; }
    .ghwV5-menuPanel { background: rgba(10,14,20,.98); border: 1px solid var(--ghw-line); box-shadow: var(--ghw-shadow); }
    .ghwV5-search { width: 100%; }
    .ghw-trust-grid { grid-template-columns: repeat(2,1fr); }
    .ghw-trust-grid article:nth-child(2) { border-right: 0; }
    .ghw-trust-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--ghw-line); }
    .ghw-auction-grid,
    .ghw-page-auction-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .ghw-form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .ghw104-checkout { grid-template-columns: 1fr; }
    .ghw104-summary { position: static; }
    .ghw104-summary-card { max-width: none; }
}

@media (max-width: 680px) {
    .ghwV5-wrap,
    .ghw-wrap { width: min(100% - 24px, 1280px); }
    .ghwV5-topbar { display: none; }
    .ghw-hero-fixed { min-height: 670px; align-items: end; }
    .ghw-hero-fixed-bg { background-image: linear-gradient(0deg, rgba(5,7,10,.98) 0%, rgba(5,7,10,.76) 55%, rgba(5,7,10,.23) 100%), url('../images/ghw-site-assets/02-hero/hero-homepage-mobile.webp'); background-position: center 30%; }
    .ghw-hero-fixed-inner { padding: 250px 0 52px; }
    .ghw-hero-copy h1 span:first-child { font-size: 2rem; }
    .ghw-hero-copy h1 strong { font-size: 4.1rem; }
    .ghw-hero-copy h1 span:last-child { font-size: 1.75rem; }
    .ghw-hero-buttons { display: grid; }
    .ghw-trust-grid { grid-template-columns: 1fr; }
    .ghw-trust-grid article { min-height: 105px; border-right: 0; border-bottom: 1px solid var(--ghw-line); }
    .ghw-category-section,
    .ghw-auction-section { padding-block: 54px; }
    .ghw-category-list { grid-template-columns: repeat(3, minmax(85px,1fr)); gap: 16px 10px; }
    .ghw-auction-heading { align-items: flex-start; flex-direction: column; }
    .ghw-auction-grid,
    .ghw-page-auction-grid { grid-template-columns: 1fr; }
    .ghw-page-hero,
    .ghw-sell-hero { padding-top: 52px; }
    .ghw-sell-hero-card { display: block; }
    .ghw-sell-hero-badge { margin-top: 20px; }
    .ghw-form-section { padding: 20px; }
    .ghw-form-grid,
    .ghw-check-grid,
    .ghw104-field-grid.two,
    .ghw104-choice-grid.two,
    .ghw104-choice-grid.payments { grid-template-columns: 1fr; }
    .ghw-field-wide { grid-column: auto; }
    .ghw104-checkout-shell { padding-top: 20px; }
    .ghw104-checkout-steps { margin-bottom: 28px; }
    .ghw104-checkout-steps span { font-size: .54rem; }
    .ghw104-checkout-steps b { width: 30px; height: 30px; }
    .ghw104-checkout-steps::before { top: 14px; }
    .ghw104-checkout-header { align-items: flex-start; flex-direction: column; }
    .ghw104-checkout-card { padding: 20px; }
    .ghw104-summary-item { grid-template-columns: 75px 1fr; }
    .ghw104-summary-item img { width: 75px; }
    .ghwV5-footerGrid { grid-template-columns: 1fr 1fr; }
    .ghwV5-footerBrand,
    .ghwV5-newsletter { grid-column: 1/-1; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* v104 marketplace filters and card details */
.ghw104-market-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1.8fr) minmax(150px, .8fr) minmax(160px, .8fr) auto auto auto auto;
    gap: 10px;
    align-items: end;
    margin-bottom: 34px;
    padding: 16px;
    border: 1px solid var(--ghw-line);
    border-radius: 16px;
    background: rgba(17,23,34,.92);
    box-shadow: 0 16px 40px rgba(0,0,0,.18);
}
.ghw104-market-filters label > span { display: block; margin: 0 0 6px; color: #8793a4; font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ghw104-market-filters input[type="search"],
.ghw104-market-filters select { width: 100%; height: 45px; border: 1px solid var(--ghw-line); border-radius: 11px; background: #090d13; color: #fff; padding: 0 12px; outline: none; }
.ghw104-market-filters input:focus,
.ghw104-market-filters select:focus { border-color: rgba(255,106,0,.6); box-shadow: 0 0 0 3px rgba(255,106,0,.1); }
.ghw104-filter-check { height: 45px; display: flex !important; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid var(--ghw-line); border-radius: 11px; color: #c7cfda; background: rgba(255,255,255,.035); cursor: pointer; }
.ghw104-filter-check > span { margin: 0 !important; color: inherit !important; text-transform: none !important; letter-spacing: 0 !important; font-size: .75rem !important; }
.ghw104-filter-check input { accent-color: var(--ghw-orange); }
.ghw104-market-filters button { height: 45px; border: 0; border-radius: 11px; padding: 0 16px; background: linear-gradient(135deg, var(--ghw-orange), var(--ghw-red)); color: #fff; font-weight: 900; cursor: pointer; }
.ghw104-market-filters > a { height: 45px; display: grid; place-items: center; color: #aeb8c5; font-size: .76rem; font-weight: 800; }
.ghw104-results-heading > div > p { margin: 5px 0 0; color: var(--ghw-muted); font-size: .85rem; }
.ghw104-card-tags { min-height: 23px; display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
.ghw104-card-tags span { padding: 4px 7px; border: 1px solid var(--ghw-line); border-radius: 999px; background: rgba(255,255,255,.035); color: #aeb8c5; font-size: .61rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.ghw-live.ghw104-sale { background: #206ed8; box-shadow: 0 0 0 4px rgba(32,110,216,.13); }
.ghw-empty-state img { display: block; width: min(320px, 80%); height: auto; margin: 0 auto 16px; border-radius: 16px; }
.ghw-empty-state > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 20px; }

@media (max-width: 1080px) {
    .ghw104-market-filters { grid-template-columns: 2fr 1fr 1fr auto auto; }
    .ghw104-market-filters button { grid-column: span 4; }
}
@media (max-width: 680px) {
    .ghw104-market-filters { grid-template-columns: 1fr 1fr; }
    .ghw104-filter-search { grid-column: 1/-1; }
    .ghw104-market-filters button { grid-column: 1/-1; }
}

/* v104 fulfillment editor refinements */
.ghw104-choice.fulfillment-disabled {
    opacity: .48;
    filter: grayscale(.25);
}
.ghw104-listing-shipping,
[data-listing-pickup-details] {
    padding: 18px;
    border: 1px solid var(--ghw-line);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}
.ghw104-listing-shipping[hidden],
[data-listing-pickup-details][hidden] { display: none !important; }