/* ==========================================================
   COLLECTORS GRAIL — SITE-WIDE POLISH
   Loaded after each page's original styles so it can safely
   refine layout without changing Supabase / Stripe behavior.
========================================================== */

:root{
  --cg-bg:#060606;
  --cg-panel:#0d0e10;
  --cg-panel-2:#121316;
  --cg-gold:#d7b64d;
  --cg-gold-soft:#f3d879;
  --cg-text:#f6f2e8;
  --cg-muted:#9b988f;
  --cg-line:rgba(255,255,255,.10);
  --cg-shadow:0 22px 65px rgba(0,0,0,.34);
  --cg-radius:16px;
}

html{scroll-behavior:smooth;background:var(--cg-bg)}
body{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(900px 440px at 50% -220px,rgba(215,182,77,.10),transparent 72%),
    var(--cg-bg) !important;
  color:var(--cg-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::selection{background:rgba(215,182,77,.32);color:#fff}
img,svg,video{max-width:100%}
button,input,textarea,select{font:inherit}

/* ---------- Header / navigation ---------- */

/* One shared header on every public page. */
.cg-site-header{
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:11px clamp(18px,3vw,54px) !important;
  background:rgba(5,5,6,.96) !important;
  backdrop-filter:blur(18px);
}
.cg-site-header nav{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px 12px !important;
  margin:0 !important;
}
.cg-site-header nav a{
  padding:4px 0 !important;
  font-size:9px !important;
  font-weight:850 !important;
  line-height:1.1 !important;
  letter-spacing:.055em !important;
  white-space:nowrap !important;
}
.cg-site-header nav a.active{
  color:var(--cg-gold-soft) !important;
}
.cg-header-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px;
  padding:9px 14px !important;
  border:1px solid rgba(215,182,77,.75) !important;
  border-radius:9px !important;
  background:transparent !important;
  color:var(--cg-gold-soft) !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease !important;
}
.cg-header-cta:hover{
  transform:translateY(-1px);
  background:var(--cg-gold) !important;
  color:#080808 !important;
  border-color:var(--cg-gold) !important;
}
@media (min-width:901px) and (max-width:1320px){
  .cg-site-header{gap:11px !important;padding-left:16px !important;padding-right:16px !important}
  .cg-site-header nav{gap:7px 9px !important}
  .cg-site-header nav a{font-size:8px !important;letter-spacing:.035em !important}
  .cg-brand-name{font-size:15px !important;letter-spacing:1.3px !important}
  .cg-brand-crown{font-size:24px !important}
  .cg-header-cta{padding:8px 10px !important;font-size:8px !important}
}



/* ---------- Consistent crisp Collectors Grail branding ---------- */
.cg-brand{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex:0 0 auto;
  white-space:nowrap;
  color:var(--cg-text) !important;
  text-decoration:none !important;
}
.cg-brand-crown{
  display:inline-block;
  color:var(--cg-gold) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:27px !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  transform:translateY(-1px);
}
.cg-brand-name{
  display:inline-block;
  color:var(--cg-text) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:1.8px !important;
}
.cg-heading-brand{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 !important;
  font-size:inherit !important;
  letter-spacing:0 !important;
}
.cg-heading-brand .cg-brand-crown{font-size:28px !important}
.cg-heading-brand .cg-brand-name{font-size:18px !important}

/* Homepage lockup is pure text, so it stays sharp on Retina/high-DPI screens. */
.cg-hero-logo{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 auto 20px;
  width:min(430px,90%);
  min-height:126px;
}
.cg-hero-crown{
  color:var(--cg-gold);
  font-family:Georgia,"Times New Roman",serif;
  font-size:66px;
  line-height:.8;
  text-shadow:0 14px 42px rgba(215,182,77,.16);
}
.cg-hero-name{
  color:var(--cg-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(22px,3vw,34px);
  font-weight:700;
  line-height:1;
  letter-spacing:.18em;
  text-align:center;
}
.cg-footer-brand{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--cg-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
}
.cg-footer-crown{color:var(--cg-gold);font-size:18px;line-height:1}
header{
  border-bottom:1px solid rgba(215,182,77,.20) !important;
  box-shadow:0 10px 40px rgba(0,0,0,.18);
}
header nav a{
  position:relative;
  opacity:.86;
  transition:color .18s ease,opacity .18s ease,transform .18s ease;
}
header nav a:hover,header nav a.active{opacity:1}
header nav a:hover{transform:translateY(-1px)}
header .topbtn,header .sell-button,header .sell,header .top-button,header .sell-btn{
  border-radius:9px !important;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}
header .topbtn:hover,header .sell-button:hover,header .sell:hover,header .top-button:hover,header .sell-btn:hover{
  transform:translateY(-1px);
  background:var(--cg-gold) !important;
  color:#080808 !important;
}
.cg-auto-brand{
  display:flex;align-items:center;gap:8px;white-space:nowrap;
  font-family:Georgia,serif;font-size:16px;font-weight:800;letter-spacing:1.2px;
}
.cg-auto-brand span{color:var(--cg-gold);font-size:21px}
.cg-menu-toggle{
  display:none;
  width:42px;
  height:42px;
  border:1px solid rgba(215,182,77,.40);
  border-radius:11px;
  background:#0d0d0f;
  color:var(--cg-gold-soft);
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  flex:0 0 auto;
}
.cg-menu-toggle span{
  display:block;
  width:18px;
  height:2px;
  margin:3px auto;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
body.cg-menu-open .cg-menu-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}
body.cg-menu-open .cg-menu-toggle span:nth-child(2){opacity:0}
body.cg-menu-open .cg-menu-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* ---------- Typography ---------- */
h1,h2,h3{letter-spacing:-.025em}
p{line-height:1.72}
.kicker,.section-label,.category{letter-spacing:.20em !important}

/* ---------- Sections / containers ---------- */
.wrap,.container,.shop,.section,.faq-page,.updates-page{
  position:relative;
}
.wrap,.container{width:min(1180px,100%);margin-left:auto !important;margin-right:auto !important}
.section{padding-top:78px !important;padding-bottom:78px !important}

/* ---------- Cards ---------- */
.product,.cat,.lot,.card,.story-card,.quote-card,.category-card,.step,.trust-card,
.social-card,.selling-panel,.auction-feature,.newsletter,.detail,.bid-box,
.faq-item,.updates-form,.contact-grid > *,main.wrap > section,.consign-form,
.account-box,.login-box{
  box-shadow:var(--cg-shadow);
}
.product,.cat,.lot,.card,.story-card,.quote-card,.category-card,.step,.trust-card,
.social-card,.selling-panel,.auction-feature,.newsletter,.detail,.faq-item,
main.wrap > section,.consign-form{
  border-radius:var(--cg-radius) !important;
}
.product,.cat,.lot,.card,.category-card,.step,.trust-card,.social-card,.faq-item{
  transition:transform .20s ease,border-color .20s ease,box-shadow .20s ease;
}
.product:hover,.cat:hover,.lot:hover,.card:hover,.category-card:hover,.step:hover,
.trust-card:hover,.social-card:hover,.faq-item:hover{
  border-color:rgba(215,182,77,.48) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}

/* ---------- Buttons / links ---------- */
button,.button,.btn2,.topbtn,.sell-button,.sell,.product-btn,.lot-button,
.account-button,.home-button,.create-btn,.updates-button,.sell-btn,
a.button,a.btn2{
  border-radius:10px !important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease,color .18s ease !important;
}
button:hover,.button:hover,.btn2:hover,.product-btn:hover,.lot-button:hover,
.account-button:hover,.home-button:hover,.create-btn:hover,.updates-button:hover,.sell-btn:hover{
  transform:translateY(-2px);
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--cg-gold-soft) !important;
  outline-offset:3px;
}

/* ---------- Forms ---------- */
input,select,textarea{
  min-height:46px;
  border-radius:10px !important;
  border-color:rgba(255,255,255,.14) !important;
  background:#0b0c0e !important;
  color:#fff !important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
textarea{min-height:120px}
input:focus,select:focus,textarea:focus{
  border-color:rgba(215,182,77,.72) !important;
  box-shadow:0 0 0 4px rgba(215,182,77,.09) !important;
  background:#0e0f11 !important;
}

/* ---------- Homepage ---------- */
.hero-home{
  min-height:570px !important;
  border-bottom:1px solid var(--cg-line);
}
.hero-home .center{max-width:720px;margin:auto}
.hero-home .center img{filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}
.strip2{background:rgba(255,255,255,.012)}
.auction-feature{border-color:rgba(255,255,255,.11) !important}
.auction-art,.break-art{position:relative;overflow:hidden}
.auction-art::after,.break-art::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,transparent 20%,rgba(255,255,255,.025),transparent 72%);
}

/* ---------- Auctions ---------- */
.catalog{gap:22px !important}
.lot{background:linear-gradient(180deg,#111216,#0d0e10) !important}
.lot-image{background:radial-gradient(circle at 50% 42%,#302710,#090a0c 68%) !important}
.lot-body{padding:22px !important}
.lot-button{background:linear-gradient(180deg,#f4dc82,#d7b64d) !important;color:#080808 !important}
.detail{background:linear-gradient(145deg,#111216,#0b0c0e) !important}
.bid-box{border-color:rgba(215,182,77,.22) !important}

/* ---------- Shop ---------- */
.shop{width:100%;max-width:none !important}
.product{background:linear-gradient(180deg,#0e0f11,#090a0c) !important}
.product-image,.product-img{background:radial-gradient(circle at 50% 42%,#302710,#090a0c 68%) !important}
.filters{gap:10px !important}
.filter{transition:all .18s ease !important}

/* ---------- Account / orders / bidding pages ---------- */
.container{padding-left:22px !important;padding-right:22px !important}
.welcome,.top,.page-head{border-bottom-color:rgba(255,255,255,.08) !important}
.grid{gap:18px}
.empty{
  border-color:rgba(215,182,77,.28) !important;
  background:rgba(215,182,77,.025);
}
.bid-list,.auction-list,.order-list{display:grid;gap:14px}

/* ---------- Legal ---------- */
body > .wrap > article,body > .wrap > section{
  scroll-margin-top:90px;
}

/* ---------- Footer ---------- */
footer{
  border-top-color:rgba(255,255,255,.08) !important;
  background:rgba(0,0,0,.16);
}
footer a{transition:color .18s ease}
footer a:hover{color:var(--cg-gold-soft)}

/* ==========================================================
   MOBILE — compact header + dropdown menu
========================================================== */
@media (max-width:900px){
  body{background:var(--cg-bg) !important}

  header,header.cg-site-header{
    height:64px !important;
    min-height:64px !important;
    padding:8px 16px !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    background:rgba(5,5,6,.97) !important;
    backdrop-filter:blur(18px);
  }
  header .logo img{width:108px !important;height:48px !important}
  header .brand{font-size:16px !important;letter-spacing:1.4px !important;max-width:230px;overflow:hidden;text-overflow:ellipsis}
  .cg-auto-brand{font-size:13px !important;letter-spacing:.8px;max-width:235px;overflow:hidden;text-overflow:ellipsis}
  header .brand span{font-size:6px !important;letter-spacing:2.5px !important}
  header .topbtn,header .sell-button,header .sell,header .top-button,header .sell-btn,header .cg-header-cta{display:none !important}
  .cg-menu-toggle{display:flex !important}

  body:not(.cg-menu-open) header nav{display:none !important}
  body.cg-menu-open header nav{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    top:70px !important;
    width:auto !important;
    max-height:calc(100vh - 86px);
    overflow:auto;
    gap:7px !important;
    padding:12px !important;
    border:1px solid rgba(215,182,77,.24);
    border-radius:15px;
    background:rgba(10,10,12,.985);
    box-shadow:0 24px 70px rgba(0,0,0,.65);
    text-align:left !important;
    backdrop-filter:blur(20px);
  }
  body.cg-menu-open header nav a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:10px 12px !important;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    font-size:10px !important;
    line-height:1.2;
    white-space:normal !important;
  }
  body.cg-menu-open header nav a.active{
    border-color:rgba(215,182,77,.40);
    background:rgba(215,182,77,.07);
  }

  /* The old mobile stylesheet expanded the full nav and made it fill
     most of the screen. These rules intentionally keep it collapsed. */

  .hero-home,.hero{
    min-height:auto !important;
    height:auto !important;
    padding:48px 20px 54px !important;
  }
  .hero-home{display:block !important}
  .hero-home .side-card,.side-card{display:none !important}
  .hero-home .center{padding:0 !important}
  .hero-home .center img{width:min(230px,68vw) !important;margin-bottom:10px !important}
  .hero-home .center h1,.hero h1,h1{
    font-size:clamp(36px,10vw,50px) !important;
    line-height:1.01 !important;
    letter-spacing:-.035em !important;
  }
  .hero-home .center p,.hero p{font-size:14px !important;line-height:1.68 !important}

  .section,.wrap,.shop,.faq-page,.updates-page{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .section{padding-top:56px !important;padding-bottom:56px !important}
  .wrap,.shop{padding-top:38px !important;padding-bottom:58px !important}

  .section-head{align-items:flex-start !important;gap:14px !important;flex-direction:column !important}
  .section-head h2,.break-copy h2,.consign-home h2,.about-home h2,.section h2{
    font-size:clamp(34px,9vw,46px) !important;
    line-height:1.04 !important;
  }

  .auction-feature,.break-home,.consign-home,.about-home,.newsletter,.story-grid,.selling,.social-grid,
  .detail-grid,.contact-grid{
    grid-template-columns:1fr !important;
  }
  .auction-copy{padding:27px !important}
  .auction-art{min-height:230px !important}
  .break-art{height:250px !important}
  .seal2{width:145px !important;height:145px !important;margin:auto}
  .newsletter{padding:24px !important;gap:18px !important}

  .products,.catalog,.category-grid,.steps,.trust-grid,.grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .page-head{display:block !important;margin-bottom:22px !important}
  .page-head h1{font-size:38px !important}
  .detail{padding:18px !important}
  .detail h1{font-size:34px !important}
  .detail-grid{gap:24px !important}

  main.wrap > section{padding:28px 22px !important;margin-bottom:28px !important}
  .consign-form{padding:24px !important}

  footer{
    padding:28px 20px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
  }
}

@media (max-width:560px){
  body.cg-menu-open header nav{grid-template-columns:1fr !important}
  .products,.catalog,.category-grid,.steps,.trust-grid,.grid,.social-grid{
    grid-template-columns:1fr !important;
  }
  .product-image,.product-img,.lot-image{height:260px !important}
  .ctas,.hero-buttons,.hero-actions,.final-buttons{gap:9px !important}
  .ctas > *, .hero-buttons > *, .hero-actions > *, .final-buttons > *{
    width:100% !important;
    text-align:center !important;
    justify-content:center !important;
  }
  .strip2{gap:10px 18px !important;padding:12px 18px !important}
  .strip2 span{font-size:8px !important}
  .category-card{min-height:210px !important}
  .quote-card p{font-size:24px !important}
  .actions{grid-template-columns:1fr !important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important}
}


@media (max-width:900px){
  .cg-brand-name{font-size:15px !important;letter-spacing:1.4px !important}
  .cg-brand-crown{font-size:24px !important}
}
@media (max-width:560px){
  .cg-brand{gap:7px !important;max-width:calc(100% - 58px)}
  .cg-brand-name{font-size:13px !important;letter-spacing:1.05px !important}
  .cg-brand-crown{font-size:22px !important}
  .cg-hero-logo{min-height:98px;margin-bottom:12px}
  .cg-hero-crown{font-size:52px}
  .cg-hero-name{font-size:21px;letter-spacing:.13em}
  .cg-heading-brand .cg-brand-crown{font-size:24px !important}
  .cg-heading-brand .cg-brand-name{font-size:15px !important}
}

/* ==========================================================
   COLLECTORS GRAIL — PREMIUM REFINEMENT PASS
   Keeps existing functionality intact while making the public
   experience feel more like a modern specialist auction house.
========================================================== */

:root{
  --cg-ink:#050506;
  --cg-surface:#0b0c0e;
  --cg-surface-2:#101114;
  --cg-surface-3:#15161a;
  --cg-ivory:#f4efe3;
  --cg-gold:#cdb15a;
  --cg-gold-soft:#ead68e;
  --cg-gold-faint:rgba(205,177,90,.12);
  --cg-line:rgba(255,255,255,.085);
  --cg-line-strong:rgba(205,177,90,.27);
  --cg-muted:#9b9993;
  --cg-radius:12px;
  --cg-shadow:0 18px 48px rgba(0,0,0,.34);
  --cg-shadow-deep:0 28px 78px rgba(0,0,0,.46);
}

body{
  font-family:"DM Sans",Arial,Helvetica,sans-serif !important;
  background:
    radial-gradient(1000px 500px at 50% -260px,rgba(205,177,90,.13),transparent 72%),
    linear-gradient(180deg,#050506 0%,#070708 45%,#050506 100%) !important;
}

h1,h2,h3,
.section-head h2,.break-copy h2,.consign-home h2,.about-home h2,
.hero h1,.final-cta h2,.story-card h3,.quote-card p,.selling-panel h3{
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:500 !important;
}

p,.section-intro{color:var(--cg-muted)}

/* Luxury, compact header */
header{
  min-height:70px !important;
  padding:11px clamp(20px,4vw,62px) !important;
  background:rgba(5,5,6,.92) !important;
  border-bottom:1px solid rgba(205,177,90,.16) !important;
  box-shadow:none !important;
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-backdrop-filter:blur(20px) saturate(130%);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
header.cg-header-scrolled{
  background:rgba(5,5,6,.975) !important;
  border-bottom-color:rgba(205,177,90,.26) !important;
  box-shadow:0 12px 38px rgba(0,0,0,.30) !important;
}
header::after{
  content:"";
  position:absolute;
  left:clamp(20px,4vw,62px);
  right:clamp(20px,4vw,62px);
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(205,177,90,.32),transparent);
  pointer-events:none;
}
header nav{gap:clamp(10px,1.25vw,20px) !important}
header nav a{
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
  color:#bdbab2 !important;
  padding:9px 0 !important;
}
header nav a.active,header nav a:hover{color:var(--cg-gold-soft) !important}
header nav a::after{
  content:"";
  position:absolute;
  left:50%;right:50%;bottom:3px;height:1px;
  background:var(--cg-gold);
  transition:left .2s ease,right .2s ease;
}
header nav a:hover::after,header nav a.active::after{left:0;right:0}
.cg-brand-name{font-size:15px !important;letter-spacing:1.65px !important}
.cg-brand-crown{font-size:25px !important}
header .topbtn,header .sell-button,header .sell,header .top-button,header .sell-btn{
  min-height:36px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px !important;
  background:transparent !important;
  border:1px solid rgba(205,177,90,.55) !important;
  border-radius:6px !important;
  color:var(--cg-gold-soft) !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
}

/* Page rhythm */
.section{
  width:min(1280px,100%);
  margin:0 auto;
  padding:92px clamp(22px,6vw,82px) !important;
}
.section.dark,.section.dark2{
  width:100%;
  max-width:none;
  padding-left:max(clamp(22px,6vw,82px),calc((100vw - 1280px)/2 + 82px)) !important;
  padding-right:max(clamp(22px,6vw,82px),calc((100vw - 1280px)/2 + 82px)) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.005)) !important;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.wrap,.container,.shop,.faq-page,.updates-page{
  max-width:1180px !important;
  margin-inline:auto !important;
}
.kicker,.section-label{
  color:var(--cg-gold-soft) !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.26em !important;
  text-transform:uppercase;
}
.section-head{margin-bottom:34px !important}
.section-head h2,.section h2{letter-spacing:-.035em !important}
.section-intro{font-size:15px !important;line-height:1.85 !important}

/* Homepage hero — less bulky, more editorial */
.hero-home{
  min-height:590px !important;
  padding:78px clamp(22px,6vw,82px) 86px !important;
  display:grid !important;
  place-items:center !important;
  position:relative;
  isolation:isolate;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  background:
    radial-gradient(680px 340px at 50% 40%,rgba(205,177,90,.09),transparent 68%),
    linear-gradient(180deg,#070708,#050506) !important;
}
.hero-home::before{
  content:"";
  position:absolute;inset:26px clamp(18px,5vw,70px);
  border:1px solid rgba(205,177,90,.08);
  pointer-events:none;z-index:-1;
}
.hero-home::after{
  content:"";
  position:absolute;left:50%;top:38px;bottom:38px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(205,177,90,.11),transparent);
  pointer-events:none;z-index:-1;
}
.hero-home .center{max-width:850px !important;text-align:center}
.cg-hero-logo{min-height:112px !important;margin-bottom:18px !important}
.cg-hero-crown{font-size:58px !important;text-shadow:none !important}
.cg-hero-name{font-size:clamp(21px,2.35vw,30px) !important;letter-spacing:.20em !important}
.hero-home .center h1{
  font-size:clamp(54px,6.1vw,88px) !important;
  font-weight:500 !important;
  letter-spacing:-.052em !important;
  line-height:.93 !important;
  margin:16px 0 22px !important;
}
.hero-home .center h1 em{color:var(--cg-gold-soft);font-weight:400}
.hero-home .center p{
  max-width:640px;margin:0 auto 28px !important;
  color:#a6a39c !important;font-size:15px !important;line-height:1.8 !important;
}
.ctas{margin-top:28px !important}
.strip2{
  padding:14px clamp(22px,6vw,82px) !important;
  background:#070708 !important;
  border-color:rgba(255,255,255,.055) !important;
  color:#77746d !important;
}
.strip2 span{position:relative}
.strip2 span:not(:last-child)::after{
  content:"·";position:absolute;right:-3.6vw;color:rgba(205,177,90,.42)
}

/* Buttons */
button,.button,.btn2,.topbtn,.sell-button,.sell,.product-btn,.lot-button,
.account-button,.home-button,.create-btn,.updates-button,.sell-btn,a.button,a.btn2{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px !important;
  padding:12px 18px !important;
  font-size:9px !important;
  font-weight:850 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase;
  box-shadow:none !important;
}
.button.gold,.btn2.gold,.lot-button,.product-btn,.updates-button,.create-btn{
  background:linear-gradient(180deg,#e6cf7f,#c9aa4e) !important;
  border-color:#ddc56e !important;
  color:#070707 !important;
}
.button.gold:hover,.btn2.gold:hover,.lot-button:hover,.product-btn:hover,.updates-button:hover,.create-btn:hover{
  filter:brightness(1.06);
  box-shadow:0 10px 28px rgba(205,177,90,.14) !important;
}
.button.dark,.btn2.dark,.home-button,.account-button{
  background:#0a0b0d !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:#eee9dd !important;
}

/* Premium cards */
.product,.cat,.lot,.card,.story-card,.quote-card,.category-card,.step,.trust-card,
.social-card,.selling-panel,.auction-feature,.newsletter,.detail,.bid-box,.faq-item,
.updates-form,.consign-form,.account-box,.login-box{
  background:linear-gradient(180deg,rgba(17,18,21,.96),rgba(10,11,13,.98)) !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:10px !important;
  box-shadow:var(--cg-shadow) !important;
}
.product,.cat,.lot,.card,.category-card,.step,.trust-card,.social-card,.faq-item{
  position:relative;
  overflow:hidden;
}
.product::before,.cat::before,.lot::before,.card::before,.category-card::before,.step::before,.trust-card::before,.social-card::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(205,177,90,.25),transparent);
  opacity:.45;pointer-events:none;
}
.product:hover,.cat:hover,.lot:hover,.card:hover,.category-card:hover,.step:hover,.trust-card:hover,.social-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(205,177,90,.28) !important;
  box-shadow:var(--cg-shadow-deep) !important;
}

/* Homepage feature blocks */
.auction-feature{grid-template-columns:minmax(320px,.9fr) 1.1fr !important;min-height:390px}
.auction-art{min-height:390px !important;background:radial-gradient(circle at 50% 45%,#2c2411,#090a0c 70%) !important}
.auction-copy{padding:clamp(34px,5vw,62px) !important}
.auction-copy h3{font-size:clamp(32px,3.3vw,48px) !important;line-height:1.06;margin-bottom:16px !important}
.cg-big{font-size:105px !important;opacity:.92}
.break-home,.consign-home{gap:clamp(38px,7vw,90px) !important}
.break-art{border-color:rgba(205,177,90,.22) !important;background:radial-gradient(circle,#2a2211,#090a0c 72%) !important}
.break-card{border-color:rgba(205,177,90,.35) !important;color:var(--cg-gold-soft) !important}
.form2{padding:32px !important}
.form2 label{color:#d9d5cb !important;letter-spacing:.05em}
.about-home{grid-template-columns:170px 1fr !important;gap:clamp(38px,6vw,82px) !important}
.seal2{width:160px !important;height:160px !important;border-color:rgba(205,177,90,.32) !important;background:radial-gradient(circle,#1d180c,#08090b 72%) !important}
.newsletter{padding:34px 38px !important;background:linear-gradient(110deg,rgba(205,177,90,.08),#0a0b0d 55%) !important;border-color:rgba(205,177,90,.22) !important}

/* Auction catalogue */
.catalog,.products{gap:20px !important}
.lot,.product{min-height:100%}
.lot-image,.product-image,.product-img{
  background:radial-gradient(circle at 50% 45%,#2a2312,#090a0c 68%) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
.lot-image img,.product-image img,.product-img img{
  transition:transform .28s ease,filter .28s ease;
}
.lot:hover .lot-image img,.product:hover .product-image img,.product:hover .product-img img{
  transform:scale(1.018);
  filter:brightness(1.03);
}
.lot-body{padding:21px !important}
.detail{padding:clamp(24px,4vw,46px) !important}
.bid-box{padding:22px !important;background:#0a0b0d !important}

/* Shop */
.shop h1,.wrap h1,.container h1{font-weight:500 !important;letter-spacing:-.04em !important}
.filters{margin:20px 0 28px !important}
.filter{
  border-radius:999px !important;
  padding:9px 14px !important;
  background:#0a0b0d !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#a8a59e !important;
  font-size:9px !important;
  letter-spacing:.08em;
}
.filter.active,.filter:hover{border-color:rgba(205,177,90,.40) !important;color:var(--cg-gold-soft) !important;background:rgba(205,177,90,.06) !important}

/* Forms */
input,select,textarea{
  border-radius:6px !important;
  background:#090a0c !important;
  border:1px solid rgba(255,255,255,.11) !important;
  padding:12px 13px !important;
}
input::placeholder,textarea::placeholder{color:#66645f}
label{color:#c9c5bb}

/* Account / history / order pages */
.account-box,.login-box{padding:clamp(26px,5vw,44px) !important}
.grid{gap:16px !important}
.card{padding:20px !important}
.badge{border-radius:999px !important;padding:6px 9px !important;font-size:9px !important;letter-spacing:.08em}
.empty{border-style:solid !important;border-color:rgba(205,177,90,.18) !important;border-radius:10px !important;background:rgba(205,177,90,.025) !important}

/* About + FAQ + legal */
.story-grid,.category-grid,.steps,.trust-grid,.social-grid{gap:16px !important}
.story-card,.quote-card,.category-card,.step,.trust-card,.social-card,.selling-panel{padding:30px !important}
.quote-card{background:linear-gradient(145deg,rgba(205,177,90,.10),#0b0c0e) !important;border-color:rgba(205,177,90,.26) !important}
.final-cta{border-top:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 25%,rgba(205,177,90,.09),transparent 58%) !important}
.faq-item{box-shadow:none !important}
.faq-question{padding:20px 22px !important}
.faq-answer{padding:0 22px 20px !important;color:#99968f !important}

/* Footer */
footer{
  min-height:88px;
  padding:28px clamp(22px,6vw,82px) !important;
  background:#050506 !important;
  border-top:1px solid rgba(205,177,90,.13) !important;
  color:#77746e !important;
  font-size:10px !important;
  letter-spacing:.03em;
}
footer .cg-footer-brand{color:#e9e4d8 !important}
footer a{color:#8f8b83 !important}
footer a:hover{color:var(--cg-gold-soft) !important}

/* Small editorial details */
hr{border:0;border-top:1px solid rgba(255,255,255,.07)}
::selection{background:rgba(205,177,90,.28);color:white}

/* Mobile refinements: keep the header compact, never full-screen */
@media (max-width:900px){
  header{
    min-height:58px !important;height:58px !important;
    padding:7px 14px !important;
  }
  header::after{left:14px;right:14px}
  .cg-menu-toggle{width:38px !important;height:38px !important;border-radius:7px !important}
  .cg-brand-name{font-size:12.5px !important;letter-spacing:1.05px !important}
  .cg-brand-crown{font-size:21px !important}
  body.cg-menu-open header nav{
    top:64px !important;
    left:10px !important;right:10px !important;
    grid-template-columns:1fr 1fr !important;
    max-height:calc(100vh - 76px) !important;
    padding:10px !important;
    gap:6px !important;
    border-radius:10px !important;
    background:rgba(8,9,11,.985) !important;
  }
  body.cg-menu-open header nav a{
    min-height:40px !important;
    padding:9px 10px !important;
    border-radius:6px !important;
    font-size:9px !important;
  }
  .hero-home{
    min-height:auto !important;
    padding:36px 18px 44px !important;
  }
  .hero-home::before{inset:14px 10px}
  .hero-home::after{display:none}
  .cg-hero-logo{min-height:82px !important;margin-bottom:8px !important;gap:5px !important}
  .cg-hero-crown{font-size:42px !important}
  .cg-hero-name{font-size:18px !important;letter-spacing:.14em !important}
  .hero-home .center h1{
    font-size:clamp(38px,10.5vw,52px) !important;
    line-height:.98 !important;
    margin:12px 0 16px !important;
  }
  .hero-home .center p{font-size:13px !important;line-height:1.65 !important;margin-bottom:20px !important}
  .section{padding:56px 18px !important}
  .section.dark,.section.dark2{padding-left:18px !important;padding-right:18px !important}
  .section-head h2,.section h2,.break-copy h2,.consign-home h2,.about-home h2{font-size:clamp(34px,9vw,44px) !important}
  .auction-feature{grid-template-columns:1fr !important;min-height:0}
  .auction-art{min-height:215px !important}
  .auction-copy{padding:26px !important}
  .auction-copy h3{font-size:32px !important}
  .about-home{grid-template-columns:1fr !important}
  .seal2{width:125px !important;height:125px !important;margin:0 auto 8px !important}
  .newsletter{padding:24px !important}
  footer{min-height:0;padding:25px 18px !important}
}

@media (max-width:560px){
  body.cg-menu-open header nav{grid-template-columns:1fr !important}
  .strip2 span:not(:last-child)::after{display:none}
  .strip2{gap:8px 14px !important}
  .section{padding-top:48px !important;padding-bottom:48px !important}
  .story-card,.quote-card,.category-card,.step,.trust-card,.social-card,.selling-panel{padding:24px !important}
  .form2{padding:22px !important}
  .product-image,.product-img,.lot-image{height:245px !important}
}


/* ==========================================================
   FINAL CLEAN HEADER + HOMEPAGE REFINEMENT
   Removes the old decorative "Rare Finds" side rail and keeps
   navigation consistent, calmer and more auction-house-like.
========================================================== */

@media (min-width:901px){
  .cg-site-header{
    min-height:76px !important;
    padding:12px clamp(24px,3.2vw,52px) !important;
    gap:24px !important;
  }
  .cg-site-header nav{
    flex-wrap:nowrap !important;
    justify-content:center !important;
    gap:clamp(12px,1.25vw,22px) !important;
  }
  .cg-site-header nav a{
    font-size:9.5px !important;
    letter-spacing:.06em !important;
    color:#9b988f !important;
  }
  .cg-site-header nav a:hover,
  .cg-site-header nav a.active{
    color:var(--cg-gold-soft) !important;
  }
  .cg-header-cta{
    min-width:100px;
    min-height:38px;
  }
  .cg-header-cta.active{
    background:rgba(215,182,77,.09) !important;
    border-color:var(--cg-gold) !important;
  }
}

.home-hero-clean{
  min-height:570px !important;
  padding:86px clamp(24px,6vw,84px) 92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(720px 360px at 50% 42%,rgba(215,182,77,.095),transparent 68%),
    linear-gradient(180deg,#070708,#050506) !important;
}
.home-hero-clean::before{
  inset:28px clamp(20px,5vw,68px) !important;
  border:1px solid rgba(215,182,77,.11) !important;
  border-radius:18px;
}
.home-hero-clean::after{display:none !important}
.home-hero-clean .center{
  width:min(820px,100%);
  max-width:820px !important;
  padding:0 !important;
  text-align:center;
}
.home-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 22px;
  color:#e9e4d8;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.18em;
}
.home-eyebrow-crown{
  color:var(--cg-gold);
  font-size:26px;
  line-height:1;
}
.home-hero-clean .kicker{
  margin-bottom:18px !important;
  color:#cdb15a !important;
  font-size:9px !important;
  letter-spacing:.24em !important;
}
.home-hero-clean .center h1{
  margin:0 0 24px !important;
  font-size:clamp(58px,6.3vw,92px) !important;
  line-height:.94 !important;
  font-weight:500 !important;
  letter-spacing:-.055em !important;
}
.home-hero-clean .center h1 em{
  color:#ead47e !important;
  font-weight:400 !important;
}
.home-hero-clean .center p{
  max-width:650px !important;
  margin:0 auto 30px !important;
  color:#aaa69c !important;
  font-size:15px !important;
  line-height:1.8 !important;
}
.home-hero-clean .ctas{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:0 !important;
}

.home-trustbar{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
  background:#070708;
}
.home-trustitem{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:16px 18px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.055);
}
.home-trustitem:last-child{border-right:0}
.home-trustitem strong{
  color:#d7b64d;
  font-size:9px;
  letter-spacing:.18em;
}
.home-trustitem span{
  color:#77746d;
  font-size:9px;
  letter-spacing:.12em;
}

/* Reduce visual noise and give the home page more deliberate spacing. */
.home-trustbar + .section{padding-top:78px !important}
.section-head{gap:24px}
.auction-feature,.newsletter,.form2,.break-art,.selling-panel{
  box-shadow:0 18px 45px rgba(0,0,0,.26) !important;
}

@media (max-width:1100px) and (min-width:901px){
  .cg-site-header{gap:14px !important;padding-left:18px !important;padding-right:18px !important}
  .cg-site-header nav{gap:10px !important}
  .cg-site-header nav a{font-size:8.5px !important;letter-spacing:.035em !important}
  .cg-brand-name{font-size:14px !important;letter-spacing:1.25px !important}
  .cg-brand-crown{font-size:23px !important}
  .cg-header-cta{min-width:88px;padding:8px 10px !important;font-size:8px !important}
}

@media (max-width:900px){
  .home-hero-clean{
    min-height:auto !important;
    padding:48px 20px 54px !important;
  }
  .home-hero-clean::before{inset:12px 10px !important;border-radius:12px}
  .home-eyebrow{margin-bottom:16px;font-size:11px;letter-spacing:.13em}
  .home-eyebrow-crown{font-size:22px}
  .home-hero-clean .kicker{font-size:8px !important;line-height:1.7 !important;letter-spacing:.17em !important}
  .home-hero-clean .center h1{
    font-size:clamp(42px,11vw,58px) !important;
    line-height:.98 !important;
    margin-bottom:18px !important;
  }
  .home-hero-clean .center p{font-size:13px !important;line-height:1.7 !important;margin-bottom:22px !important}
  .home-trustbar{grid-template-columns:1fr 1fr}
  .home-trustitem:nth-child(2){border-right:0}
  .home-trustitem:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.055)}
}

@media (max-width:520px){
  .home-trustbar{grid-template-columns:1fr 1fr}
  .home-trustitem{min-height:58px;padding:12px 8px;flex-direction:column;gap:4px}
  .home-trustitem strong,.home-trustitem span{font-size:7.5px}
}

.cg-simple-footer{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
@media(max-width:700px){
  .cg-simple-footer{align-items:flex-start;flex-direction:column;gap:10px}
}


/* Final full-navigation alignment: keep every public destination visible on desktop. */
@media (min-width:901px){
  .cg-site-header{
    padding-left:clamp(22px,3vw,48px) !important;
    padding-right:clamp(22px,3vw,48px) !important;
    gap:clamp(12px,1.4vw,24px) !important;
  }
  .cg-site-header .cg-brand{
    flex:0 0 auto !important;
  }
  .cg-site-header .cg-brand-name{
    font-size:clamp(14px,1.15vw,18px) !important;
    letter-spacing:.07em !important;
  }
  .cg-site-header nav{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:clamp(5px,.55vw,9px) !important;
  }
  .cg-site-header nav a{
    white-space:nowrap !important;
    font-size:clamp(7px,.58vw,9px) !important;
    letter-spacing:.025em !important;
  }
  .cg-header-cta{
    flex:0 0 auto !important;
    min-width:auto !important;
    padding:10px 13px !important;
    font-size:8px !important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  .cg-site-header{padding-left:16px !important;padding-right:16px !important;gap:10px !important}
  .cg-site-header .cg-brand-name{font-size:13px !important}
  .cg-site-header nav{gap:4px !important}
  .cg-site-header nav a{font-size:7px !important;letter-spacing:0 !important}
  .cg-header-cta{padding:8px 9px !important;font-size:7px !important}
}

/* ==========================================================
   FINAL DESKTOP NAV READABILITY
   Keep every public page visible without shrinking text.
   The navigation is allowed to wrap into two balanced rows.
========================================================== */
@media (min-width:901px){
  .cg-site-header{
    min-height:96px !important;
    height:auto !important;
    padding:15px clamp(20px,3vw,44px) !important;
    display:grid !important;
    grid-template-columns:auto minmax(520px,1fr) auto !important;
    align-items:center !important;
    column-gap:clamp(18px,2.1vw,34px) !important;
  }

  .cg-site-header .cg-brand{
    grid-column:1 !important;
    align-self:center !important;
  }

  .cg-site-header .cg-brand-name{
    font-size:clamp(16px,1.25vw,19px) !important;
    letter-spacing:.075em !important;
  }

  .cg-site-header .cg-brand-crown{
    font-size:26px !important;
  }

  .cg-site-header nav{
    grid-column:2 !important;
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-content:center !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px 16px !important;
    min-width:0 !important;
    max-width:900px !important;
    margin:0 auto !important;
  }

  .cg-site-header nav a{
    flex:0 0 auto !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
    letter-spacing:.045em !important;
    white-space:nowrap !important;
  }

  .cg-header-cta{
    grid-column:3 !important;
    align-self:center !important;
    min-width:112px !important;
    padding:11px 16px !important;
    font-size:9.5px !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .cg-site-header{
    min-height:104px !important;
    padding:14px 16px !important;
    grid-template-columns:auto minmax(430px,1fr) auto !important;
    column-gap:14px !important;
  }

  .cg-site-header .cg-brand-name{
    font-size:14.5px !important;
  }

  .cg-site-header .cg-brand-crown{
    font-size:23px !important;
  }

  .cg-site-header nav{
    gap:8px 12px !important;
  }

  .cg-site-header nav a{
    font-size:9.5px !important;
    letter-spacing:.025em !important;
  }

  .cg-header-cta{
    min-width:98px !important;
    padding:10px 12px !important;
    font-size:8.5px !important;
  }
}