@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+Georgian:wght@400;500;600&family=Noto+Serif+Georgian:wght@400;500;600&display=swap');
:root {
    --bg: #09080b;
    --panel: #121016;
    --panel-2: #19161d;
    --text: #ede7df;
    --muted: #948d96;
    --gold: #cb946c;
    --line: rgba(214, 170, 131, .34);
    --soft-line: rgba(236, 228, 218, .1);
    --serif: "Noto Serif Georgian", "Cormorant Garamond", Georgia, serif;
    --sans: "Noto Sans Georgian", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: var(--sans); margin: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.eyebrow { color: var(--gold); display: block; font-size: .67rem; letter-spacing: .4em; text-transform: uppercase; }
.brand { align-items: center; color: #e4b590; display: inline-flex; font: 500 2rem "Cormorant Garamond", Georgia, serif; gap: 14px; letter-spacing: .28em; }
.brand span { border: 1px solid var(--gold); border-radius: 50%; display: block; height: 40px; position: relative; width: 40px; }
.brand span:before { background: var(--gold); border-radius: 50%; content: ""; height: 8px; left: -8px; position: absolute; top: 2px; width: 8px; }
.site-header { border-bottom: 1px solid var(--line); height: 82px; position: relative; z-index: 2; }
.header-inner { align-items: center; display: flex; height: 100%; justify-content: space-between; margin: 0 auto; max-width: 1540px; padding: 0 clamp(22px, 4vw, 54px); }
.site-header nav { align-items: center; display: flex; gap: clamp(31px, 5vw, 68px); }
.site-header nav a, .header-actions a { color: var(--muted); font-size: .75rem; letter-spacing: .16em; transition: color .2s; }
.site-header nav a.active, .site-header nav a:hover, .header-actions a:hover { color: var(--gold); }
.header-actions { align-items: center; display: flex; gap: 22px; }
.account-button { padding: 10px 4px; }
.cart-button { align-items: center; border: 1px solid var(--line); color: #d7b295 !important; display: inline-flex; gap: 13px; padding: 12px 16px 12px 21px; }
.cart-button span { align-items: center; background: rgba(203,148,108,.15); border-radius: 50%; color: var(--gold); display: inline-flex; font-size: .66rem; height: 25px; justify-content: center; letter-spacing: 0; width: 25px; }
.ticker { border-bottom: 1px solid var(--soft-line); color: var(--muted); height: 48px; overflow: hidden; white-space: nowrap; }
.ticker-track { align-items: center; animation: ticker-scroll 33s linear infinite; display: flex; height: 100%; width: max-content; }
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-group { align-items: center; display: flex; flex-shrink: 0; gap: clamp(38px, 5vw, 76px); padding-right: clamp(38px, 5vw, 76px); }
.ticker span { font-size: .7rem; letter-spacing: .22em; }
.ticker i { background: var(--gold); display: block; flex-shrink: 0; height: 6px; transform: rotate(45deg); width: 6px; }
@keyframes ticker-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.notice { border: 1px solid var(--line); margin: 20px auto 0; padding: 14px 20px; width: min(1360px, calc(100% - 44px)); }
.notice.success { color: #a5d0a8; }
.notice.error { color: #e6a49a; }
.btn { align-items: center; background: transparent; border: 1px solid var(--line); color: var(--text); display: inline-flex; font-size: .72rem; justify-content: center; letter-spacing: .13em; min-height: 52px; padding: 0 38px; transition: .2s; }
.btn:hover { border-color: var(--gold); transform: translateY(-1px); }
.btn.primary { background: var(--gold); border-color: var(--gold); color: #17131a; }
.btn.small { min-height: 42px; min-width: 105px; padding: 0 19px; }
.btn.wide { width: 100%; }
.btn.disabled { color: var(--muted); cursor: default; }
.hero { display: grid; grid-template-columns: 1fr 1fr; }
.home-hero { height: clamp(395px, 43vw, 505px); margin: 0 auto; max-width: 1540px; width: 100%; }
.hero-copy { align-content: center; display: grid; padding: clamp(32px, 4.2vw, 58px); }
.hero-copy .eyebrow { margin-bottom: 24px; }
.hero-copy h1 { font: 400 clamp(2.65rem, 4.1vw, 4.65rem)/1.2 var(--serif); margin: 0 0 22px; }
.hero-copy em { color: var(--gold); font-style: italic; }
.hero-copy p { color: var(--muted); font-size: .92rem; line-height: 1.75; margin: 0 0 26px; max-width: 540px; }
.hero-actions { display: flex; gap: 20px; }
.hero-photo { min-height: 0; position: relative; }
.hero-photo:after { background: linear-gradient(90deg, rgba(9,8,11,.25), rgba(9,8,11,.08)); content: ""; inset: 0; position: absolute; }
.hero-photo img { height: 100%; object-fit: cover; width: 100%; }
.content-section, .page-shell { margin: 0 auto; max-width: 1540px; padding: clamp(48px, 5vw, 74px) clamp(22px, 4vw, 54px); }
.auction-showcase { border-top: 1px solid var(--soft-line); padding-top: clamp(38px, 4vw, 52px); }
.collection-showcase { padding-top: clamp(40px, 4vw, 58px); }
.page-shell.narrow { max-width: 980px; }
.section-head { align-items: end; display: flex; justify-content: space-between; margin-bottom: 31px; }
.section-head h2, .page-heading h1 { font: 400 clamp(2.15rem, 4.2vw, 3.65rem) var(--serif); margin: 8px 0 0; }
.section-head > a { color: var(--gold); font-size: .72rem; letter-spacing: .26em; text-transform: uppercase; }
.page-heading { margin: 0 0 50px; max-width: 700px; }
.page-heading p { color: var(--muted); line-height: 1.8; }
.lot-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lot-card { background: var(--panel); border: 1px solid var(--soft-line); display: grid; grid-template-columns: minmax(180px, .8fr) 1fr; }
.lot-image { min-height: 315px; overflow: hidden; position: relative; }
.lot-image img { height: 100%; object-fit: cover; width: 100%; }
.live-dot { background: rgba(14,13,17,.84); border: 1px solid var(--line); bottom: 18px; color: var(--gold); font-size: .65rem; letter-spacing: .13em; padding: 12px 17px; position: absolute; right: 18px; }
.live-dot:before { background: var(--gold); border-radius: 50%; content: ""; display: inline-block; height: 7px; margin-right: 10px; width: 7px; }
.lot-copy { padding: clamp(21px, 2.3vw, 30px); }
.lot-copy h3 { font: 500 clamp(1.45rem, 2.4vw, 1.8rem) var(--serif); margin: 0 0 9px; }
.lot-copy p { color: var(--muted); font-size: .85rem; line-height: 1.65; }
.bid-meta { border-bottom: 1px solid var(--soft-line); border-top: 1px solid var(--soft-line); display: flex; justify-content: space-between; margin: 24px 0 20px; padding: 17px 0; }
.bid-meta span { color: var(--muted); font-size: .65rem; letter-spacing: .13em; }
.bid-meta strong { color: var(--gold); display: block; font: 400 2rem var(--serif); letter-spacing: 0; margin-top: 7px; }
.timer { color: var(--muted); font-size: .72rem; letter-spacing: .1em; margin: 20px 0; }
.bid-form { display: flex; gap: 10px; }
.bid-form input { background: var(--panel-2); border: 1px solid var(--soft-line); color: var(--text); min-width: 0; padding: 0 14px; width: 100%; }
.product-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0,1fr)); }
.product-grid-five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.product-card { background: var(--panel); border: 1px solid var(--soft-line); min-width: 0; padding: 18px; }
.product-placeholder { align-items: center; background: linear-gradient(130deg,#17141a,#241b18); color: var(--gold); display: flex; font-size: .61rem; height: 205px; justify-content: center; letter-spacing: .3em; margin: -18px -18px 19px; text-align: center; }
.product-card h3 { font: 500 clamp(1.22rem, 1.6vw, 1.5rem) var(--serif); margin: 0 0 8px; min-height: 3.1rem; }
.product-card p { color: var(--muted); display: -webkit-box; font-size: .78rem; line-height: 1.6; min-height: 40px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-buy { align-items: center; display: flex; justify-content: space-between; margin-top: 23px; }
.product-buy strong { color: var(--gold); font: 400 1.65rem var(--serif); }
.product-grid-five .btn.small { min-width: auto; padding: 0 13px; }
.site-footer { border-top: 1px solid var(--line); margin-top: 26px; }
.footer-main { display: grid; gap: clamp(26px, 4vw, 62px); grid-template-columns: 1.25fr .7fr .8fr 1.25fr; margin: 0 auto; max-width: 1540px; padding: clamp(44px, 5vw, 64px) clamp(22px, 4vw, 54px) 42px; }
.site-footer h3 { color: var(--gold); font-size: .72rem; font-weight: 500; letter-spacing: .16em; margin: 0 0 22px; }
.site-footer p { color: var(--muted); line-height: 1.8; max-width: 460px; }
.footer-links a { color: var(--muted); display: block; line-height: 2.4; transition: color .2s; }
.footer-links a:hover { color: var(--gold); }
.footer-links p { font-size: .86rem; line-height: 2; margin: 0; }
.newsletter { display: flex; gap: 10px; margin-top: 22px; }
.newsletter input { background: transparent; border: 1px solid var(--soft-line); color: var(--text); padding: 0 15px; width: min(280px,100%); }
.footer-bottom { border-top: 1px solid var(--soft-line); color: var(--muted); display: flex; font-size: .74rem; justify-content: space-between; margin: 0 auto; max-width: 1540px; padding: 21px clamp(22px, 4vw, 54px) 26px; }
.auth-shell { display: flex; justify-content: center; min-height: 650px; padding: clamp(45px, 7vw, 85px) 20px; }
.auth-card { background: var(--panel); border: 1px solid var(--soft-line); height: fit-content; padding: clamp(30px, 5vw, 46px); width: min(510px,100%); }
.auth-card h1 { font: 400 3.3rem var(--serif); margin: 13px 0 27px; }
.form { display: grid; gap: 17px; }
.form label { color: var(--muted); display: grid; font-size: .72rem; gap: 9px; letter-spacing: .12em; }
.form input, .form textarea, .form select { background: var(--panel-2); border: 1px solid var(--soft-line); color: var(--text); min-height: 50px; padding: 13px; }
.form textarea { min-height: 84px; resize: vertical; }
.auth-switch { color: var(--muted); font-size: .85rem; margin: 28px 0 0; }
.auth-switch a { color: var(--gold); }
.social-coming { display: grid; gap: 10px; }
.social-coming button { align-items: center; background: transparent; border: 1px solid var(--soft-line); color: var(--text); cursor: not-allowed; display: flex; justify-content: space-between; min-height: 50px; padding: 0 16px; }
.social-coming small { color: var(--muted); }
.or { color: var(--muted); font-size: .7rem; letter-spacing: .23em; margin: 23px 0; text-align: center; text-transform: uppercase; }
.cart-list, .panel { background: var(--panel); border: 1px solid var(--soft-line); padding: 26px; }
.cart-row { align-items: center; border-bottom: 1px solid var(--soft-line); display: grid; grid-template-columns: 1fr auto auto; gap: 28px; padding: 20px 0; }
.cart-row h3 { font: 500 1.5rem var(--serif); margin: 0; }
.cart-row p { color: var(--muted); margin: 8px 0 0; }
.cart-row button, .admin-table button { background: transparent; border: 1px solid var(--line); color: var(--gold); padding: 9px 12px; }
.cart-total { align-items: center; display: flex; gap: 28px; justify-content: end; margin-top: 30px; }
.cart-total strong { color: var(--gold); font: 400 2.5rem var(--serif); }
.empty { color: var(--muted); font-size: 1.1rem; padding: 60px 0; }
.account-grid { display: grid; gap: 24px; grid-template-columns: 1fr 1fr; }
.panel h3 { font: 500 2rem var(--serif); margin: 0 0 24px; }
.data-row { border-top: 1px solid var(--soft-line); display: flex; justify-content: space-between; padding: 15px 0; }
.data-row strong { color: var(--gold); font-weight: 500; }
.admin-body { display: grid; grid-template-columns: 265px 1fr; min-height: 100vh; }
.admin-sidebar { background: var(--panel); border-right: 1px solid var(--soft-line); padding: 32px 26px; }
.admin-sidebar small { color: var(--muted); display: block; font-size: .63rem; letter-spacing: .35em; margin: 40px 0 30px; text-transform: uppercase; }
.admin-sidebar nav { display: grid; gap: 9px; }
.admin-sidebar nav a { border: 1px solid transparent; color: var(--muted); padding: 15px; }
.admin-sidebar nav a.active { background: var(--panel-2); border-color: var(--soft-line); color: var(--gold); }
.admin-main { padding: clamp(27px,4vw,48px); }
.admin-top { align-items: center; display: flex; justify-content: space-between; margin-bottom: 38px; }
.admin-top h1 { font: 400 clamp(2.2rem,4vw,3.4rem) var(--serif); margin: 9px 0 0; }
.metric-grid { display: grid; gap: 18px; grid-template-columns: repeat(4,1fr); margin-bottom: 28px; }
.metric-grid article { background: var(--panel); border: 1px solid var(--soft-line); padding: 27px; }
.metric-grid span { color: var(--muted); font-size: .7rem; letter-spacing: .22em; text-transform: uppercase; }
.metric-grid strong { color: var(--gold); display: block; font: 400 3.3rem var(--serif); margin-top: 16px; }
.admin-panel { background: var(--panel); border: 1px solid var(--soft-line); padding: clamp(22px,3vw,30px); }
.admin-panel h2 { font: 500 2.1rem var(--serif); margin: 0 0 23px; }
.admin-columns { display: grid; gap: 22px; grid-template-columns: minmax(300px, .8fr) minmax(400px, 1.2fr); }
.inline-fields { display: grid; gap: 13px; grid-template-columns: 1fr 1fr; }
.check { display: flex !important; gap: 10px !important; }
.check input { min-height: auto !important; width: auto; }
.panel-title { align-items: center; display: flex; justify-content: space-between; }
.panel-title a { color: var(--gold); }
.admin-table > div { align-items: center; border-top: 1px solid var(--soft-line); display: flex; gap: 22px; justify-content: space-between; min-height: 60px; padding: 12px 0; }
.admin-table span { flex: 1; }
.admin-table small { color: var(--muted); display: block; margin-top: 5px; }
.admin-table strong { color: var(--gold); font-weight: 500; }
.admin-table em { color: var(--muted); font-size: .74rem; font-style: normal; text-transform: uppercase; }
.admin-table select { background: var(--panel-2); border: 1px solid var(--soft-line); color: var(--text); padding: 9px; }
@media (max-width: 1080px) {
    .site-header nav { display: none; }
    .hero, .lot-card { grid-template-columns: 1fr; }
    .home-hero { height: auto; }
    .hero-photo { min-height: 380px; order: -1; }
    .product-grid-five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lot-grid, .account-grid, .admin-columns { grid-template-columns: 1fr; }
    .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-body { display: block; }
    .admin-sidebar { display: flex; gap: 28px; overflow: auto; }
    .admin-sidebar small { display: none; }
    .admin-sidebar nav { display: flex; }
    .metric-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 650px) {
    .site-header { height: 72px; }
    .header-inner { padding: 0 18px; }
    .brand { font-size: 1.55rem; }
    .brand span { height: 32px; width: 32px; }
    .header-actions a:first-child { display: none; }
    .cart-button { padding: 12px 15px; }
    .ticker { height: 44px; }
    .hero-actions, .newsletter, .cart-total { align-items: stretch; flex-direction: column; }
    .hero-copy { padding: 42px 22px; }
    .lot-image { min-height: 300px; }
    .product-grid, .product-grid-five, .footer-main { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; gap: 10px; }
    .metric-grid { grid-template-columns: 1fr; }
}