/* === Index.cshtml === */
:root{
  --ah-gold:var(--ah-color-primary);--ah-gold-lt:var(--ah-color-primary-lt);--ah-gold-dk:var(--ah-color-primary-dk);
  --ah-dark:#111010;--ah-dark-mid:#2A2825;
  --ah-mid:#6B6560;--ah-light:#A8A29E;
  --ah-cream:#FAFAF8;--ah-cream-w:#F5F1EA;
  --ah-border:#E9E4DC;--ah-border-dk:#D4CEC4;
  --ah-white:#FFFFFF;--ah-success:#4A7C59;--ah-danger:#C0392B;
  --ah-r-sm:4px;--ah-r-md:8px;--ah-r-lg:16px;
  --ah-sh-sm:0 1px 4px rgba(17,16,16,.06);--ah-sh-md:0 4px 20px rgba(17,16,16,.10);
  --ease:cubic-bezier(.4,0,.2,1);
}
/* Hero */
.consign-hero{background:var(--ah-dark);padding:72px 32px 64px;position:relative;overflow:hidden}
.consign-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(30,45,79,.08) 0%,transparent 65%)}
.consign-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;position:relative;z-index:1}
.hero-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ah-gold-lt);margin-bottom:14px}
.hero-title{font-family:var(--ah-font-serif);font-size:clamp(30px,4vw,52px);font-weight:700;color:#fff;line-height:1.18;margin-bottom:16px}
.hero-title em{font-style:italic;color:var(--ah-gold-lt)}
.hero-sub{font-size:14.5px;color:rgba(255,255,255,.45);max-width:500px;line-height:1.7;margin-bottom:28px}
.hero-stats{display:flex;gap:32px;flex-wrap:wrap}
.hero-stat-val{font-family:var(--ah-font-serif);font-size:28px;font-weight:700;color:var(--ah-gold-lt);line-height:1}
.hero-stat-label{font-size:12px;color:rgba(255,255,255,.35);margin-top:4px;letter-spacing:.04em}
.hero-visual{display:flex;align-items:center;justify-content:center}
.hero-artwork-stack{position:relative;width:200px;height:280px}
.artwork-card-float{position:absolute;width:160px;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.4)}
.artwork-card-float:nth-child(1){top:0;left:30px;z-index:3;transform:rotate(-2deg)}
.artwork-card-float:nth-child(2){top:30px;left:0;z-index:2;transform:rotate(2deg)}
.artwork-card-float:nth-child(3){top:60px;left:20px;z-index:1;transform:rotate(-1deg)}
.artwork-card-float img{width:100%;height:100%;object-fit:cover}
.sold-badge{position:absolute;top:10px;right:10px;background:rgba(192,57,43,.9);color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;padding:3px 8px;border-radius:2px}
/* Process */
.process-section{max-width:1200px;margin:0 auto;padding:72px 32px 60px}
.section-heading{text-align:center;margin-bottom:48px}
.section-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ah-gold-dk);margin-bottom:10px}
.section-title{font-family:var(--ah-font-serif);font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--ah-dark)}
.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.steps-row::before{content:'';position:absolute;top:32px;left:15%;right:15%;height:1px;background:repeating-linear-gradient(to right,var(--ah-border) 0,var(--ah-border) 8px,transparent 8px,transparent 16px)}
.step-card{background:#fff;border:1px solid var(--ah-border);border-radius:var(--ah-r-md);padding:28px 22px;text-align:center;position:relative}
.step-num{width:64px;height:64px;border-radius:50%;border:2px solid var(--ah-border);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:var(--ah-gold-dk);position:relative;background:var(--ah-cream)}
.step-num-badge{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--ah-dark);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--ah-cream)}
.step-title{font-family:var(--ah-font-serif);font-size:17px;font-weight:700;color:var(--ah-dark);margin-bottom:8px}
.step-desc{font-size:13.5px;color:var(--ah-mid);line-height:1.65}
/* Form section */
.form-section{max-width:1200px;margin:0 auto;padding:0 32px 80px;display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}
.form-panel{background:#fff;border:1px solid var(--ah-border);border-radius:var(--ah-r-lg);overflow:hidden}
.form-panel-header{background:var(--ah-dark);padding:28px 36px}
.form-panel-title{font-family:var(--ah-font-serif);font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}
.form-panel-sub{font-size:13.5px;color:rgba(255,255,255,.45)}
.form-steps-bar{display:flex;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.form-step-tab{flex:1;padding:14px;text-align:center;font-size:12px;font-weight:600;color:rgba(255,255,255,.3);border-bottom:2px solid transparent;transition:all .2s;cursor:pointer;background:var(--ah-dark)}
.form-step-tab.active{color:var(--ah-gold-lt);border-bottom-color:var(--ah-gold)}
.form-step-tab.done{color:rgba(76,175,125,.7)}
.form-body{padding:32px 36px}
/* Form elements */
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ah-mid);margin-bottom:8px}
.form-label span{color:var(--ah-danger);margin-left:2px}
.form-input,.form-select,.form-textarea{width:100%;border:1.5px solid var(--ah-border-dk);border-radius:var(--ah-r-sm);font-size:14px;color:var(--ah-dark);background:var(--ah-cream-w);outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.form-input{height:48px;padding:0 14px}
.form-select{height:48px;padding:0 14px;cursor:pointer}
.form-textarea{padding:14px;resize:vertical;min-height:100px;line-height:1.6}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ah-gold);box-shadow:0 0 0 3px rgba(30,45,79,.12);background:#fff}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.form-step-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--ah-border);margin-top:24px}
.btn-prev{display:flex;align-items:center;gap:6px;padding:10px 20px;border:1.5px solid var(--ah-border-dk);border-radius:var(--ah-r-sm);font-size:13.5px;font-weight:600;color:var(--ah-mid);transition:all .2s;background:none;cursor:pointer;font-family:inherit}
.btn-prev:hover{border-color:var(--ah-dark);color:var(--ah-dark)}
.btn-next{display:flex;align-items:center;gap:6px;padding:11px 24px;background:var(--ah-dark);border-radius:var(--ah-r-sm);font-size:13.5px;font-weight:700;color:#fff;transition:background .2s;letter-spacing:.02em;border:none;cursor:pointer;font-family:inherit}
.btn-next:hover{background:var(--ah-dark-mid)}
.btn-next.gold{background:var(--ah-gold)}
.btn-next.gold:hover{background:var(--ah-gold-dk)}
/* Sidebar cards */
.consign-sidebar{}
.info-card{background:#fff;border:1px solid var(--ah-border);border-radius:var(--ah-r-md);overflow:hidden;margin-bottom:16px}
.info-card-header{background:var(--ah-dark);padding:16px 20px;display:flex;align-items:center;gap:10px}
.info-card-header i{font-size:16px;color:var(--ah-gold-lt)}
.info-card-header span{font-size:14px;font-weight:700;color:#fff}
.info-card-body{padding:16px 20px}
.commission-table{width:100%;border-collapse:collapse}
.commission-table td{padding:8px 0;font-size:13.5px;border-bottom:1px solid var(--ah-border)}
.commission-table td:last-child{text-align:right;font-weight:700;color:var(--ah-dark)}
.commission-table tr:last-child td{border-bottom:none}
.commission-table .highlight-row td{color:var(--ah-gold-dk);font-weight:700}
.faq-item{padding:12px 0;border-bottom:1px solid var(--ah-border)}
.faq-item:last-child{border-bottom:none}
.faq-q{font-size:13.5px;font-weight:600;color:var(--ah-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:none;border:none;width:100%;text-align:left;font-family:inherit;padding:0}
.faq-q i{font-size:10px;color:var(--ah-light);transition:transform .2s}
.faq-a{font-size:13px;color:var(--ah-mid);line-height:1.6;margin-top:8px;display:none}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q i{transform:rotate(180deg)}
/* Success */
.consign-success{text-align:center;padding:60px 36px}
.success-icon{width:80px;height:80px;border-radius:50%;background:rgba(74,124,89,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;color:var(--ah-success)}
.success-title{font-family:var(--ah-font-serif);font-size:24px;font-weight:700;color:var(--ah-dark);margin-bottom:10px}
.success-sub{font-size:14px;color:var(--ah-mid);line-height:1.7;margin-bottom:28px}
.success-ref{display:inline-block;padding:10px 24px;background:var(--ah-cream-w);border:1px solid var(--ah-border);border-radius:var(--ah-r-sm);font-size:14px;font-weight:700;color:var(--ah-dark);letter-spacing:.04em;margin-bottom:24px}
.success-ref span{color:var(--ah-gold-dk)}
@media(max-width:1024px){.form-section{grid-template-columns:1fr}.consign-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consign-hero-inner{grid-template-columns:1fr}.hero-visual{display:none}}
@media(max-width:700px){.steps-row{grid-template-columns:1fr 1fr}.steps-row::before{display:none}.form-row,.form-row3{grid-template-columns:1fr}.process-section,.form-section{padding-left:20px;padding-right:20px}.consign-hero{padding:56px 20px}.form-body{padding:24px 20px}.form-panel-header{padding:24px 20px}.consign-sidebar{grid-template-columns:1fr}}