:root{
  --ghw-bg:#050505;
  --ghw-panel:#0b1016;
  --ghw-panel2:#11171f;
  --ghw-line:#242a31;
  --ghw-red:#f51417;
  --ghw-red2:#b90006;
  --ghw-orange:#ff9d00;
  --ghw-yellow:#ffd44b;
  --ghw-green:#00d96b;
  --ghw-text:#ffffff;
  --ghw-muted:#c3c7ce;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0!important;
  background:#030303!important;
  color:var(--ghw-text)!important;
  font-family:Inter,Arial,sans-serif!important;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:Inter,Arial,sans-serif}
.ghw-wrap{max-width:1180px;margin:0 auto;padding:0 22px}

.ghw-top-strip{height:38px;background:#050505;border-bottom:1px solid #921112;font-size:13px}
.ghw-top-inner,.ghw-nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.ghw-secure-dot{color:#dfe5ee}.ghw-secure-dot:first-letter{color:#f5191c}
.ghw-top-links{display:flex;align-items:center;gap:18px;color:#fff}.ghw-top-links a{font-size:13px}.ghw-social{font-weight:900;font-size:17px;line-height:1}

.ghw-main-header{
  height:91px;background:#070707;border-bottom:3px solid transparent;
  border-image:linear-gradient(90deg,#f41417,#ff9600,#f41417) 1;
  box-shadow:0 5px 25px rgba(255,30,0,.18);
  position:sticky;top:0;z-index:1000;
}
.ghw-nav{gap:18px}.ghw-brand{width:230px;flex:none}.ghw-brand img{width:228px;height:auto;display:block}
.ghw-menu{display:flex;align-items:center;gap:27px;text-transform:uppercase;font-weight:900;font-size:14px;white-space:nowrap}
.ghw-menu a{opacity:.95}.ghw-menu a:hover{color:var(--ghw-yellow)}
.ghw-live-nav span{background:var(--ghw-red);border-radius:3px;padding:4px 7px;margin-left:7px;font-size:10px}
.ghw-header-actions{display:flex;align-items:center;gap:11px;margin-left:auto}.ghw-logout-form{margin:0}
.ghw-search{height:39px;width:205px;border:1px solid #2b3038;border-radius:30px;background:#080b0f;display:flex;align-items:center;padding:0 12px;margin:0}
.ghw-search input{flex:1;background:transparent!important;border:0!important;outline:0!important;color:#fff!important;font-size:13px;min-width:0;padding:0!important;box-shadow:none!important}
.ghw-search button{background:transparent;border:0;color:#b7c0cf;font-size:22px;line-height:1;cursor:pointer}
.ghw-login,.ghw-register{height:42px;display:grid;place-items:center;text-transform:uppercase;font-weight:900;font-size:13px;border-radius:7px;cursor:pointer;font-family:Inter,Arial,sans-serif!important;line-height:1;border:0;text-decoration:none!important}
.ghw-login{width:80px;border:1px solid var(--ghw-orange);background:#080808;color:#fff!important}.ghw-register{width:96px;background:linear-gradient(180deg,#ff2525,#d80005);box-shadow:0 0 22px rgba(255,0,0,.42);color:#fff!important}

.ghw-alert-wrap{margin-top:18px}.ghw-alert{padding:14px 18px;border-radius:8px;font-weight:700}.ghw-alert-success{background:#10391f;border:1px solid #29c263;color:#dfffea}.ghw-alert-error{background:#3b080c;border:1px solid #ed111c;color:#fff}

.ghw-hero-fixed{
  height:392px!important;position:relative;overflow:hidden;background:#030303;
  border-top:3px solid transparent;border-bottom:1px solid #871113;
  border-image:linear-gradient(90deg,#f41417,#ff9600,#f41417) 1;
}
.ghw-hero-fixed-bg{position:absolute;inset:0;background-image:url('/images/ghw/hero-banner-fixed.jpg');background-size:100% 100%;background-repeat:no-repeat;background-position:center center;opacity:1}
.ghw-hero-fixed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.03) 36%,rgba(0,0,0,0) 64%,rgba(0,0,0,.02) 100%);pointer-events:none}
.ghw-hero-fixed-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}.ghw-hero-copy{width:505px;padding-top:0}
.ghw-hero-copy h1{margin:0 0 16px;font-family:"Bebas Neue",Impact,sans-serif;text-transform:uppercase;letter-spacing:.8px;line-height:.92;font-style:italic;text-shadow:4px 4px 0 #1c2b3e,0 0 24px rgba(255,255,255,.18)}
.ghw-hero-copy h1 span{display:block;font-size:64px;color:#fff}.ghw-hero-copy h1 strong{display:block;font-size:64px;background:linear-gradient(#fff083 0%,#ffb000 34%,#ff4800 76%,#c80000 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.ghw-hero-copy p{margin:0 0 22px;font-size:18px;line-height:1.35;max-width:420px;color:#fff}.ghw-hero-buttons{display:flex;gap:16px;margin-bottom:22px}
.ghw-btn{height:51px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;text-transform:uppercase;font-weight:900;font-size:15px;letter-spacing:.2px;text-decoration:none!important}.ghw-btn span{font-size:28px;line-height:1;margin-left:13px}.ghw-primary{background:linear-gradient(180deg,#ff2525,#d40005);box-shadow:0 0 20px rgba(255,0,0,.35);color:#fff!important}.ghw-secondary{background:rgba(0,0,0,.42);border:2px solid var(--ghw-orange);color:#fff!important}.ghw-sell-tag{width:25px;height:25px;border:1px solid #fff;border-radius:4px;display:inline-grid!important;place-items:center;font-size:17px!important;color:#fff;margin-left:10px!important}.ghw-rating{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;color:#fff;font-size:14px}.ghw-rating small{grid-column:1/3;color:#fff;font-size:12px}.ghw-stars{background:#00b369;color:#fff;font-size:13px;letter-spacing:1px;padding:2px 5px;line-height:1}

.ghw-trust-row{background:linear-gradient(180deg,#151a20,#0a0d10);border-top:1px solid #222b34;border-bottom:1px solid #222b34}.ghw-trust-grid{height:88px;display:grid;grid-template-columns:repeat(4,1fr)}.ghw-trust-grid article{display:flex;align-items:center;gap:16px;border-right:1px solid #4c5159;padding:0 18px}.ghw-trust-grid article:last-child{border-right:0}.ghw-trust-icon{font-size:37px;color:var(--ghw-orange);line-height:1;filter:drop-shadow(0 0 6px rgba(255,157,0,.35))}.ghw-trust-grid h3{margin:0 0 4px;text-transform:uppercase;font-size:14px;font-weight:900;color:#fff}.ghw-trust-grid p{margin:0;color:#d5dae1;font-size:13px;line-height:1.28}

.ghw-category-section{padding:25px 0 29px;background:#050505;border-bottom:1px solid #1f242b;background-image:radial-gradient(circle at center,rgba(255,153,0,.08),transparent 38%)}.ghw-section-heading-lines{display:flex;align-items:center;justify-content:center;gap:38px;margin-bottom:25px}.ghw-section-heading-lines span{width:140px;height:2px;background:linear-gradient(90deg,transparent,var(--ghw-red),var(--ghw-orange))}.ghw-section-heading-lines span:last-child{background:linear-gradient(90deg,var(--ghw-orange),var(--ghw-red),transparent)}.ghw-section-heading-lines h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:34px;letter-spacing:2.5px;font-style:italic;margin:0;text-transform:uppercase;text-shadow:3px 3px 0 #182334;color:#fff}.ghw-category-list{display:grid;grid-template-columns:repeat(9,1fr);gap:15px;align-items:start}.ghw-category{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.ghw-category:hover .ghw-circle{transform:translateY(-4px);filter:brightness(1.1)}.ghw-circle{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050505;margin-bottom:12px;box-shadow:0 0 21px rgba(255,153,0,.45),inset 0 0 0 2px #000;transition:.2s ease}.ghw-orange-ring .ghw-circle{border:3px solid var(--ghw-orange)}.ghw-red-ring .ghw-circle{border:3px solid var(--ghw-red);box-shadow:0 0 21px rgba(255,0,0,.42),inset 0 0 0 2px #000}.ghw-circle img{width:100%;height:100%;object-fit:cover;object-position:center}.ghw-category strong{font-size:13px;text-transform:uppercase;font-weight:900;line-height:.96;text-shadow:2px 2px 0 #101820;min-height:34px;display:flex;align-items:flex-start;justify-content:center;color:#fff}

.ghw-auction-section{padding:28px 0 22px;background:#050505}.ghw-auction-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ghw-auction-heading h2{font-family:"Bebas Neue",Impact,sans-serif;font-style:italic;font-size:31px;letter-spacing:1.8px;margin:0;text-transform:uppercase;color:#fff}.ghw-auction-heading h2 span{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--ghw-red);box-shadow:0 0 14px red;margin-right:8px;vertical-align:middle}.ghw-auction-heading a{text-transform:uppercase;font-weight:900;font-size:14px;color:#fff}.ghw-auction-heading a:hover{color:var(--ghw-yellow)}.ghw-auction-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ghw-auction-card{background:#080d12;border:1px solid #30343b;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}.ghw-auction-card:hover{border-color:#f51417;box-shadow:0 0 20px rgba(245,20,23,.22)}.ghw-auction-image{height:137px;position:relative;background:#111;overflow:hidden;display:block}.ghw-auction-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s ease}.ghw-auction-card:hover .ghw-auction-image img{transform:scale(1.05)}.ghw-live{position:absolute;top:8px;left:8px;background:var(--ghw-red);font-size:10px;font-weight:900;border-radius:2px;padding:4px 5px;color:#fff}.ghw-heart{position:absolute;top:6px;right:7px;background:rgba(0,0,0,.35);border:0;color:#fff;font-size:24px;line-height:1}.ghw-auction-body{padding:10px 10px 12px}.ghw-auction-body h3{font-size:12px;line-height:1.23;margin:0 0 12px;min-height:47px;font-weight:800;color:#fff;text-transform:none;font-family:Inter,Arial,sans-serif;letter-spacing:0}.ghw-auction-body h3 a:hover{color:var(--ghw-yellow)}.ghw-auction-body p{margin:0 0 10px;color:#fff;font-size:11px}.ghw-verified{color:#109cff}.ghw-meta{display:flex;align-items:flex-end;justify-content:space-between;color:#fff;font-size:10px;text-transform:uppercase;margin-bottom:3px}.ghw-meta small{color:#aeb5be;font-size:9px}.ghw-price{font-size:18px;font-weight:900;color:var(--ghw-green);line-height:1.1}.ghw-timer{font-weight:900;color:var(--ghw-red);font-size:13px;text-align:center;margin:12px 0}.ghw-place-bid{display:block;height:38px;line-height:38px;text-align:center;border-radius:4px;background:linear-gradient(180deg,#ff2525,#d40005);text-transform:uppercase;font-weight:900;font-size:13px;color:#fff!important}

.ghw-how-section{background:radial-gradient(circle at center,rgba(255,91,0,.18),transparent 45%),linear-gradient(180deg,#b70008,#710004);padding:22px 0 18px;border-top:1px solid #d11a1f;border-bottom:1px solid #d11a1f;overflow:visible}.ghw-how-section h2{text-align:center;text-transform:uppercase;font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:1.2px;font-size:26px;margin:0 0 18px;line-height:1;color:#fff}.ghw-gold{background:linear-gradient(180deg,#ffe26b 0,#ffb200 50%,#ff7b00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ghw-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;overflow:visible;padding-top:22px}.ghw-how-grid article{position:relative;background:linear-gradient(180deg,#100908,#1d0c08);border:2px solid #ff4a0a;border-radius:8px;padding:26px 18px 18px;min-height:122px;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);overflow:visible;box-shadow:inset 0 0 0 1px rgba(255,120,0,.08);margin-top:20px}.ghw-how-icon{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#050505;border:2px solid var(--ghw-orange);font-size:26px;color:var(--ghw-orange);z-index:5;box-shadow:0 0 14px rgba(255,153,0,.38)}.ghw-how-grid b{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--ghw-orange);color:#111;border-radius:50%;font-size:12px;font-weight:900;margin-right:8px;vertical-align:middle}.ghw-how-grid h3{display:inline;text-transform:uppercase;font-size:12px;line-height:1.1;margin:0;font-weight:900;vertical-align:middle;color:#fff}.ghw-how-grid p{font-size:11px;line-height:1.42;color:#fff;margin:10px 0 0 31px;max-width:180px}.ghw-how-grid em{font-style:normal;color:var(--ghw-yellow);font-weight:900}

.ghw-site-footer{background:#050505;padding:20px 0 0;border-top:1px solid #2a2a2a}.ghw-footer-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr .9fr 1.2fr;gap:18px;align-items:start}.ghw-footer-logo{width:180px;display:block;margin-bottom:8px}.ghw-site-footer p{color:#d8d8d8;font-size:12px;line-height:1.35;margin:0 0 10px}.ghw-site-footer h3{text-transform:uppercase;font-size:13px;margin:0 0 10px;font-weight:900;color:#fff}.ghw-site-footer a{display:block;color:#fff;font-size:12px;margin:0 0 6px}.ghw-site-footer a:hover{color:var(--ghw-yellow)}.ghw-footer-social{font-size:16px;letter-spacing:8px;margin-top:6px}.ghw-newsletter input{height:35px;width:100%;background:#080808;border:1px solid #52565c;border-radius:3px;padding:0 10px;color:#fff;margin-bottom:7px;font-size:12px}.ghw-newsletter button{height:35px;width:100%;border:0;border-radius:3px;background:linear-gradient(180deg,#ff2525,#d50005);color:#fff;text-transform:uppercase;font-weight:900;font-size:12px}.ghw-newsletter small{display:block;color:#a5ffb0;font-size:10px;text-align:left;margin-top:6px}.ghw-footer-bottom{margin-top:12px;height:38px;border-top:1px solid #222;display:flex;align-items:center;justify-content:space-between;color:#d9d9d9;font-size:11px;gap:10px}

.ghw-page,.container,.max-w-7xl{color:#fff}.ghw-page{min-height:60vh;padding:40px 0}.ghw-page input,.ghw-page textarea,.ghw-page select,main input,main textarea,main select{color:#111}.ghw-page label,main label{color:inherit}.ghw-page button,main button{cursor:pointer}

@media (max-width:1150px){
  .ghw-wrap{max-width:100%;padding:0 18px}.ghw-menu{gap:17px;font-size:13px}.ghw-search{width:170px}.ghw-auction-grid{grid-template-columns:repeat(3,1fr);gap:14px}.ghw-auction-image{height:180px}.ghw-category-list{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:900px){
  .ghw-main-header{height:auto}.ghw-nav{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.ghw-brand{width:190px}.ghw-brand img{width:180px}.ghw-menu{order:3;width:100%;overflow-x:auto;padding-bottom:4px}.ghw-header-actions{margin-left:0}.ghw-hero-fixed{height:500px!important}.ghw-hero-fixed-bg{background-size:cover;background-position:60% center}.ghw-hero-fixed:after{background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.38) 60%,rgba(0,0,0,.10) 100%)}.ghw-hero-copy h1 span,.ghw-hero-copy h1 strong{font-size:54px}.ghw-trust-grid{height:auto;grid-template-columns:1fr 1fr}.ghw-trust-grid article{padding:22px;border-bottom:1px solid #313841}.ghw-category-list{grid-template-columns:repeat(3,1fr);gap:28px}.ghw-how-grid{grid-template-columns:repeat(2,1fr)}.ghw-how-grid article{clip-path:none}.ghw-footer-grid{grid-template-columns:repeat(2,1fr)}.ghw-footer-bottom{height:auto;padding:14px 0;flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .ghw-top-strip{height:auto;padding:8px 0}.ghw-top-inner{gap:8px;flex-direction:column}.ghw-top-links{gap:10px;flex-wrap:wrap;justify-content:center}.ghw-header-actions{width:100%;display:grid;grid-template-columns:1fr auto auto}.ghw-search{width:auto}.ghw-hero-copy{width:auto}.ghw-hero-copy h1 span,.ghw-hero-copy h1 strong{font-size:43px}.ghw-hero-copy p{font-size:16px}.ghw-hero-buttons{flex-direction:column;align-items:flex-start}.ghw-trust-grid,.ghw-auction-grid,.ghw-how-grid,.ghw-footer-grid{grid-template-columns:1fr}.ghw-category-list{grid-template-columns:repeat(2,1fr)}.ghw-section-heading-lines span{width:70px}.ghw-section-heading-lines h2{font-size:28px}.ghw-auction-heading{align-items:flex-start;gap:8px;flex-direction:column}.ghw-auction-image{height:220px}.ghw-how-grid article{clip-path:none}.ghw-payments{display:none}
}

/* ==========================================================
   GHW sizing/cropping fix - added after original theme patch
   ========================================================== */

/* Stop category images from being chopped off inside circles */
.ghw-circle {
    width: 98px !important;
    height: 98px !important;
}

.ghw-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 7px !important;
    background: #030303 !important;
}

/* Stop auction photos from being chopped off */
.ghw-auction-image {
    height: 190px !important;
    background: #030303 !important;
}

.ghw-auction-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #030303 !important;
    padding: 4px !important;
}

.ghw-auction-card:hover .ghw-auction-image img {
    transform: none !important;
}

/* Better card sizing on pages with only a few listings */
.ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 220px)) !important;
    justify-content: start !important;
    gap: 18px !important;
}

.ghw-auction-card {
    width: 220px !important;
    max-width: 220px !important;
}

.ghw-auction-body h3 {
    font-size: 14px !important;
    min-height: 42px !important;
}

.ghw-auction-body p {
    font-size: 12px !important;
}

.ghw-place-bid {
    height: 43px !important;
    line-height: 43px !important;
}

/* Auction index page */
.ghw-auctions-page {
    background: #050505;
    min-height: 70vh;
    padding: 38px 0 55px;
}

.ghw-auctions-page .ghw-auction-heading {
    margin-bottom: 24px;
}

.ghw-auctions-page .ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 250px)) !important;
    gap: 22px !important;
}

.ghw-auctions-page .ghw-auction-card {
    width: 250px !important;
    max-width: 250px !important;
}

.ghw-auctions-page .ghw-auction-image {
    height: 230px !important;
}

.ghw-auctions-page .ghw-auction-body {
    padding: 14px !important;
}

.ghw-auctions-page .ghw-auction-body h3 {
    font-size: 15px !important;
    min-height: 44px !important;
}

.ghw-page-titlebar {
    background:
        radial-gradient(circle at center, rgba(245,20,23,.16), transparent 35%),
        linear-gradient(180deg, #0c0c0c, #050505);
    border-bottom: 1px solid #242a31;
    padding: 36px 0 28px;
}

.ghw-page-titlebar h1 {
    margin: 0;
    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 48px;
    font-style: italic;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 3px 0 #182334;
}

.ghw-page-titlebar p {
    margin: 8px 0 0;
    color: #c3c7ce;
    font-size: 16px;
}

.ghw-filter-row {
    margin: 24px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.ghw-filter-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ghw-filter-tabs a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    border: 1px solid #30343b;
    border-radius: 6px;
    background: #090d12;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
}

.ghw-filter-tabs a:hover,
.ghw-filter-tabs a.active {
    border-color: #ff9d00;
    color: #ffd44b;
}

.ghw-empty-state {
    border: 1px dashed #30343b;
    border-radius: 10px;
    padding: 45px;
    text-align: center;
    background: #080d12;
}

.ghw-empty-state h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 24px;
}

.ghw-empty-state p {
    margin: 0 0 20px;
    color: #c3c7ce;
}

.ghw-pagination {
    margin-top: 30px;
    color: #fff;
}

.ghw-pagination nav {
    display: flex;
    justify-content: center;
}

/* Prevent top category strip from looking clipped on auction pages */
.ghw-category-section {
    overflow: visible !important;
}

.ghw-category-list {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
}

@media (max-width: 900px) {
    .ghw-auction-grid,
    .ghw-auctions-page .ghw-auction-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    }

    .ghw-auction-card,
    .ghw-auctions-page .ghw-auction-card {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 600px) {
    .ghw-circle {
        width: 92px !important;
        height: 92px !important;
    }

    .ghw-auction-image,
    .ghw-auctions-page .ghw-auction-image {
        height: 240px !important;
    }

    .ghw-page-titlebar h1 {
        font-size: 38px;
    }
}

/* ==========================================================
   GHW sizing/cropping fix - added after original theme patch
   ========================================================== */

/* Stop category images from being chopped off inside circles */
.ghw-circle {
    width: 98px !important;
    height: 98px !important;
}

.ghw-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 7px !important;
    background: #030303 !important;
}

/* Stop auction photos from being chopped off */
.ghw-auction-image {
    height: 190px !important;
    background: #030303 !important;
}

.ghw-auction-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #030303 !important;
    padding: 4px !important;
}

.ghw-auction-card:hover .ghw-auction-image img {
    transform: none !important;
}

/* Better card sizing on pages with only a few listings */
.ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 220px)) !important;
    justify-content: start !important;
    gap: 18px !important;
}

.ghw-auction-card {
    width: 220px !important;
    max-width: 220px !important;
}

.ghw-auction-body h3 {
    font-size: 14px !important;
    min-height: 42px !important;
}

.ghw-auction-body p {
    font-size: 12px !important;
}

.ghw-place-bid {
    height: 43px !important;
    line-height: 43px !important;
}

/* Auction index page */
.ghw-auctions-page {
    background: #050505;
    min-height: 70vh;
    padding: 38px 0 55px;
}

.ghw-auctions-page .ghw-auction-heading {
    margin-bottom: 24px;
}

.ghw-auctions-page .ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 250px)) !important;
    gap: 22px !important;
}

.ghw-auctions-page .ghw-auction-card {
    width: 250px !important;
    max-width: 250px !important;
}

.ghw-auctions-page .ghw-auction-image {
    height: 230px !important;
}

.ghw-auctions-page .ghw-auction-body {
    padding: 14px !important;
}

.ghw-auctions-page .ghw-auction-body h3 {
    font-size: 15px !important;
    min-height: 44px !important;
}

.ghw-page-titlebar {
    background:
        radial-gradient(circle at center, rgba(245,20,23,.16), transparent 35%),
        linear-gradient(180deg, #0c0c0c, #050505);
    border-bottom: 1px solid #242a31;
    padding: 36px 0 28px;
}

.ghw-page-titlebar h1 {
    margin: 0;
    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 48px;
    font-style: italic;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 3px 0 #182334;
}

.ghw-page-titlebar p {
    margin: 8px 0 0;
    color: #c3c7ce;
    font-size: 16px;
}

.ghw-filter-row {
    margin: 24px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.ghw-filter-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ghw-filter-tabs a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    border: 1px solid #30343b;
    border-radius: 6px;
    background: #090d12;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
}

.ghw-filter-tabs a:hover,
.ghw-filter-tabs a.active {
    border-color: #ff9d00;
    color: #ffd44b;
}

.ghw-empty-state {
    border: 1px dashed #30343b;
    border-radius: 10px;
    padding: 45px;
    text-align: center;
    background: #080d12;
}

.ghw-empty-state h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 24px;
}

.ghw-empty-state p {
    margin: 0 0 20px;
    color: #c3c7ce;
}

.ghw-pagination {
    margin-top: 30px;
    color: #fff;
}

.ghw-pagination nav {
    display: flex;
    justify-content: center;
}

/* Prevent top category strip from looking clipped on auction pages */
.ghw-category-section {
    overflow: visible !important;
}

.ghw-category-list {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
}

@media (max-width: 900px) {
    .ghw-auction-grid,
    .ghw-auctions-page .ghw-auction-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    }

    .ghw-auction-card,
    .ghw-auctions-page .ghw-auction-card {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 600px) {
    .ghw-circle {
        width: 92px !important;
        height: 92px !important;
    }

    .ghw-auction-image,
    .ghw-auctions-page .ghw-auction-image {
        height: 240px !important;
    }

    .ghw-page-titlebar h1 {
        font-size: 38px;
    }
}

/* ==========================================================
   GHW sizing/cropping fix - added after original theme patch
   ========================================================== */

/* Stop category images from being chopped off inside circles */
.ghw-circle {
    width: 98px !important;
    height: 98px !important;
}

.ghw-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 7px !important;
    background: #030303 !important;
}

/* Stop auction photos from being chopped off */
.ghw-auction-image {
    height: 190px !important;
    background: #030303 !important;
}

.ghw-auction-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #030303 !important;
    padding: 4px !important;
}

.ghw-auction-card:hover .ghw-auction-image img {
    transform: none !important;
}

/* Better card sizing on pages with only a few listings */
.ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 220px)) !important;
    justify-content: start !important;
    gap: 18px !important;
}

.ghw-auction-card {
    width: 220px !important;
    max-width: 220px !important;
}

.ghw-auction-body h3 {
    font-size: 14px !important;
    min-height: 42px !important;
}

.ghw-auction-body p {
    font-size: 12px !important;
}

.ghw-place-bid {
    height: 43px !important;
    line-height: 43px !important;
}

/* Auction index page */
.ghw-auctions-page {
    background: #050505;
    min-height: 70vh;
    padding: 38px 0 55px;
}

.ghw-auctions-page .ghw-auction-heading {
    margin-bottom: 24px;
}

.ghw-auctions-page .ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 250px)) !important;
    gap: 22px !important;
}

.ghw-auctions-page .ghw-auction-card {
    width: 250px !important;
    max-width: 250px !important;
}

.ghw-auctions-page .ghw-auction-image {
    height: 230px !important;
}

.ghw-auctions-page .ghw-auction-body {
    padding: 14px !important;
}

.ghw-auctions-page .ghw-auction-body h3 {
    font-size: 15px !important;
    min-height: 44px !important;
}

.ghw-page-titlebar {
    background:
        radial-gradient(circle at center, rgba(245,20,23,.16), transparent 35%),
        linear-gradient(180deg, #0c0c0c, #050505);
    border-bottom: 1px solid #242a31;
    padding: 36px 0 28px;
}

.ghw-page-titlebar h1 {
    margin: 0;
    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 48px;
    font-style: italic;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 3px 0 #182334;
}

.ghw-page-titlebar p {
    margin: 8px 0 0;
    color: #c3c7ce;
    font-size: 16px;
}

.ghw-filter-row {
    margin: 24px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.ghw-filter-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ghw-filter-tabs a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    border: 1px solid #30343b;
    border-radius: 6px;
    background: #090d12;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
}

.ghw-filter-tabs a:hover,
.ghw-filter-tabs a.active {
    border-color: #ff9d00;
    color: #ffd44b;
}

.ghw-empty-state {
    border: 1px dashed #30343b;
    border-radius: 10px;
    padding: 45px;
    text-align: center;
    background: #080d12;
}

.ghw-empty-state h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 24px;
}

.ghw-empty-state p {
    margin: 0 0 20px;
    color: #c3c7ce;
}

.ghw-pagination {
    margin-top: 30px;
    color: #fff;
}

.ghw-pagination nav {
    display: flex;
    justify-content: center;
}

/* Prevent top category strip from looking clipped on auction pages */
.ghw-category-section {
    overflow: visible !important;
}

.ghw-category-list {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
}

@media (max-width: 900px) {
    .ghw-auction-grid,
    .ghw-auctions-page .ghw-auction-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    }

    .ghw-auction-card,
    .ghw-auctions-page .ghw-auction-card {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 600px) {
    .ghw-circle {
        width: 92px !important;
        height: 92px !important;
    }

    .ghw-auction-image,
    .ghw-auctions-page .ghw-auction-image {
        height: 240px !important;
    }

    .ghw-page-titlebar h1 {
        font-size: 38px;
    }
}

/* ==========================================================
   GHW sizing/cropping fix - added after original theme patch
   ========================================================== */

/* Stop category images from being chopped off inside circles */
.ghw-circle {
    width: 98px !important;
    height: 98px !important;
}

.ghw-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 7px !important;
    background: #030303 !important;
}

/* Stop auction photos from being chopped off */
.ghw-auction-image {
    height: 190px !important;
    background: #030303 !important;
}

.ghw-auction-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #030303 !important;
    padding: 4px !important;
}

.ghw-auction-card:hover .ghw-auction-image img {
    transform: none !important;
}

/* Better card sizing on pages with only a few listings */
.ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 220px)) !important;
    justify-content: start !important;
    gap: 18px !important;
}

.ghw-auction-card {
    width: 220px !important;
    max-width: 220px !important;
}

.ghw-auction-body h3 {
    font-size: 14px !important;
    min-height: 42px !important;
}

.ghw-auction-body p {
    font-size: 12px !important;
}

.ghw-place-bid {
    height: 43px !important;
    line-height: 43px !important;
}

/* Auction index page */
.ghw-auctions-page {
    background: #050505;
    min-height: 70vh;
    padding: 38px 0 55px;
}

.ghw-auctions-page .ghw-auction-heading {
    margin-bottom: 24px;
}

.ghw-auctions-page .ghw-auction-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 250px)) !important;
    gap: 22px !important;
}

.ghw-auctions-page .ghw-auction-card {
    width: 250px !important;
    max-width: 250px !important;
}

.ghw-auctions-page .ghw-auction-image {
    height: 230px !important;
}

.ghw-auctions-page .ghw-auction-body {
    padding: 14px !important;
}

.ghw-auctions-page .ghw-auction-body h3 {
    font-size: 15px !important;
    min-height: 44px !important;
}

.ghw-page-titlebar {
    background:
        radial-gradient(circle at center, rgba(245,20,23,.16), transparent 35%),
        linear-gradient(180deg, #0c0c0c, #050505);
    border-bottom: 1px solid #242a31;
    padding: 36px 0 28px;
}

.ghw-page-titlebar h1 {
    margin: 0;
    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 48px;
    font-style: italic;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 3px 3px 0 #182334;
}

.ghw-page-titlebar p {
    margin: 8px 0 0;
    color: #c3c7ce;
    font-size: 16px;
}

.ghw-filter-row {
    margin: 24px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.ghw-filter-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ghw-filter-tabs a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    border: 1px solid #30343b;
    border-radius: 6px;
    background: #090d12;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
}

.ghw-filter-tabs a:hover,
.ghw-filter-tabs a.active {
    border-color: #ff9d00;
    color: #ffd44b;
}

.ghw-empty-state {
    border: 1px dashed #30343b;
    border-radius: 10px;
    padding: 45px;
    text-align: center;
    background: #080d12;
}

.ghw-empty-state h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 24px;
}

.ghw-empty-state p {
    margin: 0 0 20px;
    color: #c3c7ce;
}

.ghw-pagination {
    margin-top: 30px;
    color: #fff;
}

.ghw-pagination nav {
    display: flex;
    justify-content: center;
}

/* Prevent top category strip from looking clipped on auction pages */
.ghw-category-section {
    overflow: visible !important;
}

.ghw-category-list {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
}

@media (max-width: 900px) {
    .ghw-auction-grid,
    .ghw-auctions-page .ghw-auction-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    }

    .ghw-auction-card,
    .ghw-auctions-page .ghw-auction-card {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 600px) {
    .ghw-circle {
        width: 92px !important;
        height: 92px !important;
    }

    .ghw-auction-image,
    .ghw-auctions-page .ghw-auction-image {
        height: 240px !important;
    }

    .ghw-page-titlebar h1 {
        font-size: 38px;
    }
}

/* ==========================================================
   GHW final cleanup: hero button, rating row, how cards overflow
   ========================================================== */

html,
body {
    max-width: 100%;
    overflow-x: hidden !important;
}

/* Hero button cleanup */
.ghw-hero-buttons {
    align-items: center !important;
    gap: 14px !important;
}

.ghw-hero-buttons .ghw-btn {
    height: 52px !important;
    min-width: 210px !important;
    padding: 0 22px !important;
    gap: 12px !important;
    white-space: nowrap !important;
}

.ghw-hero-buttons .ghw-btn span:not(.ghw-sell-tag) {
    margin-left: 4px !important;
}

.ghw-sell-tag {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    margin-left: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 15px !important;
    border-radius: 5px !important;
    transform: translateY(0) !important;
}

/* Trustpilot row alignment */
.ghw-rating {
    margin-top: 20px !important;
    display: grid !important;
    grid-template-columns: 215px auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
}

.ghw-stars {
    width: 215px !important;
    min-height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: 7px !important;
    padding: 2px 4px !important;
    overflow: hidden !important;
}

.ghw-rating > span:nth-child(2) {
    white-space: nowrap !important;
    font-weight: 800 !important;
}

.ghw-rating small {
    grid-column: 1 / -1 !important;
    font-size: 12px !important;
    margin-top: 0 !important;
}

/* How It Works cleanup */
.ghw-how-section {
    padding: 34px 0 44px !important;
    overflow: hidden !important;
    position: relative !important;
}

.ghw-how-section .ghw-wrap {
    overflow: visible !important;
}

.ghw-how-section h2 {
    margin-bottom: 34px !important;
    line-height: 1.12 !important;
}

.ghw-how-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    padding-top: 20px !important;
    overflow: visible !important;
}

.ghw-how-grid article {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 142px !important;
    margin: 0 !important;
    padding: 34px 20px 20px !important;
    clip-path: none !important;
    border-radius: 10px !important;
    overflow: visible !important;
    background:
        linear-gradient(180deg, rgba(22, 9, 7, .96), rgba(10, 5, 4, .98)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 120, 0, .08),
        0 12px 26px rgba(0,0,0,.25) !important;
}

/* Add a clean internal arrow shape without causing page overflow */
.ghw-how-grid article::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    width: 42px;
    height: 100%;
    background: linear-gradient(180deg, rgba(22, 9, 7, .96), rgba(10, 5, 4, .98));
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    transform: translateX(38%);
    pointer-events: none;
    z-index: 1;
}

.ghw-how-grid article:last-child::after {
    display: none;
}

.ghw-how-grid article > * {
    position: relative;
    z-index: 2;
}

.ghw-how-icon {
    top: -30px !important;
    width: 62px !important;
    height: 62px !important;
}

.ghw-how-grid h3 {
    font-size: 13px !important;
    line-height: 1.15 !important;
}

.ghw-how-grid p {
    margin: 12px 0 0 31px !important;
    max-width: none !important;
    font-size: 12px !important;
    line-height: 1.38 !important;
}

/* Give the footer room so it no longer looks tucked/cut under the red section */
.ghw-site-footer {
    clear: both !important;
    padding-top: 32px !important;
}

/* Button on right side of how section should never show as clipped page overflow */
.ghw-how-section + .ghw-site-footer {
    position: relative !important;
    z-index: 2 !important;
}

/* Tablet/mobile cleanup */
@media (max-width: 1100px) {
    .ghw-how-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px 20px !important;
    }

    .ghw-how-grid article:nth-child(2)::after,
    .ghw-how-grid article:last-child::after {
        display: none;
    }
}

@media (max-width: 700px) {
    .ghw-hero-buttons {
        align-items: flex-start !important;
    }

    .ghw-hero-buttons .ghw-btn {
        min-width: 230px !important;
    }

    .ghw-rating {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 260px !important;
    }

    .ghw-stars {
        width: 100% !important;
    }

    .ghw-rating > span:nth-child(2),
    .ghw-rating small {
        grid-column: 1 !important;
    }

    .ghw-how-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .ghw-how-grid article::after {
        display: none !important;
    }
}

/* ==========================================================
   GHW Seller Listing Management v1
   ========================================================== */
.ghw-seller-titlebar {
    background:
        radial-gradient(circle at 22% 0%, rgba(237, 17, 28, .24), transparent 34rem),
        radial-gradient(circle at 82% 0%, rgba(255, 157, 0, .14), transparent 30rem),
        linear-gradient(180deg, #111318, #050505) !important;
}

.ghw-seller-page {
    min-height: 64vh;
    padding: 36px 0 58px;
    background: #050505;
}

.ghw-seller-actions-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.ghw-seller-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: 12px;
    max-width: 620px;
    width: 100%;
}

.ghw-seller-stats a {
    display: grid;
    gap: 3px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: linear-gradient(180deg, #111821, #090c10);
    color: #fff;
    text-decoration: none;
}

.ghw-seller-stats a.active,
.ghw-seller-stats a:hover {
    border-color: #ff9d00;
    box-shadow: 0 0 22px rgba(255, 157, 0, .16);
}

.ghw-seller-stats strong {
    color: #ffd000;
    font-size: 26px;
    line-height: 1;
}

.ghw-seller-stats span {
    color: #c3c7ce;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
}

.ghw-seller-listings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}

.ghw-seller-card {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, #141922, #080b10);
    box-shadow: 0 18px 38px rgba(0,0,0,.35);
}

.ghw-seller-card-image {
    position: relative;
    height: 220px;
    background: #030303;
    display: grid;
    place-items: center;
}

.ghw-seller-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px;
}

.ghw-seller-status {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 6px 9px;
    border-radius: 5px;
    color: #fff;
    background: #ed111c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .05em;
}

.ghw-status-sold { background: #12a150; }
.ghw-status-closed { background: #7c8491; }
.ghw-status-archived { background: #7c8491; }

.ghw-seller-card-body {
    padding: 16px;
}

.ghw-seller-card-body h2 {
    min-height: 46px;
    margin: 0 0 12px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 18px;
    line-height: 1.25;
    text-transform: none;
    letter-spacing: 0;
}

.ghw-seller-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0 14px;
    color: #c3c7ce;
    font-size: 13px;
}

.ghw-seller-card-meta strong {
    color: #36e879;
}

.ghw-seller-card-actions,
.ghw-detail-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}

.ghw-seller-card-actions a,
.ghw-detail-actions a {
    min-height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 7px;
    background: #090d12;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.ghw-seller-card-actions a:hover,
.ghw-detail-actions a:hover {
    border-color: #ff9d00;
    color: #ffd000;
}

.ghw-seller-card-forms,
.ghw-detail-forms {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.ghw-seller-card-forms form,
.ghw-detail-forms form {
    margin: 0;
}

.ghw-seller-card-forms button,
.ghw-detail-forms button,
.ghw-form-actions button {
    width: 100%;
    min-height: 42px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(180deg, #ff2630, #c90610);
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.ghw-seller-card-forms button.sold,
.ghw-detail-forms button.sold {
    background: linear-gradient(180deg, #21c766, #0b873e);
}

.ghw-seller-form-card,
.ghw-seller-detail-card,
.ghw-bids-panel {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 12px;
    background: linear-gradient(180deg, #121821, #080b10);
    padding: 22px;
    box-shadow: 0 18px 38px rgba(0,0,0,.3);
}

.ghw-form-error {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(237,17,28,.6);
    border-radius: 9px;
    background: rgba(237,17,28,.12);
    color: #fff;
}

.ghw-form-error ul {
    margin: 8px 0 0;
}

.ghw-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ghw-field {
    display: grid;
    gap: 7px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
}

.ghw-field-full {
    grid-column: 1 / -1;
}

.ghw-field input,
.ghw-field select,
.ghw-field textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background: #06090d;
    color: #fff;
    padding: 12px 13px;
    font: inherit;
    text-transform: none;
    font-weight: 500;
}

.ghw-field textarea {
    min-height: 140px;
}

.ghw-field small {
    color: #aeb6c2;
    text-transform: none;
    font-weight: 600;
}

.ghw-form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.ghw-form-actions a {
    color: #c3c7ce;
    font-weight: 900;
    text-transform: uppercase;
}

.ghw-form-actions button {
    width: auto;
    min-width: 160px;
    padding: 0 22px;
}

.ghw-seller-detail-layout {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 22px;
    align-items: start;
}

.ghw-seller-detail-card h2,
.ghw-bids-panel h2 {
    margin: 0 0 16px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', system-ui, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ghw-high-bid-box {
    margin: 18px 0;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid rgba(54,232,121,.4);
    background: rgba(54,232,121,.08);
}

.ghw-high-bid-box span,
.ghw-high-bid-box small {
    display: block;
    color: #c3c7ce;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
}

.ghw-high-bid-box strong {
    display: block;
    color: #36e879;
    font-size: 30px;
    line-height: 1.1;
}

.ghw-high-bid-box.muted {
    border-color: rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
}

.ghw-high-bid-box.muted strong {
    color: #fff;
    font-size: 20px;
}

.ghw-detail-actions,
.ghw-detail-forms {
    grid-template-columns: 1fr;
}

.ghw-bids-table-wrap {
    overflow-x: auto;
}

.ghw-bids-table {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

.ghw-bids-table th,
.ghw-bids-table td {
    padding: 13px 12px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-align: left;
}

.ghw-bids-table th {
    color: #ffd000;
    text-transform: uppercase;
    font-size: 12px;
}

.ghw-bids-table td strong {
    color: #36e879;
}

@media (max-width: 900px) {
    .ghw-seller-stats,
    .ghw-form-grid,
    .ghw-seller-detail-layout {
        grid-template-columns: 1fr;
    }

    .ghw-seller-card-actions,
    .ghw-seller-card-forms {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   GHW Sell/Create Listing Page Full UI
   ========================================================== */

.ghw-sell-hero {
    background:
        linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.74)),
        radial-gradient(circle at 75% 20%, rgba(237,17,28,.22), transparent 32rem),
        #050505;
    border-bottom: 1px solid rgba(255,157,0,.35);
    padding: 42px 0;
}

.ghw-sell-hero-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    padding: 30px;
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255,157,0,.12), transparent 28rem),
        linear-gradient(180deg, rgba(18,23,32,.94), rgba(7,9,13,.96));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 20px 50px rgba(0,0,0,.45);
}

.ghw-sell-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(237,17,28,.18);
    border: 1px solid rgba(237,17,28,.55);
    color: #ffd45a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ghw-sell-hero h1 {
    margin: 0;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: clamp(42px, 5vw, 68px);
    font-style: italic;
    line-height: .95;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-shadow: 4px 4px 0 #000;
}

.ghw-sell-hero p {
    max-width: 690px;
    margin: 14px 0 0;
    color: #dce4ee;
    font-size: 18px;
    line-height: 1.45;
}

.ghw-sell-hero-badge {
    width: min(320px, 100%);
    padding: 20px;
    border-radius: 14px;
    background: rgba(0,0,0,.32);
    border: 1px solid rgba(255,157,0,.35);
}

.ghw-sell-hero-badge strong {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.ghw-sell-hero-badge span {
    color: #c4ccd8;
    font-size: 14px;
    line-height: 1.45;
}

.ghw-sell-page {
    background:
        radial-gradient(circle at top center, rgba(237,17,28,.12), transparent 34rem),
        #050505;
    padding: 44px 0 70px;
}

.ghw-form-errors {
    margin-bottom: 24px;
    padding: 18px 20px;
    border-radius: 12px;
    border: 1px solid rgba(255,72,82,.6);
    background: rgba(92,7,14,.55);
    color: #fff;
}

.ghw-form-errors strong {
    display: block;
    margin-bottom: 8px;
}

.ghw-form-errors ul {
    margin: 0;
    padding-left: 20px;
}

.ghw-sell-form {
    display: grid;
    gap: 26px;
}

.ghw-form-section {
    padding: 28px;
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255,157,0,.09), transparent 24rem),
        linear-gradient(180deg, #121821, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 44px rgba(0,0,0,.42);
}

.ghw-form-section-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.ghw-form-section-title > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffbf22, #ff8a00);
    color: #050505;
    font-weight: 1000;
    box-shadow: 0 0 22px rgba(255,157,0,.25);
}

.ghw-form-section-title h2 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ghw-form-section-title p {
    margin: 4px 0 0;
    color: #aeb8c6;
    font-size: 14px;
}

.ghw-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ghw-field {
    display: grid;
    gap: 8px;
}

.ghw-field-wide {
    grid-column: 1 / -1;
}

.ghw-field label {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ghw-field label span {
    color: #ff3944;
}

.ghw-field input,
.ghw-field select,
.ghw-field textarea {
    width: 100%;
    min-height: 50px;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 10px;
    background: #05080d;
    color: #fff;
    padding: 12px 14px;
    font-size: 15px;
    outline: none;
}

.ghw-field textarea {
    min-height: 150px;
    resize: vertical;
}

.ghw-field input:focus,
.ghw-field select:focus,
.ghw-field textarea:focus {
    border-color: #ff9d00;
    box-shadow: 0 0 20px rgba(255,157,0,.16);
}

.ghw-field select option {
    background: #05080d;
    color: #fff;
}

.ghw-field small {
    color: #aeb8c6;
}

.ghw-field input[type="file"] {
    padding: 10px;
}

.ghw-field input[type="file"]::file-selector-button {
    margin-right: 14px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #ff2630, #c90610);
    color: #fff;
    padding: 10px 16px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.ghw-check-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.ghw-check-card {
    position: relative;
    display: grid;
    gap: 8px;
    min-height: 112px;
    padding: 18px;
    border-radius: 14px;
    background: rgba(0,0,0,.28);
    border: 1px solid rgba(255,255,255,.13);
    color: #fff;
    cursor: pointer;
}

.ghw-check-card:hover {
    border-color: rgba(255,157,0,.6);
}

.ghw-check-card input {
    position: absolute;
    top: 14px;
    right: 14px;
    transform: scale(1.15);
}

.ghw-check-card span {
    font-size: 28px;
}

.ghw-check-card strong {
    font-size: 14px;
    line-height: 1.25;
    text-transform: uppercase;
}

.ghw-pickup-grid {
    margin-top: 10px;
}

.ghw-form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}

.ghw-form-actions button,
.ghw-form-cancel {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 28px;
    border-radius: 9px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 18px;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 900;
    cursor: pointer;
}

.ghw-form-actions button {
    border: 0;
    background: linear-gradient(180deg, #ff2630, #c90610);
    color: #fff;
    box-shadow: 0 0 26px rgba(237,17,28,.42);
}

.ghw-form-cancel {
    border: 1px solid rgba(255,157,0,.55);
    color: #fff;
    background: rgba(0,0,0,.24);
}

.ghw-form-actions button:hover,
.ghw-form-cancel:hover {
    transform: translateY(-1px);
}

@media (max-width: 900px) {
    .ghw-sell-hero-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .ghw-form-grid,
    .ghw-check-grid {
        grid-template-columns: 1fr;
    }

    .ghw-form-actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .ghw-form-actions button,
    .ghw-form-cancel {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .ghw-sell-hero,
    .ghw-sell-page {
        padding-left: 0;
        padding-right: 0;
    }

    .ghw-form-section {
        padding: 20px;
    }
}

/* ==========================================================
   GHW Admin Management v1
   ========================================================== */

.ghw-admin-hero {
    background:
        linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.76)),
        radial-gradient(circle at 78% 20%, rgba(237,17,28,.24), transparent 34rem),
        radial-gradient(circle at 20% 10%, rgba(255,157,0,.12), transparent 30rem),
        #050505;
    border-bottom: 1px solid rgba(255,157,0,.35);
    padding: 48px 0;
}

.ghw-admin-hero.compact {
    padding: 36px 0;
}

.ghw-admin-kicker {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(237,17,28,.18);
    border: 1px solid rgba(237,17,28,.55);
    color: #ffd45a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ghw-admin-hero h1 {
    margin: 0;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: clamp(42px, 5vw, 70px);
    font-style: italic;
    line-height: .95;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-shadow: 4px 4px 0 #000;
}

.ghw-admin-hero p {
    margin: 14px 0 0;
    max-width: 780px;
    color: #dce4ee;
    font-size: 18px;
    line-height: 1.45;
}

.ghw-admin-page {
    min-height: 70vh;
    background:
        radial-gradient(circle at top center, rgba(237,17,28,.12), transparent 35rem),
        #050505;
    padding: 38px 0 70px;
}

.ghw-admin-actions-top {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 26px;
}

.ghw-admin-actions-top a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 8px;
    background: linear-gradient(180deg, #141a23, #080c12);
    border: 1px solid rgba(255,255,255,.14);
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 13px;
}

.ghw-admin-actions-top a:hover {
    border-color: #ff9d00;
    color: #ffd45a;
}

.ghw-admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.ghw-admin-stat {
    padding: 20px;
    border-radius: 14px;
    background:
        radial-gradient(circle at top left, rgba(255,157,0,.09), transparent 18rem),
        linear-gradient(180deg, #121821, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 38px rgba(0,0,0,.34);
}

.ghw-admin-stat span {
    display: block;
    margin-bottom: 10px;
    color: #aeb8c6;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
}

.ghw-admin-stat strong {
    display: block;
    color: #fff;
    font-size: 34px;
    line-height: 1;
}

.ghw-admin-two-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.ghw-admin-panel,
.ghw-admin-table-card {
    border-radius: 16px;
    background:
        radial-gradient(circle at top left, rgba(255,157,0,.08), transparent 24rem),
        linear-gradient(180deg, #121821, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 44px rgba(0,0,0,.42);
    overflow: hidden;
}

.ghw-admin-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.ghw-admin-panel-head h2 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ghw-admin-panel-head a {
    color: #ffd45a;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
}

.ghw-admin-mini-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.ghw-admin-mini-row:last-child {
    border-bottom: 0;
}

.ghw-admin-mini-row strong {
    display: block;
    color: #fff;
    margin-bottom: 4px;
}

.ghw-admin-mini-row span {
    display: block;
    color: #aeb8c6;
    font-size: 13px;
}

.ghw-admin-mini-row a {
    color: #fff;
    background: #ed111c;
    padding: 8px 12px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.ghw-admin-filter {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 180px 180px auto auto;
    gap: 12px;
    margin-bottom: 22px;
    padding: 18px;
    border-radius: 14px;
    background: #080c12;
    border: 1px solid rgba(255,255,255,.1);
}

.ghw-admin-filter input,
.ghw-admin-filter select {
    min-height: 44px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.16);
    background: #05080d;
    color: #fff;
    padding: 0 12px;
}

.ghw-admin-filter button,
.ghw-admin-filter a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 0;
    padding: 0 16px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.ghw-admin-filter button {
    background: linear-gradient(180deg, #ff2630, #c90610);
}

.ghw-admin-filter a {
    background: #151b24;
    border: 1px solid rgba(255,255,255,.14);
}

.ghw-admin-table-card {
    overflow-x: auto;
}

.ghw-admin-table {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

.ghw-admin-table th,
.ghw-admin-table td {
    padding: 16px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.ghw-admin-table th {
    color: #ffd45a;
    background: rgba(0,0,0,.24);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ghw-admin-table td strong {
    display: block;
    color: #fff;
    margin-bottom: 5px;
}

.ghw-admin-table td span,
.ghw-admin-table td em {
    display: block;
    color: #aeb8c6;
    font-size: 12px;
    font-style: normal;
    line-height: 1.35;
}

.ghw-admin-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 900;
    text-transform: uppercase;
    background: #303846;
}

.ghw-admin-badge.active {
    background: #0b8e43;
}

.ghw-admin-badge.closed {
    background: #a56a00;
}

.ghw-admin-badge.sold {
    background: #245bff;
}

.ghw-admin-badge.hidden {
    background: #ed111c;
}

.ghw-green {
    color: #36e879 !important;
}

.ghw-admin-button-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 10px;
}

.ghw-admin-button-stack.horizontal {
    margin-bottom: 0;
}

.ghw-admin-button-stack a,
.ghw-admin-button-stack button,
.ghw-admin-notes-form button {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.14);
    background: #151b24;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.ghw-admin-button-stack a:hover,
.ghw-admin-button-stack button:hover,
.ghw-admin-notes-form button:hover {
    border-color: #ff9d00;
    color: #ffd45a;
}

.ghw-admin-button-stack button.danger {
    background: #45070b;
    border-color: rgba(237,17,28,.6);
}

.ghw-admin-notes-form {
    display: grid;
    gap: 7px;
    max-width: 280px;
}

.ghw-admin-notes-form textarea {
    width: 100%;
    min-height: 58px;
    resize: vertical;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.14);
    background: #05080d;
    color: #fff;
    padding: 9px;
    font-size: 12px;
}

.ghw-admin-empty {
    color: #aeb8c6;
    padding: 22px;
    text-align: center;
}

.ghw-admin-pagination {
    margin-top: 24px;
    color: #fff;
}

.ghw-admin-pagination nav {
    display: flex;
    justify-content: center;
}

@media (max-width: 1200px) {
    .ghw-admin-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ghw-admin-filter {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 850px) {
    .ghw-admin-two-col,
    .ghw-admin-stat-grid,
    .ghw-admin-filter {
        grid-template-columns: 1fr;
    }

    .ghw-admin-table,
    .ghw-admin-table thead,
    .ghw-admin-table tbody,
    .ghw-admin-table th,
    .ghw-admin-table td,
    .ghw-admin-table tr {
        display: block;
    }

    .ghw-admin-table thead {
        display: none;
    }

    .ghw-admin-table tr {
        border-bottom: 1px solid rgba(255,255,255,.12);
        padding: 12px;
    }

    .ghw-admin-table td {
        border-bottom: 0;
        padding: 8px 4px;
    }

    .ghw-admin-table td::before {
        content: attr(data-label);
        display: block;
        color: #ffd45a;
        font-size: 11px;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
}

/* GHW branded content/help pages */
.ghw-content-hero {
    padding: 58px 0 42px;
    background:
        linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.72)),
        radial-gradient(circle at 75% 20%, rgba(237,17,28,.22), transparent 34rem),
        #050505;
    border-bottom: 1px solid rgba(255,157,0,.35);
}

.ghw-content-kicker {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(237,17,28,.18);
    border: 1px solid rgba(237,17,28,.55);
    color: #ffd45a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ghw-content-hero h1 {
    margin: 0;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: clamp(42px, 5vw, 68px);
    font-style: italic;
    line-height: .95;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-shadow: 4px 4px 0 #000;
}

.ghw-content-hero p {
    max-width: 850px;
    margin: 14px 0 0;
    color: #dce4ee;
    font-size: 18px;
    line-height: 1.5;
}

.ghw-content-page {
    padding: 42px 0 70px;
    background:
        radial-gradient(circle at top center, rgba(237,17,28,.10), transparent 34rem),
        #050505;
}

.ghw-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
    align-items: start;
}

.ghw-content-card,
.ghw-content-side {
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(255,157,0,.09), transparent 24rem),
        linear-gradient(180deg, #121821, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 44px rgba(0,0,0,.42);
}

.ghw-content-card {
    padding: 30px;
}

.ghw-info-block + .ghw-info-block {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.1);
}

.ghw-info-block h2,
.ghw-content-side h3 {
    margin: 0 0 12px;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ghw-info-block p {
    margin: 0 0 12px;
    color: #dce4ee;
    font-size: 16px;
    line-height: 1.65;
}

.ghw-content-side {
    padding: 22px;
    position: sticky;
    top: 130px;
}

.ghw-content-side a {
    display: block;
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.08);
    font-weight: 800;
}

.ghw-content-side a:hover {
    color: #ff9d00;
}

@media (max-width: 900px) {
    .ghw-content-grid {
        grid-template-columns: 1fr;
    }

    .ghw-content-side {
        position: static;
    }
}

/* ==========================================================
   GHW Launch Routes Hotfix v2 - search/watchlist/admin polish
   ========================================================== */
.ghw-hotfix-hero {
    padding: 56px 0 42px;
    background:
        linear-gradient(90deg, rgba(0,0,0,.97), rgba(0,0,0,.74)),
        radial-gradient(circle at 78% 18%, rgba(237,17,28,.22), transparent 34rem),
        #050505;
    border-bottom: 1px solid rgba(255,157,0,.35);
}
.ghw-hotfix-hero span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(237,17,28,.18);
    border: 1px solid rgba(237,17,28,.55);
    color: #ffd45a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.ghw-hotfix-hero h1 {
    margin: 0;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: clamp(42px, 5vw, 68px);
    font-style: italic;
    line-height: .95;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-shadow: 4px 4px 0 #000;
}
.ghw-hotfix-hero p {
    max-width: 850px;
    margin: 14px 0 0;
    color: #dce4ee;
    font-size: 18px;
    line-height: 1.5;
}
.ghw-hotfix-page {
    min-height: 60vh;
    padding: 42px 0 70px;
    background:
        radial-gradient(circle at top center, rgba(237,17,28,.10), transparent 34rem),
        #050505;
}
.ghw-search-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px 150px;
    gap: 12px;
    margin-bottom: 28px;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(180deg, #121821, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 44px rgba(0,0,0,.42);
}
.ghw-search-panel input,
.ghw-search-panel select {
    height: 50px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.17);
    background: #05080d;
    color: #fff;
    padding: 0 14px;
}
.ghw-search-panel button,
.ghw-hotfix-empty a,
.ghw-card-actions a,
.ghw-card-actions button {
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #ff2630, #c90610);
    color: #fff;
    padding: 0 16px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ghw-hotfix-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 20px;
}
.ghw-hotfix-title-row h2 {
    margin: 0;
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ghw-hotfix-title-row a {
    color: #ffd45a;
    font-weight: 900;
    text-transform: uppercase;
}
.ghw-hotfix-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}
.ghw-hotfix-card {
    overflow: hidden;
    border-radius: 14px;
    background: linear-gradient(180deg, #141922, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 44px rgba(0,0,0,.42);
}
.ghw-hotfix-card-img {
    position: relative;
    display: block;
    height: 220px;
    background: #020304;
}
.ghw-hotfix-card-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
}
.ghw-hotfix-card-img b {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ed111c;
    color: #fff;
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 11px;
}
.ghw-hotfix-img-placeholder {
    height: 100%;
    display: grid;
    place-items: center;
    color: #ffd45a;
    font-family: Impact, Haettenschweiler, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
}
.ghw-hotfix-card-body {
    padding: 16px;
}
.ghw-hotfix-card-body h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 18px;
}
.ghw-hotfix-card-body p {
    min-height: 22px;
    margin: 0 0 12px;
    color: #aeb8c6;
}
.ghw-hotfix-card-body strong {
    display: block;
    color: #35e879;
    font-size: 22px;
    margin-bottom: 12px;
}
.ghw-card-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.ghw-card-actions button {
    background: transparent;
    border: 1px solid rgba(255,157,0,.55);
}
.ghw-hotfix-empty,
.ghw-hotfix-alert {
    padding: 30px;
    border-radius: 16px;
    background: linear-gradient(180deg, #121821, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    text-align: center;
}
.ghw-hotfix-alert {
    margin-bottom: 20px;
    border-color: rgba(44,214,110,.55);
    background: rgba(14,66,35,.65);
}
.ghw-admin-hotfix-table {
    overflow-x: auto;
    border-radius: 16px;
    background: linear-gradient(180deg, #121821, #080b10);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 44px rgba(0,0,0,.42);
}
.ghw-admin-hotfix-table table {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}
.ghw-admin-hotfix-table th,
.ghw-admin-hotfix-table td {
    padding: 14px;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.09);
    vertical-align: top;
}
.ghw-admin-hotfix-table th {
    color: #ffd45a;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.ghw-admin-hotfix-table small {
    color: #aeb8c6;
}
.ghw-admin-hotfix-table span {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(255,157,0,.14);
    border: 1px solid rgba(255,157,0,.35);
    color: #ffd45a;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
}
@media (max-width: 800px) {
    .ghw-search-panel {
        grid-template-columns: 1fr;
    }
    .ghw-hotfix-title-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* GHW blinking LIVE badges */
@keyframes ghwLivePulse {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 rgba(255, 0, 0, 0);
    }
    50% {
        opacity: .45;
        box-shadow: 0 0 18px rgba(255, 0, 0, .95);
    }
}

.ghw-live,
.ghw-card-live,
.ghw-live-badge,
.ghw-live-pill,
.ghw-nav-live,
.live,
.badge-live {
    animation: ghwLivePulse 1.05s infinite ease-in-out !important;
}

.ghw-live-dot {
    animation: ghwLivePulse .9s infinite ease-in-out !important;
}

/* ==========================================================
   GHW Homepage polish pass
   Fix hero buttons, featured auction spacing, sections
   ========================================================== */

/* Fix weird Sell Your Cars icon */
.ghw-hero .ghw-btn-outline span,
.ghw-hero .ghw-btn-outline .ghw-sell-tag,
.ghw-hero-buttons .ghw-btn-outline span:last-child,
.ghw-hero-buttons .ghw-btn-outline svg,
.ghw-hero-buttons .ghw-btn-outline i {
    display: none !important;
}

.ghw-hero .ghw-btn-outline::after,
.ghw-hero-buttons .ghw-btn-outline::after {
    content: "›";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 14px;
    width: 22px;
    height: 22px;
    border: 2px solid currentColor;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    font-family: Arial, sans-serif;
}

/* Make hero buttons closer to reference */
.ghw-hero-buttons,
.ghw-hero-actions {
    gap: 16px !important;
    align-items: center !important;
}

.ghw-hero .ghw-btn,
.ghw-hero-buttons .ghw-btn {
    min-height: 58px !important;
    border-radius: 8px !important;
    padding: 0 30px !important;
    font-size: 18px !important;
    letter-spacing: .04em !important;
}

.ghw-hero .ghw-btn-primary,
.ghw-hero-buttons .ghw-btn-primary {
    background: linear-gradient(180deg, #ff2630 0%, #d80812 100%) !important;
    box-shadow: 0 0 28px rgba(237,17,28,.42) !important;
}

.ghw-hero .ghw-btn-outline,
.ghw-hero-buttons .ghw-btn-outline {
    border: 2px solid #ff9d00 !important;
    background: rgba(0,0,0,.34) !important;
    box-shadow: inset 0 0 18px rgba(255,157,0,.08) !important;
}

.ghw-hero .ghw-btn-outline:hover,
.ghw-hero-buttons .ghw-btn-outline:hover {
    background: rgba(255,157,0,.12) !important;
    box-shadow: 0 0 26px rgba(255,157,0,.28) !important;
}

/* Hero text sizing and alignment */
.ghw-hero h1 {
    max-width: 620px !important;
}

.ghw-hero p {
    max-width: 540px !important;
}

/* Make Trustpilot row cleaner */
.ghw-rating,
.ghw-trustpilot,
.ghw-hero-rating {
    margin-top: 22px !important;
}

.ghw-stars {
    border-radius: 0 !important;
    background: #00b67a !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

/* Better benefit row */
.ghw-benefits,
.ghw-feature-bar {
    border-top: 1px solid rgba(255,157,0,.35) !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    background: linear-gradient(180deg, #121820, #080b0f) !important;
}

.ghw-benefit,
.ghw-feature-item {
    min-height: 92px !important;
}

.ghw-benefit-icon,
.ghw-feature-icon {
    filter: drop-shadow(0 0 12px rgba(255,157,0,.45)) !important;
}

/* Category section closer to reference */
.ghw-category-section {
    padding-top: 42px !important;
    padding-bottom: 48px !important;
    background:
        radial-gradient(circle at center, rgba(255,157,0,.10), transparent 26rem),
        linear-gradient(180deg, #050505, #070707) !important;
}

.ghw-category-list,
.ghw-category-strip {
    justify-content: center !important;
    align-items: start !important;
    gap: 26px !important;
}

.ghw-circle,
.ghw-category-orb {
    width: 104px !important;
    height: 104px !important;
    box-shadow:
        0 0 18px rgba(255,157,0,.35),
        0 0 36px rgba(237,17,28,.14) !important;
}

/* Featured auction section: better when there are only one or two listings */
.ghw-auction-section,
.ghw-auctions-section,
.ghw-featured-section {
    padding-top: 34px !important;
    padding-bottom: 44px !important;
    min-height: 340px !important;
}

.ghw-auction-heading,
.ghw-section-heading {
    margin-bottom: 24px !important;
}

.ghw-auction-grid,
.ghw-listing-grid {
    justify-content: center !important;
    align-items: start !important;
    gap: 22px !important;
}

/* Homepage cards a little cleaner */
.ghw-auction-card,
.ghw-listing-card {
    border-color: rgba(255,255,255,.16) !important;
    background: linear-gradient(180deg, #111821, #06080c) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.45) !important;
}

.ghw-auction-card:hover,
.ghw-listing-card:hover {
    border-color: rgba(255,157,0,.65) !important;
    box-shadow:
        0 22px 48px rgba(0,0,0,.55),
        0 0 24px rgba(237,17,28,.22) !important;
}

.ghw-place-bid,
.ghw-bid-button {
    background: linear-gradient(180deg, #ff2630, #c90610) !important;
    box-shadow: 0 0 20px rgba(237,17,28,.24) !important;
}

.ghw-place-bid:hover,
.ghw-bid-button:hover {
    box-shadow: 0 0 30px rgba(237,17,28,.48) !important;
}

/* How it works section closer to the reference */
.ghw-how-section,
.ghw-how {
    padding-top: 44px !important;
    padding-bottom: 54px !important;
    background:
        radial-gradient(circle at top center, rgba(255,157,0,.12), transparent 28rem),
        linear-gradient(180deg, #b80008 0%, #8e0006 100%) !important;
}

.ghw-how-section h2,
.ghw-how h2 {
    margin-bottom: 44px !important;
    text-align: center !important;
}

.ghw-how-grid {
    gap: 24px !important;
}

.ghw-how-grid article,
.ghw-step {
    border: 2px solid rgba(255,157,0,.85) !important;
    background:
        radial-gradient(circle at top, rgba(255,157,0,.09), transparent 9rem),
        linear-gradient(180deg, rgba(25,10,8,.98), rgba(8,5,4,.98)) !important;
}

/* Footer spacing */
.ghw-site-footer,
.ghw-footer {
    padding-top: 42px !important;
}

/* Blinking live badges, cleaner pulse */
@keyframes ghwLiveBlinkClean {
    0%, 100% {
        opacity: 1;
        filter: drop-shadow(0 0 2px rgba(255,0,0,.4));
    }
    50% {
        opacity: .55;
        filter: drop-shadow(0 0 12px rgba(255,0,0,.95));
    }
}

.ghw-live,
.ghw-card-live,
.ghw-live-badge,
.ghw-nav-live,
.badge-live,
.ghw-live-dot {
    animation: ghwLiveBlinkClean 1s infinite ease-in-out !important;
}

/* Header crowding fix for logged-in users */
.ghw-header-actions {
    gap: 9px !important;
}

.ghw-header-actions a,
.ghw-header-actions button {
    white-space: nowrap !important;
}

.ghw-header-actions .ghw-login-link,
.ghw-header-actions .ghw-register-link {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* Mobile homepage polish */
@media (max-width: 900px) {
    .ghw-hero h1 {
        font-size: 48px !important;
    }

    .ghw-hero-buttons,
    .ghw-hero-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        max-width: 320px !important;
    }

    .ghw-hero .ghw-btn,
    .ghw-hero-buttons .ghw-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .ghw-category-list,
    .ghw-category-strip {
        gap: 18px !important;
    }

    .ghw-circle,
    .ghw-category-orb {
        width: 92px !important;
        height: 92px !important;
    }

    .ghw-how-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .ghw-hero {
        min-height: auto !important;
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .ghw-hero h1 {
        font-size: 40px !important;
    }

    .ghw-hero p {
        font-size: 16px !important;
    }
}

/* ==========================================================
   GHW Header/Menu Cleanup
   Fix crowded logged-in nav buttons and search overlap
   ========================================================== */

.ghw-header {
    overflow: visible !important;
}

.ghw-header .ghw-container,
.ghw-header .ghw-wrap {
    width: min(1560px, calc(100% - 40px)) !important;
    max-width: 1560px !important;
}

.ghw-header-inner {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    min-height: 94px !important;
    padding: 0 !important;
}

.ghw-logo {
    min-width: 0 !important;
    width: 260px !important;
}

.ghw-logo img,
.ghw-logo-image {
    max-width: 250px !important;
    height: auto !important;
}

.ghw-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
}

.ghw-nav a {
    white-space: nowrap !important;
    font-size: 15px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Remove stray dropdown arrows next to Categories / Help */
.ghw-nav a::after,
.ghw-nav a .arrow,
.ghw-nav a .caret,
.ghw-nav a span.arrow,
.ghw-nav a span.caret {
    display: none !important;
    content: none !important;
}

.ghw-header-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
}

.ghw-header-actions > * {
    flex: 0 0 auto !important;
}

.ghw-search-pill {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    height: 44px !important;
    overflow: hidden !important;
}

.ghw-header-actions a:not(.ghw-search-pill),
.ghw-header-actions button,
.ghw-login-link,
.ghw-register-link {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 15px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.ghw-header-actions a[href*="messages"],
.ghw-header-actions a[href*="orders"],
.ghw-header-actions a[href*="admin"] {
    padding: 0 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

.ghw-header-actions a[href*="messages"]:hover,
.ghw-header-actions a[href*="orders"]:hover,
.ghw-header-actions a[href*="admin"]:hover {
    color: #ff9d00 !important;
}

.ghw-header-actions form {
    margin: 0 !important;
    display: inline-flex !important;
}

/* Force Dashboard button to not smash into Messages */
.ghw-header-actions a[href*="dashboard"] {
    border: 1px solid #ff9d00 !important;
    color: #fff !important;
    background: rgba(0,0,0,.25) !important;
    margin-right: 4px !important;
}

/* Logout button */
.ghw-header-actions button[type="submit"] {
    background: linear-gradient(180deg, #ff2630, #c90610) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 0 18px rgba(237,17,28,.38) !important;
}

/* When logged in, there are too many right-side links, so hide search earlier */
@media (max-width: 1500px) {
    .ghw-header-actions .ghw-search-pill {
        display: none !important;
    }

    .ghw-header-inner {
        grid-template-columns: 250px minmax(0, 1fr) auto !important;
        gap: 18px !important;
    }

    .ghw-nav {
        gap: 18px !important;
    }

    .ghw-nav a {
        font-size: 14px !important;
    }
}

@media (max-width: 1200px) {
    .ghw-header-inner {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 14px 0 !important;
        justify-items: center !important;
    }

    .ghw-logo {
        width: auto !important;
        justify-content: center !important;
    }

    .ghw-nav {
        width: 100% !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 14px 18px !important;
    }

    .ghw-header-actions {
        width: 100% !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
}

@media (max-width: 700px) {
    .ghw-header .ghw-container,
    .ghw-header .ghw-wrap {
        width: min(100% - 24px, 100%) !important;
    }

    .ghw-logo img,
    .ghw-logo-image {
        max-width: 220px !important;
    }

    .ghw-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .ghw-nav a {
        justify-content: center !important;
        padding: 10px 8px !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 8px !important;
        background: rgba(255,255,255,.04) !important;
    }

    .ghw-header-actions a:not(.ghw-search-pill),
    .ghw-header-actions button {
        min-height: 40px !important;
        font-size: 13px !important;
    }
}

/* ==========================================================
   GHW Homepage Hero + Button Polish
   Fix cropped hero text, ugly Sell icon, button sizing
   ========================================================== */

/* Give the hero breathing room under the header */
.ghw-hero {
    min-height: 470px !important;
    height: auto !important;
    padding-top: 42px !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    background-position: center center !important;
    background-size: cover !important;
}

.ghw-hero .ghw-wrap,
.ghw-hero .ghw-container {
    position: relative !important;
    min-height: 430px !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* Move hero text down and prevent clipping */
.ghw-hero-copy,
.ghw-hero-content {
    padding-top: 18px !important;
    max-width: 560px !important;
    position: relative !important;
    z-index: 2 !important;
}

.ghw-hero h1 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    font-size: clamp(48px, 5.3vw, 76px) !important;
    line-height: .92 !important;
    letter-spacing: .035em !important;
    text-shadow:
        4px 4px 0 #000,
        0 0 16px rgba(0,0,0,.8) !important;
}

.ghw-hero p {
    max-width: 520px !important;
    margin: 0 0 24px !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
    text-shadow: 2px 2px 0 #000 !important;
}

/* Button row */
.ghw-hero-buttons,
.ghw-hero-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Main hero buttons */
.ghw-hero .ghw-btn,
.ghw-hero-buttons .ghw-btn,
.ghw-hero-actions .ghw-btn {
    min-height: 58px !important;
    height: 58px !important;
    min-width: 210px !important;
    padding: 0 28px !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
}

/* Browse Auctions */
.ghw-hero .ghw-btn-primary,
.ghw-hero-buttons .ghw-btn-primary,
.ghw-hero-actions .ghw-btn-primary {
    background: linear-gradient(180deg, #ff2630 0%, #d30711 100%) !important;
    border: 0 !important;
    box-shadow:
        0 0 26px rgba(237,17,28,.45),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Add clean arrow to Browse Auctions */
.ghw-hero .ghw-btn-primary::after,
.ghw-hero-buttons .ghw-btn-primary::after,
.ghw-hero-actions .ghw-btn-primary::after {
    content: "›" !important;
    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    line-height: 1 !important;
    margin-left: 6px !important;
}

/* Sell Your Cars */
.ghw-hero .ghw-btn-outline,
.ghw-hero-buttons .ghw-btn-outline,
.ghw-hero-actions .ghw-btn-outline {
    background: rgba(0,0,0,.42) !important;
    border: 2px solid #ff9d00 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 18px rgba(255,157,0,.10),
        0 0 18px rgba(255,157,0,.18) !important;
}

/* Remove the ugly square icon inside Sell Your Cars */
.ghw-hero .ghw-btn-outline span,
.ghw-hero .ghw-btn-outline svg,
.ghw-hero .ghw-btn-outline i,
.ghw-hero .ghw-btn-outline .ghw-sell-tag,
.ghw-hero-buttons .ghw-btn-outline span,
.ghw-hero-buttons .ghw-btn-outline svg,
.ghw-hero-buttons .ghw-btn-outline i,
.ghw-hero-buttons .ghw-btn-outline .ghw-sell-tag,
.ghw-hero-actions .ghw-btn-outline span,
.ghw-hero-actions .ghw-btn-outline svg,
.ghw-hero-actions .ghw-btn-outline i,
.ghw-hero-actions .ghw-btn-outline .ghw-sell-tag {
    display: none !important;
}

/* Replace Sell icon with a clean small tag */
.ghw-hero .ghw-btn-outline::after,
.ghw-hero-buttons .ghw-btn-outline::after,
.ghw-hero-actions .ghw-btn-outline::after {
    content: "🏷" !important;
    width: 26px !important;
    height: 26px !important;
    margin-left: 10px !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

/* Hover polish */
.ghw-hero .ghw-btn:hover,
.ghw-hero-buttons .ghw-btn:hover,
.ghw-hero-actions .ghw-btn:hover {
    transform: translateY(-2px) !important;
}

.ghw-hero .ghw-btn-primary:hover {
    box-shadow:
        0 0 34px rgba(237,17,28,.68),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.ghw-hero .ghw-btn-outline:hover {
    background: rgba(255,157,0,.12) !important;
    box-shadow:
        inset 0 0 18px rgba(255,157,0,.14),
        0 0 28px rgba(255,157,0,.38) !important;
}

/* Trustpilot row: keep it from getting cut off */
.ghw-rating,
.ghw-trustpilot,
.ghw-hero-rating {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    display: grid !important;
    grid-template-columns: 205px auto !important;
    align-items: center !important;
    gap: 8px 12px !important;
    max-width: 420px !important;
}

.ghw-stars {
    width: 205px !important;
    min-height: 21px !important;
    height: 21px !important;
    overflow: hidden !important;
    background: #00b67a !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.ghw-rating small,
.ghw-trustpilot small,
.ghw-hero-rating small {
    grid-column: 1 / -1 !important;
    margin-top: 0 !important;
    font-size: 12px !important;
    color: #fff !important;
    text-shadow: 1px 1px 0 #000 !important;
}

/* Keep benefit row from riding too high into hero */
.ghw-benefits,
.ghw-feature-bar {
    margin-top: 0 !important;
    border-top: 1px solid rgba(255,157,0,.65) !important;
}

/* Desktop header/hero transition line */
.ghw-header + .ghw-hero,
.ghw-site-header + .ghw-hero {
    border-top: 3px solid transparent !important;
    border-image: linear-gradient(90deg, #ed111c, #ff9d00, #ed111c) 1 !important;
}

/* Mobile hero cleanup */
@media (max-width: 900px) {
    .ghw-hero {
        min-height: auto !important;
        padding: 34px 0 28px !important;
        background-position: center right !important;
    }

    .ghw-hero .ghw-wrap,
    .ghw-hero .ghw-container {
        min-height: auto !important;
        display: block !important;
    }

    .ghw-hero-copy,
    .ghw-hero-content {
        padding-top: 0 !important;
        max-width: 100% !important;
    }

    .ghw-hero h1 {
        font-size: 44px !important;
        max-width: 360px !important;
    }

    .ghw-hero p {
        font-size: 16px !important;
        max-width: 360px !important;
    }

    .ghw-hero-buttons,
    .ghw-hero-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        max-width: 320px !important;
    }

    .ghw-hero .ghw-btn,
    .ghw-hero-buttons .ghw-btn,
    .ghw-hero-actions .ghw-btn {
        width: 100% !important;
        min-width: 0 !important;
    }

    .ghw-rating,
    .ghw-trustpilot,
    .ghw-hero-rating {
        grid-template-columns: 1fr !important;
        max-width: 260px !important;
    }

    .ghw-stars {
        width: 100% !important;
    }
}

@media (max-width: 560px) {
    .ghw-hero h1 {
        font-size: 38px !important;
    }

    .ghw-hero {
        background-position: 65% center !important;
    }
}
/* ==========================================================
   Got Hot Wheels - Homepage Polish + Buy Now UI v9
   Loaded after prior GHW styles. UI-only except buy-now form styles.
   ========================================================== */

:root {
    --ghw-red: #ed111c;
    --ghw-red-dark: #b90008;
    --ghw-orange: #ff9d00;
    --ghw-yellow: #ffd23b;
    --ghw-black: #030303;
    --ghw-panel: #0a0f16;
}

/* Header logo red/yellow glow */
.ghw5-logoWrap,
.ghw-logo,
.site-logo,
a[href="/"][class*="logo"],
.logo-wrap {
    position: relative !important;
    isolation: isolate !important;
}

.ghw5-logoWrap::before,
.ghw-logo::before,
.site-logo::before,
a[href="/"][class*="logo"]::before,
.logo-wrap::before {
    content: "" !important;
    position: absolute !important;
    inset: 5% -8% 0 -8% !important;
    z-index: -1 !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 42% 48%, rgba(255, 224, 48, .48) 0%, rgba(255, 148, 0, .34) 36%, rgba(237, 17, 28, .30) 58%, rgba(237, 17, 28, 0) 78%) !important;
    filter: blur(24px) !important;
    transform: scale(1.06) !important;
    pointer-events: none !important;
}

.ghw5-logoWrap img,
.ghw-logo img,
.site-logo img,
.logo-wrap img {
    filter:
        drop-shadow(0 0 7px rgba(255, 191, 0, .42))
        drop-shadow(0 0 18px rgba(237, 17, 28, .34)) !important;
}

/* Cleaner header spacing */
.ghw5-header,
.ghw-header,
.site-header {
    background: linear-gradient(180deg, #070707, #020202) !important;
    border-bottom: 3px solid transparent !important;
    border-image: linear-gradient(90deg, var(--ghw-red), var(--ghw-orange), var(--ghw-red)) 1 !important;
}

.ghw5-headerInner,
.ghw-header-inner {
    min-height: 86px !important;
}

.ghw5-mainNav a,
.ghw-nav a {
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 255, 255, .08) !important;
}

/* Homepage hero: tighter and cleaner */
.ghw-hero {
    min-height: 390px !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    background-size: cover !important;
    background-position: center center !important;
    border-bottom: 1px solid rgba(255,157,0,.55) !important;
}

.ghw-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.50), rgba(0,0,0,.12) 45%, rgba(0,0,0,.16)),
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.20)) !important;
}

.ghw-hero .ghw-wrap,
.ghw-hero .ghw-container {
    min-height: 390px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
}

.ghw-hero-copy,
.ghw-hero-content {
    padding-top: 0 !important;
    max-width: 560px !important;
    transform: translateY(-2px) !important;
}

.ghw-hero h1 {
    margin: 0 0 14px !important;
    max-width: 560px !important;
    font-size: clamp(46px, 4.15vw, 68px) !important;
    line-height: .92 !important;
    letter-spacing: .035em !important;
    text-shadow:
        4px 4px 0 #000,
        0 0 18px rgba(0,0,0,.88) !important;
}

.ghw-hero p {
    max-width: 480px !important;
    margin: 0 0 19px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    text-shadow: 2px 2px 0 #000 !important;
}

.ghw-hero-buttons,
.ghw-hero-actions {
    margin: 0 0 14px !important;
    gap: 13px !important;
}

.ghw-hero .ghw-btn,
.ghw-hero-buttons .ghw-btn,
.ghw-hero-actions .ghw-btn {
    height: 52px !important;
    min-height: 52px !important;
    min-width: 185px !important;
    padding: 0 22px !important;
    border-radius: 7px !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: .035em !important;
}

.ghw-hero .ghw-btn-primary,
.ghw-hero-buttons .ghw-btn-primary,
.ghw-hero-actions .ghw-btn-primary {
    background: linear-gradient(180deg, #ff2630, #c90610) !important;
    box-shadow: 0 0 22px rgba(237,17,28,.36) !important;
}

.ghw-hero .ghw-btn-primary::after,
.ghw-hero-buttons .ghw-btn-primary::after,
.ghw-hero-actions .ghw-btn-primary::after {
    content: "›" !important;
    font-size: 30px !important;
    margin-left: 8px !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

.ghw-hero .ghw-btn-outline,
.ghw-hero-buttons .ghw-btn-outline,
.ghw-hero-actions .ghw-btn-outline {
    background: rgba(0,0,0,.38) !important;
    border: 2px solid var(--ghw-orange) !important;
    box-shadow: inset 0 0 14px rgba(255,157,0,.10), 0 0 14px rgba(255,157,0,.18) !important;
}

/* Remove bad square icons, use a cleaner small chevron */
.ghw-hero .ghw-btn-outline span,
.ghw-hero .ghw-btn-outline svg,
.ghw-hero .ghw-btn-outline i,
.ghw-hero .ghw-btn-outline .ghw-sell-tag,
.ghw-hero-buttons .ghw-btn-outline span,
.ghw-hero-buttons .ghw-btn-outline svg,
.ghw-hero-buttons .ghw-btn-outline i,
.ghw-hero-buttons .ghw-btn-outline .ghw-sell-tag,
.ghw-hero-actions .ghw-btn-outline span,
.ghw-hero-actions .ghw-btn-outline svg,
.ghw-hero-actions .ghw-btn-outline i,
.ghw-hero-actions .ghw-btn-outline .ghw-sell-tag {
    display: none !important;
}

.ghw-hero .ghw-btn-outline::after,
.ghw-hero-buttons .ghw-btn-outline::after,
.ghw-hero-actions .ghw-btn-outline::after {
    content: "›" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 23px !important;
    height: 23px !important;
    margin-left: 9px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 5px !important;
    font-size: 23px !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

/* Trust row no longer cut off */
.ghw-rating,
.ghw-trustpilot,
.ghw-hero-rating {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    display: grid !important;
    grid-template-columns: 178px auto !important;
    gap: 5px 10px !important;
    align-items: center !important;
    max-width: 390px !important;
}

.ghw-stars {
    width: 178px !important;
    height: 19px !important;
    min-height: 19px !important;
    background: #00b67a !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 6px !important;
}

.ghw-rating small,
.ghw-trustpilot small,
.ghw-hero-rating small {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    color: #fff !important;
}

/* Benefit bar compact */
.ghw-benefits,
.ghw-feature-bar {
    min-height: 76px !important;
    background: linear-gradient(180deg, #111820, #070a0f) !important;
}

.ghw-benefit,
.ghw-feature-item {
    min-height: 76px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ghw-benefit-icon,
.ghw-feature-icon {
    font-size: 30px !important;
    width: 48px !important;
}

.ghw-benefit h3,
.ghw-feature-item h3,
.ghw-benefit strong,
.ghw-feature-item strong {
    font-size: 14px !important;
    margin-bottom: 3px !important;
}

.ghw-benefit p,
.ghw-feature-item p {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

/* Browse categories tighter */
#categories,
.ghw-category-section,
.ghw-categories,
.categories-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    min-height: 0 !important;
}

.ghw-category-section h2,
.ghw-categories h2,
.categories-section h2 {
    margin-bottom: 24px !important;
}

.ghw-category-list,
.ghw-category-strip,
.category-grid {
    gap: 21px !important;
}

.ghw-circle,
.ghw-category-orb,
.category-item .circle {
    width: 92px !important;
    height: 92px !important;
    margin-bottom: 9px !important;
}

.ghw-category-item,
.category-item {
    max-width: 118px !important;
}

.ghw-category-item span,
.category-item .label {
    font-size: 13px !important;
    line-height: 1.05 !important;
}

/* Featured auctions: less empty dead space */
.ghw-auction-section,
.ghw-auctions-section,
.ghw-featured-section,
section:has(.ghw-auction-card) {
    padding-top: 32px !important;
    padding-bottom: 34px !important;
    min-height: 0 !important;
}

.ghw-auction-grid,
.ghw-listing-grid {
    min-height: 0 !important;
}

/* How it works: compact, no giant red block */
.ghw-how-section,
.ghw-how,
.how-it-works-section {
    padding-top: 38px !important;
    padding-bottom: 40px !important;
    min-height: 0 !important;
    background:
        radial-gradient(circle at top center, rgba(255,157,0,.10), transparent 20rem),
        linear-gradient(180deg, #bd0009, #970006) !important;
}

.ghw-how-section h2,
.ghw-how h2,
.how-it-works-title {
    margin: 0 0 28px !important;
    font-size: clamp(30px, 3vw, 42px) !important;
}

.ghw-how-grid,
.how-step-grid {
    gap: 16px !important;
}

.ghw-how-grid article,
.ghw-step,
.how-step-card {
    min-height: 154px !important;
    padding: 20px 18px 18px !important;
    border-radius: 10px !important;
}

.ghw-how-grid article .icon,
.ghw-step-icon,
.how-step-card .icon-circle {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 12px !important;
}

.ghw-how-grid article h3,
.ghw-step h3,
.how-step-card h3 {
    font-size: 15px !important;
    margin-bottom: 8px !important;
}

.ghw-how-grid article p,
.ghw-step p,
.how-step-card p {
    font-size: 13px !important;
    line-height: 1.35 !important;
}

/* Footer: much tighter */
.ghw-site-footer,
.ghw-footer,
.site-footer {
    padding-top: 30px !important;
    padding-bottom: 12px !important;
    background: #030303 !important;
}

.ghw-footer-main,
.footer-main,
.ghw-footer-grid {
    gap: 28px !important;
    padding-bottom: 24px !important;
}

.ghw-footer-brand img,
.footer-brand img,
.ghw-footer-logo img,
.ghw-site-footer img[src*="logo"],
.ghw-site-footer img[src*="footer"] {
    max-width: 190px !important;
    margin-bottom: 12px !important;
}

.ghw-footer p,
.ghw-site-footer p,
.site-footer p {
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
    font-size: 14px !important;
}

.ghw-footer h3,
.ghw-footer h4,
.ghw-site-footer h3,
.ghw-site-footer h4,
.site-footer h3,
.site-footer h4 {
    margin: 0 0 12px !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.ghw-footer a,
.ghw-site-footer a,
.site-footer a {
    line-height: 1.25 !important;
}

.ghw-footer ul,
.ghw-site-footer ul,
.site-footer ul {
    display: grid !important;
    gap: 8px !important;
}

.ghw-newsletter input,
.site-footer input[type="email"],
.ghw-site-footer input[type="email"] {
    height: 42px !important;
    margin-bottom: 10px !important;
}

.ghw-newsletter button,
.site-footer button[type="submit"],
.ghw-site-footer button[type="submit"] {
    height: 46px !important;
    min-height: 46px !important;
    margin-bottom: 8px !important;
}

.ghw-footer-bottom,
.footer-bottom {
    margin-top: 10px !important;
    padding-top: 14px !important;
    font-size: 12px !important;
}

/* Buy now UI */
.ghw-buy-now-card {
    margin: 18px 0;
    padding: 18px;
    border-radius: 14px;
    border: 1px solid rgba(255,157,0,.55);
    background:
        radial-gradient(circle at top left, rgba(255,157,0,.13), transparent 18rem),
        linear-gradient(180deg, #111821, #07090d);
    color: #fff;
    box-shadow: 0 18px 38px rgba(0,0,0,.42), 0 0 22px rgba(255,157,0,.13);
}

.ghw-buy-now-card h3 {
    margin: 0 0 8px;
    font-size: 24px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ghw-buy-now-price {
    font-size: 32px;
    line-height: 1;
    color: #00f084;
    font-weight: 1000;
    margin: 8px 0 14px;
}

.ghw-buy-now-btn {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #ff2630, #c90610);
    color: #fff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 0 22px rgba(237,17,28,.38);
}

.ghw-buy-now-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 34px rgba(237,17,28,.58);
}

.ghw-buy-now-note {
    margin: 10px 0 0;
    color: #b9c3d1;
    font-size: 13px;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .ghw-hero {
        min-height: 360px !important;
        background-position: 62% center !important;
    }
    .ghw-hero .ghw-wrap,
    .ghw-hero .ghw-container { min-height: 360px !important; }
    .ghw-hero h1 { font-size: 42px !important; max-width: 340px !important; }
    .ghw-hero p { font-size: 15px !important; max-width: 320px !important; }
    .ghw-hero-buttons,
    .ghw-hero-actions { flex-direction: column !important; align-items: stretch !important; max-width: 310px !important; }
    .ghw-hero .ghw-btn { width: 100% !important; }
    .ghw-benefits,
    .ghw-feature-bar { grid-template-columns: 1fr 1fr !important; }
    .ghw-category-list,
    .ghw-category-strip,
    .category-grid { gap: 16px !important; }
    .ghw-how-grid,
    .how-step-grid { grid-template-columns: 1fr !important; }
    .ghw-footer-main,
    .footer-main,
    .ghw-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 22px !important; }
}

@media (max-width: 560px) {
    .ghw-hero { min-height: 330px !important; background-position: 66% center !important; }
    .ghw-hero .ghw-wrap,
    .ghw-hero .ghw-container { min-height: 330px !important; }
    .ghw-hero h1 { font-size: 36px !important; }
    .ghw-benefits,
    .ghw-feature-bar { grid-template-columns: 1fr !important; }
    .ghw-footer-main,
    .footer-main,
    .ghw-footer-grid { grid-template-columns: 1fr !important; }
}

@import url("/css/ghw-final-glow-footer-v15.css?v=15");
