html{background:#f4f6ef}:root{--brand-ink:#171918;--brand-ink-2:#343837;--brand-muted:#69706f;--brand-soft:#eef1e7;--brand-surface:#fbfcf6;--brand-panel:#fbfcf6e6;--brand-line:#17191824;--brand-line-strong:#17191852;--brand-primary:#1b2a4a;--brand-primary-dark:#10192e;--brand-primary-soft:#e4e8f2;--brand-accent:#c81e3a;--brand-accent-soft:#f8dfe3;--brand-danger:#c44632;--brand-success:#187451;--brand-footer:#171918;--brand-call:#171918;--brand-call-hover:#2b2f2e;--brand-glass:#fbfcf6d6;--brand-glass-strong:#fbfcf6f5;--brand-gradient:linear-gradient(135deg, #1b2a4a 0%, #0d1830 100%);--brand-gradient-hover:linear-gradient(135deg, #24365f 0%, #142346 100%);--shadow-soft:0 18px 45px #17191814;--shadow-card:0 16px 42px #1719181c;--shadow-hard:0 10px 0 #17191814;--remake-bg:#f4f6ef;--remake-paper:#fbfcf6;--remake-ink:#171918;--remake-plum:#c81e3a;--remake-teal:#1b2a4a;--remake-citron:#c81e3a}body{color:var(--remake-ink);background:linear-gradient(90deg,#17191809 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#17191807 1px,#0000 1px) 0 0/72px 72px,#f4f6ef!important}body:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(135deg,#6f244606 0 1px,#0000 1px 8px),linear-gradient(#fbfcf6c7,#f4f6efe6);position:fixed;inset:0}main{position:relative}.page-container{max-width:1390px;padding:0 30px}h1,h2,h3,h4,h5,.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:0!important;font-weight:900!important}p,.ant-typography,.ant-form,.ant-input,.ant-select,.ant-btn{font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.brand-shell,.public-page,.register-page{background:0 0!important}.brand-eyebrow,.rail-label,.lot-kicker{text-transform:uppercase;color:var(--remake-plum)!important;letter-spacing:.12em!important;font-size:11px!important;font-weight:900!important}.section-title,.public-hero-title{color:var(--remake-ink);font-size:48px!important;line-height:.98!important}.section-copy,.public-copy{color:#596260!important;font-size:17px!important;line-height:1.62!important}.ant-btn{min-height:40px;box-shadow:none!important;border-radius:8px!important;font-weight:850!important;transition:transform .16s,border-color .16s,background .16s,color .16s!important}.ant-btn:hover,a:hover .ant-btn{transform:translateY(-1px)}.ant-btn-primary,.brand-button-success{border-color:var(--remake-plum)!important;background:var(--remake-plum)!important;color:#fffdf7!important}.ant-btn-primary:hover,.ant-btn-primary:focus,.brand-button-success:hover,.brand-button-success:focus{border-color:var(--brand-primary-dark)!important;background:var(--brand-primary-dark)!important;color:#fffdf7!important}.ant-btn-text:hover{background:#6f244614!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number,.ant-picker,.ant-upload,.ant-radio-button-wrapper{background:#fbfcf6f2!important;border-color:#17191829!important;border-radius:8px!important}.ant-input-status-error,.ant-input-status-error.ant-input-affix-wrapper,.ant-select-status-error .ant-select-selector,.ant-input-number-status-error,.ant-picker-status-error{border-color:#c81e3a!important}.ant-card,.auction-panel,.market-card{box-shadow:var(--shadow-card)!important;-webkit-backdrop-filter:none!important;background:#fbfcf6eb!important;border:1px solid #17191821!important;border-radius:8px!important}.market-card:before,.auction-panel:before{display:none}.text-link{color:var(--remake-plum);text-decoration-color:#6f244673}.site-header-remake{padding:0!important}.site-header-v5>div:nth-child(2){-webkit-backdrop-filter:blur(16px)saturate(1.1)!important;background:#f4f6efd1!important;border-bottom:1px solid #1719181f!important}.site-header-v5>div:nth-child(2) .page-container{max-width:100%!important;padding:12px 24px!important}.site-header-v5>div:nth-child(2) .page-container>div{min-height:62px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.site-header-v5 a[aria-label]{box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:9px 0!important}.site-header-v5 .desktop-nav{background:0 0!important;border:0!important;border-radius:0!important;gap:2px!important;padding:0!important}.site-header-v5 .desktop-nav a>span,.site-header-v5 .desktop-nav>span{color:#303534!important;background:0 0!important;border-radius:8px!important;min-height:38px!important;padding:0 8px!important}.site-header-v5 .desktop-nav a:hover>span,.site-header-v5 .desktop-nav>span:hover{color:var(--remake-plum)!important;background:#6f244614!important;transform:none!important}.site-header-v5 .brand-button-call{height:42px!important;color:var(--remake-ink)!important;background:0 0!important;border-color:#1719182e!important}.site-header-v5 .auth-buttons a[href=\/register] .ant-btn{background:var(--remake-plum)!important;height:42px!important}.market-hero.home-hero.hero-remake{border-bottom:1px solid #17191824;padding:58px 0 46px;min-height:auto!important;color:var(--remake-ink)!important;background:linear-gradient(90deg,#1719180f 1px,#0000 1px) 0 0/92px 92px,linear-gradient(#1719180b 1px,#0000 1px) 0 0/92px 92px,#f4f6ef!important}.market-hero.home-hero.hero-remake:after{display:none!important}.hero-remake-shell{gap:28px;display:grid}.hero-remake-top{grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:32px;display:grid!important}.home-hero-copy h1{max-width:980px!important;color:var(--remake-ink)!important;letter-spacing:0!important;font-size:86px!important;line-height:.88!important}.home-hero-copy p{color:#4f5856!important;max-width:720px!important;font-size:19px!important}.home-hero-actions{margin-top:30px!important}.home-hero-secondary{color:var(--remake-plum)!important}.hero-market-clock{background:#1719181f;border:1px solid #17191829;border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden;box-shadow:0 18px 44px #17191814}.hero-market-clock>div{background:#fbfcf6;align-content:space-between;min-height:126px;padding:18px;display:grid}.hero-market-clock strong{color:var(--remake-ink);font-size:28px;line-height:1}.hero-remake-board{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:18px;display:grid!important}.hero-lot-stage{background:#dfe5de;border:1px solid #17191824;border-radius:8px;min-height:560px;display:block;overflow:hidden;box-shadow:0 22px 55px #17191821}.hero-lot-photo,.home-featured-photo{height:100%;background:#dfe5de!important;min-height:560px!important}.hero-lot-photo img,.home-featured-photo img{filter:saturate(.92)contrast(1.04)}.hero-lot-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#171918b8),linear-gradient(90deg,#17191833,#0000 34%);position:absolute;inset:0}.hero-lot-scanline{display:none!important}.home-featured-photo-fallback{background:repeating-linear-gradient(45deg,#1719180a 0 1px,#0000 1px 9px),#e5e9df;color:#17191894!important}.home-featured-badges{z-index:3!important;align-items:end!important;inset:auto 18px 18px!important}.home-featured-badges span,.home-featured-badges strong{min-height:34px!important;box-shadow:none!important;border-radius:8px!important;padding:8px 12px!important}.home-featured-badges span{color:var(--remake-plum)!important;background:#fbfcf6!important}.home-featured-badges strong{background:var(--remake-ink)!important;color:#fffdf7!important}.hero-lot-terminal{background:repeating-linear-gradient(0deg, #fbfcf60a 0 1px, transparent 1px 8px), var(--remake-ink);color:#fbfcf6;border:1px solid #17191824;border-radius:8px;align-content:space-between;gap:22px;min-height:560px;padding:26px;display:grid;box-shadow:0 22px 55px #1719181f}.terminal-head,.terminal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.terminal-head span,.terminal-head em,.terminal-price span,.terminal-grid span{color:#fbfcf694;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:900}.terminal-head em{text-align:right;color:var(--remake-citron)}.hero-lot-terminal h2{margin:0;font-size:42px;line-height:.96;color:#fbfcf6!important}.terminal-price strong{color:var(--remake-citron);margin-top:8px;font-size:46px;line-height:.95;display:block}.terminal-grid>div{border:1px solid #fbfcf624;border-radius:8px;gap:8px;padding:14px;display:grid}.terminal-grid svg{color:var(--remake-citron)}.terminal-grid strong{color:#fbfcf6}.terminal-link{min-height:48px;color:var(--remake-ink);background:#fbfcf6;border-radius:8px;justify-content:space-between;align-items:center;padding:0 14px;font-weight:900;display:inline-flex}.hero-search-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.hero-lot-strip{background:#1719181c;border:1px solid #17191824;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.hero-lot-strip>div{background:#fbfcf6eb;align-content:space-between;min-height:118px;padding:16px;display:grid}.hero-lot-strip span,.hero-lot-strip em{color:#66706e;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:850}.hero-lot-strip strong{color:var(--remake-plum);font-size:34px;line-height:1}.home-hero-trust{justify-content:flex-end;max-width:360px;margin:0!important}.home-hero-trust span{color:#38403e!important}.section-band,.market-section,.home-ops-section,.home-concierge-section{background:0 0!important;border-top:1px solid #1719181a!important;padding:82px 0!important}.market-section-muted,.home-schedule-band{background:linear-gradient(90deg,#1719180a 1px,#0000 1px) 0 0/58px 58px,#eef1e7!important}.home-section-head{align-items:end!important;margin-bottom:28px!important}.home-section-head .section-heading{max-width:740px}.market-lot-card{height:100%}.market-lot-card .ant-card{height:100%;overflow:hidden;background:#fbfcf6!important;border:1px solid #1719181f!important;border-radius:8px!important;transform:none!important;box-shadow:0 14px 38px #1719181a!important}.market-lot-card .ant-card:hover{border-color:#6f244652!important;transform:translateY(-5px)!important;box-shadow:0 26px 55px #17191824!important}.market-lot-card .ant-card-body{background:#fbfcf6!important;padding:17px!important}.lot-card-media,.inventory-card-media.lot-card-media,.live-card-media{background:#dfe5de!important;border-radius:0!important;height:260px!important}.inventory-lot-grid .ant-col:nth-child(4n+1) .inventory-card-media,.inventory-lot-grid .ant-col:nth-child(5n) .inventory-card-media{height:260px!important}.lot-card-media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#1719188c);height:45%;position:absolute;inset:auto 0 0}.lot-card-placeholder{color:var(--remake-plum)!important;background:repeating-linear-gradient(45deg,#1719180d 0 1px,#0000 1px 9px),#e1e6dc!important}.market-lot-card .ant-typography,.market-lot-card h5.ant-typography{color:var(--remake-ink)!important}.lot-card-buy-now.ant-btn{background:var(--remake-citron)!important;border-color:var(--remake-citron)!important;color:#fff!important}.status-pill,.ant-tag{border-radius:8px!important;font-weight:850!important}.status-pill-live{color:var(--brand-success)!important;background:#e4f1e9!important}.status-pill-upcoming{background:var(--brand-accent-soft)!important;color:var(--remake-teal)!important}.home-schedule{box-shadow:var(--shadow-card)!important;background:#1719181f!important;border-radius:8px!important;grid-template-columns:320px minmax(0,1fr)!important}.home-day-rail{background:#171918!important;border-right:0!important}.home-day-rail button{color:#fbfcf6b8!important;border-bottom:1px solid #fbfcf61a!important}.home-day-rail button.active{background:var(--remake-plum)!important;color:#fffdf7!important}.home-schedule-list{background:#fbfcf6}.home-schedule-row{grid-template-columns:84px minmax(0,1fr) auto!important}.home-schedule-thumb{border-radius:8px!important;width:72px!important;height:54px!important}.home-ops-grid,.home-concierge-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:22px;display:grid}.home-ops-copy,.home-concierge-copy{background:var(--remake-ink);color:#fbfcf6;border:1px solid #17191821;border-radius:8px;padding:30px}.home-ops-copy h2,.home-concierge-copy h2{font-size:48px;line-height:.98;color:#fbfcf6!important}.home-ops-copy p,.home-concierge-copy p{color:#fbfcf6a8!important}.home-workflow-board,.home-standards-list{background:#1719181f;border:1px solid #17191821;border-radius:8px;gap:1px;display:grid;overflow:hidden}.home-workflow-board article,.home-standards-list article{background:#fbfcf6f0;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:22px;display:grid!important}.home-workflow-board article>span,.home-standards-list article>span{background:var(--brand-primary-soft);width:46px;height:46px;color:var(--remake-plum);border-radius:8px;place-items:center;font-weight:900;display:grid}.home-desk-stack{gap:18px;display:grid}.home-payment-desk,.home-transport-desk,.home-calc,.home-calc-result{box-shadow:var(--shadow-soft);background:#fbfcf6f0;border:1px solid #17191821;border-radius:8px}.home-payment-desk,.home-transport-desk{padding:24px}.home-payment-methods{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.home-payment-methods>div{background:#eef1e7;border-radius:8px;min-height:118px;padding:14px}.home-calc{gap:10px;margin:18px 0;padding:14px;display:grid}.home-calc-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-calc-result{padding:14px}.section-band-dark{background:var(--remake-ink)!important}.inventory-remake-page{background:linear-gradient(90deg,#1719180a 1px,#0000 1px) 0 0/72px 72px,#f4f6ef!important}.inventory-remake-hero{border-bottom:1px solid #17191824!important;min-height:250px!important;padding:0 0 28px!important}.inventory-remake-hero h2.ant-typography,.inventory-remake-hero h2{text-transform:none!important;font-size:96px!important;line-height:.9!important}.inventory-command-panel{background:#fbfcf6e6!important;border-radius:8px!important;grid-template-columns:minmax(260px,1fr) auto minmax(220px,280px) auto!important;max-width:none!important;margin:0 0 24px!important;position:sticky!important;top:88px!important}.inventory-filter-card.ant-card{overflow:hidden;background:var(--remake-ink)!important;border-radius:8px!important;top:160px!important}.inventory-filter-card .ant-card-head,.inventory-filter-card .ant-card-head-title,.inventory-filter-card .ant-card-extra .ant-btn{color:#fbfcf6!important}.inventory-filter-card .ant-divider,.inventory-filter-card .ant-divider-inner-text,.inventory-filter-card .ant-radio-wrapper,.inventory-filter-card label,.inventory-filter-card span{color:#fbfcf6b8!important}.inventory-filter-card .ant-input-affix-wrapper,.inventory-filter-card .ant-select-selector{color:#fbfcf6!important;background:#fbfcf617!important;border-color:#fbfcf633!important}.inventory-results-head{background:#fbfcf6e6!important;border-radius:8px!important;min-height:72px!important}.inventory-lot-grid .ant-col{transform:none!important}.public-hero{background:linear-gradient(90deg,#1719180a 1px,#0000 1px) 0 0/72px 72px,#eef1e7!important;padding:74px 0 48px!important}.live-summary-panel{background:#fbfcf6!important}.register-shell{padding:56px 24px 84px!important}.auth-split,.register-grid{grid-template-columns:minmax(280px,.72fr) minmax(420px,1fr)!important;max-width:1180px!important}.register-grid>aside{color:#fbfcf6;background:var(--remake-ink)!important}.register-grid>aside h1,.register-grid>aside .ant-typography{color:#fbfcf6!important}.register-grid>aside p,.register-grid>aside .ant-typography-secondary{color:#fbfcf6a8!important}.register-steps .ant-steps-item-title,.register-steps .ant-steps-item-icon{font-weight:850}.lot-dossier-page{background:linear-gradient(90deg,#1719180a 1px,#0000 1px) 0 0/72px 72px,#f4f6ef!important}.lot-dossier-hero{min-height:48vh!important;padding:74px 0 96px!important}.lot-dossier-hero h1{color:#fbfcf6!important;max-width:1060px!important;font-size:84px!important;line-height:.88!important}.lot-dossier-body{margin-top:-58px!important}.lot-dossier-layout{grid-template-columns:360px minmax(0,1fr)!important}.lot-media-stage,.lot-doc-panel,.lot-ledger,.lot-similar,.lot-grid-comments>div,.bid-panel-card,.lot-sidebar-calculator,.lot-agent-card,.lot-social-card,.lot-offer-card,.lot-calculator-card{box-shadow:var(--shadow-card)!important;background:#fbfcf6f0!important;border-color:#17191821!important;border-radius:8px!important}.lot-media-main{min-height:620px!important}.lot-agent-card{background:var(--remake-ink)!important;color:#fbfcf6!important}.site-footer-remake{margin-top:0;background:linear-gradient(90deg, #fbfcf60d 1px, transparent 1px) 0 0 / 74px 74px, var(--remake-ink)!important;border-top:0!important;padding:78px 0 34px!important}.site-footer-remake .page-container{max-width:1390px}.site-footer-remake a:hover,.site-footer-remake .ant-typography:hover{color:#fbfcf6!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1179px){.site-header-v5>div:nth-child(2) .page-container{padding:10px 16px!important}.site-header-v5>div:nth-child(2) .page-container>div{min-height:58px!important}.desktop-nav,.auth-buttons.header-call-link,.site-header-v5 .auth-buttons{display:none!important}.hamburger-btn{display:inline-flex!important}.site-header-row{position:relative}.site-header-logo-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-remake-top,.hero-remake-board,.hero-search-panel,.home-ops-grid,.home-concierge-grid{grid-template-columns:1fr!important}.home-hero-copy h1{font-size:64px!important}.hero-market-clock,.hero-lot-strip{grid-template-columns:repeat(2,1fr)}.hero-lot-stage,.hero-lot-photo,.hero-lot-terminal{min-height:460px!important}.inventory-command-panel,.desktop-only{display:none!important}.inventory-remake-hero h2.ant-typography,.inventory-remake-hero h2{font-size:72px!important}.inventory-sidebar-col{display:none!important}.inventory-results-col{flex:0 0 100%!important;width:100%!important;max-width:100%!important}}@media (max-width:900px){.page-container{padding:0 18px}.section-title,.public-hero-title{font-size:38px!important}.home-hero-copy h1{font-size:48px!important;line-height:.94!important}.market-hero.home-hero.hero-remake,.public-hero{padding:38px 0 36px!important}.hero-lot-stage,.hero-lot-photo,.hero-lot-terminal{min-height:360px!important}.hero-lot-terminal h2,.home-ops-copy h2,.home-concierge-copy h2{font-size:34px!important}.terminal-price strong{font-size:36px}.hero-lot-strip{grid-template-columns:1fr 1fr}.hero-lot-strip>div{min-height:92px}.hero-lot-strip strong{font-size:28px}.home-hero-trust{justify-content:flex-start;max-width:none}.home-section-head{align-items:start!important;display:grid!important}.home-schedule{grid-template-columns:1fr!important}.home-day-rail{grid-template-columns:repeat(2,1fr);display:grid}.home-day-rail button{min-height:86px}.home-schedule-row{grid-template-columns:66px minmax(0,1fr)!important}.home-schedule-row .ant-tag{display:none}.home-payment-methods,.home-calc-grid{grid-template-columns:1fr}.auth-split,.register-grid{grid-template-columns:1fr!important}.register-shell{padding:30px 18px 66px!important}.inventory-remake-container{padding-top:30px!important}.inventory-remake-hero{min-height:auto!important}.inventory-remake-hero h2.ant-typography,.inventory-remake-hero h2{font-size:46px!important;line-height:1!important}.inventory-results-head{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:grid!important}.lot-card-media,.inventory-card-media.lot-card-media,.inventory-lot-grid .ant-col:nth-child(4n+1) .inventory-card-media,.inventory-lot-grid .ant-col:nth-child(5n) .inventory-card-media,.live-card-media{height:230px!important}.lot-dossier-hero{padding:38px 0 64px!important}.lot-dossier-hero h1{font-size:44px!important;line-height:.94!important}.lot-dossier-body{margin-top:-34px!important}.lot-dossier-layout,.lot-main-stack{display:block!important}.lot-media-main{min-height:360px!important}}@media (max-width:560px){.site-header-v5 a[aria-label] img:first-child{width:32px!important}.site-header-v5 a[aria-label] img:last-child{width:138px!important}.home-hero-copy h1{font-size:40px!important}.hero-market-clock,.hero-lot-strip,.terminal-head,.terminal-grid{grid-template-columns:1fr}.hero-lot-terminal{padding:20px}.home-workflow-board article,.home-standards-list article{grid-template-columns:48px minmax(0,1fr);padding:18px}}.ca-home{color:#18201e;background:linear-gradient(90deg,#18201e0e 1px,#0000 1px) 0 0/88px 88px,linear-gradient(#18201e0a 1px,#0000 1px) 0 0/88px 88px,#f5f2ea;min-height:100vh}.ca-home .ant-btn{min-height:46px;border-radius:4px!important;font-weight:900!important}.ca-home .ant-btn-primary{color:#fffaf0!important;background:#19201e!important;border-color:#19201e!important}.ca-home .ant-btn-default{color:#19201e!important;background:#fffaf0!important;border-color:#18201e38!important}.ca-kicker{color:#8c244d;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:950}.ca-hero{border-bottom:1px solid #18201e24;padding:44px 38px 34px}.ca-hero-inner{grid-template-columns:minmax(420px,.82fr) minmax(520px,1.18fr);align-items:center;gap:30px;max-width:1500px;margin:0 auto;display:grid}.ca-hero-copy{align-self:center;padding-bottom:0}.ca-hero-copy h1{color:#19201e;text-transform:uppercase;text-wrap:balance;max-width:620px;margin:14px 0 22px;font-size:clamp(44px,4.65vw,72px);line-height:.94;letter-spacing:0!important}.ca-hero-copy p{color:#4e5956;text-wrap:pretty;max-width:520px;margin:0;font-size:18px;line-height:1.5}.ca-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.ca-text-link{color:#8c244d;text-transform:uppercase;text-underline-offset:5px;font-size:13px;font-weight:950;text-decoration:underline}.ca-feature-file{background:#19201e;border:1px solid #18201e29;grid-template-columns:minmax(0,1fr) 310px;min-height:480px;display:grid;overflow:hidden;box-shadow:0 24px 60px #18201e2e}.ca-feature-media{background:#d8ddd3;min-height:480px;position:relative;overflow:hidden}.ca-feature-media img{filter:saturate(.95)contrast(1.04)}.ca-feature-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#18201eb3),linear-gradient(90deg,#18201e38,#0000 45%);position:absolute;inset:0}.ca-image-fallback{color:#18201e85;text-align:center;background:repeating-linear-gradient(135deg,#18201e0b 0 1px,#0000 1px 10px),#dce2d8;align-content:center;place-items:center;gap:12px;padding:30px;display:grid;position:absolute;inset:0}.ca-image-fallback svg{font-size:40px}.ca-file-status,.ca-file-number{z-index:2;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:950;display:inline-flex;position:absolute}.ca-file-status{color:#8c244d;background:#fffaf0;bottom:18px;left:18px}.ca-file-number{color:#fffaf0;background:#19201e;top:18px;right:18px}.ca-feature-caption{color:#fffaf0;background:#19201e;align-content:space-between;gap:22px;padding:26px;display:grid}.ca-feature-caption>div{border-bottom:1px solid #fffaf024;gap:10px;padding:16px 0 18px;display:grid}.ca-feature-caption span{color:#fffaf09e;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:950}.ca-feature-caption strong{color:#d9ce52;font-size:32px;line-height:1}.ca-feature-caption h2{margin:0;font-size:31px;line-height:.96;color:#fffaf0!important}.ca-feature-caption>div:nth-child(2){background:#c81e3a1a;border:1px solid #c81e3a52;padding:16px}.ca-feature-caption>div:nth-child(2)>span{font-size:13px;color:#fffaf0!important}.ca-feature-caption>div:nth-child(2) strong{font-variant-numeric:tabular-nums;font-size:23px;line-height:1.05;display:block;color:#c81e3a!important}.ca-feature-caption>div:nth-child(2) strong>span{flex-wrap:wrap;align-items:baseline;gap:3px 8px;display:inline-flex;color:#fffaf0cc!important;letter-spacing:0!important;text-transform:none!important;font-size:16px!important;line-height:1.15!important}.ca-feature-caption>div:nth-child(2) strong>span>span:first-of-type{color:#c81e3a!important;font-size:23px!important;font-weight:950!important}.ca-feature-caption>div:nth-child(2) strong>span>span:last-of-type{color:#fffaf0b8!important;letter-spacing:0!important;text-transform:uppercase!important;font-size:13px!important;font-weight:900!important}.ca-feature-caption>div:nth-child(2) .anticon{color:#c81e3a!important;font-size:17px!important}.ca-hero-stats{background:#18201e1f;border:1px solid #18201e24;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:1500px;margin:24px auto 0;display:grid;overflow:hidden}.ca-hero-stats>div{background:#fffaf0eb;align-content:space-between;min-height:98px;padding:18px;display:grid}.ca-hero-stats span,.ca-hero-stats em{color:#5a6461;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:900}.ca-hero-stats strong{color:#8c244d;font-size:34px;line-height:1}.ca-lots-band,.ca-process-band,.ca-service-band,.ca-concierge,.ca-final-cta{max-width:1500px;margin:0 auto;padding:58px 38px}.ca-lots-band{padding-top:36px}.ca-lots-band-muted{background:#ebe8df;border-top:1px solid #18201e1f;border-bottom:1px solid #18201e1f;max-width:none;padding-left:max(38px,50vw - 712px);padding-right:max(38px,50vw - 712px)}.ca-section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.ca-section-head h2,.ca-process-copy h2,.ca-service-card h2,.ca-concierge h2,.ca-final-cta h2{color:#19201e;max-width:760px;margin:10px 0 0;font-size:clamp(32px,3vw,48px);line-height:.98}.ca-lot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.ca-empty{color:#596360;background:#fffaf0;border:1px solid #18201e24;grid-column:1/-1;padding:42px}.ca-process-band{color:#171817;background:#f2f3f1;border:0;grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr);gap:18px;min-height:0;padding:58px 38px;display:grid;overflow:visible}.ca-process-copy,.ca-service-card-dark{color:#fffaf0;background:#19201e;padding:30px}.ca-process-copy{color:#171817;background:#fff;border:1px solid #18201e24;flex-direction:column;justify-content:start;padding:clamp(30px,3.2vw,42px);display:flex}.ca-service-card-dark h2{color:#fffaf0!important}.ca-process-copy h2{color:#171817!important}.ca-service-card-dark p{color:#fffaf0ad;font-size:17px;line-height:1.58}.ca-process-copy p{color:#4f5660;font-size:17px;line-height:1.58}.ca-process-list{border-top:1px solid #dfe3e5;grid-template-columns:1fr;gap:0;margin-top:28px;display:grid}.ca-process-list article{background:0 0;border-bottom:1px solid #dfe3e5;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:16px;min-height:0;padding:18px 0;display:grid}.ca-process-list article>span{color:#c81e3a;font-size:24px;font-weight:950;line-height:.95}.ca-process-list h3{color:#171817;margin:0 0 8px;font-size:24px;line-height:1}.ca-process-list p,.ca-service-card p,.ca-concierge p,.ca-final-cta p{color:#596360;margin:0;font-size:16px;line-height:1.55}.ca-desk-stack{grid-template-columns:1fr;gap:18px;display:grid}.ca-desk-panel{background:#fff;border:1px solid #18201e24;padding:clamp(24px,2.8vw,34px)}.ca-desk-panel h3{color:#171817;max-width:620px;margin:8px 0 10px;font-size:clamp(26px,2.4vw,36px);line-height:1}.ca-desk-panel p{color:#4f5660;max-width:680px;margin:0;font-size:16px;line-height:1.55}.ca-desk-link{color:#c81e3a;text-transform:uppercase;text-underline-offset:5px;align-items:center;gap:8px;font-size:13px;font-weight:950;text-decoration:underline;display:inline-flex}.ca-desk-panel .ca-methods{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 18px}.ca-desk-panel .ca-methods>div{background:#f8f8f6;border-color:#dfe3e5;min-height:112px}.ca-desk-panel .ca-methods strong{color:#171817}.ca-desk-panel .ca-methods em{color:#626973}.ca-desk-panel .home-calc{box-shadow:none;margin:22px 0 16px}.ca-service-band{grid-template-columns:1fr 1fr;gap:22px;display:grid}.ca-service-card{background:#fffaf0;border:1px solid #18201e24;padding:30px;box-shadow:0 18px 45px #18201e14}.ca-methods{grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0;display:grid}.ca-methods>div{background:#fffaf014;border:1px solid #fffaf024;align-content:space-between;min-height:128px;padding:15px;display:grid}.ca-methods span{color:#d9ce52;font-size:20px}.ca-methods em{color:#fffaf09e;font-size:12px;font-style:normal}.ca-invert-link{color:#fffaf0;font-weight:900}.ca-concierge,.ca-final-cta{border-top:1px solid #18201e1f;justify-content:space-between;align-items:center;gap:24px;display:flex}.ca-concierge-actions{flex-wrap:wrap;gap:10px;display:flex}.ca-final-cta{text-align:center;color:#fffaf0;background:#19201e;justify-items:center;max-width:none;display:grid}.ca-final-cta h2{color:#fffaf0!important}.ca-final-cta p{color:#fffaf0ad;max-width:560px}.ca-lot-grid .market-lot-card .ant-card{background:#fffaf0!important;border-color:#18201e29!important;border-radius:0!important}.ca-lot-grid .market-lot-card .ant-card-body{background:#fffaf0!important}.ca-lot-grid .lot-card-media{height:270px!important}.ca-lot-grid .market-lot-card .ant-card:hover{transform:translateY(-6px)!important}.ca-market-card-wrap{height:100%}.ca-market-card{color:#19201e;background:#fffaf0;border:1px solid #18201e29;grid-template-rows:270px minmax(0,1fr);height:100%;min-height:490px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;overflow:hidden;box-shadow:0 18px 42px #18201e1a}.ca-market-card:hover{border-color:#8c244d66;transform:translateY(-6px);box-shadow:0 28px 60px #18201e29}.ca-card-media{background:#dce2d8;position:relative;overflow:hidden}.ca-card-media img{filter:saturate(.96)contrast(1.03);transition:transform .26s}.ca-market-card:hover .ca-card-media img{transform:scale(1.035)}.ca-card-media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#18201e9e);height:48%;position:absolute;inset:auto 0 0}.ca-card-state,.ca-card-lot{z-index:2;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;align-items:center;min-height:30px;padding:0 10px;font-size:10px;font-weight:950;display:inline-flex;position:absolute}.ca-card-state{color:#8c244d;background:#fffaf0;bottom:14px;left:14px}.ca-card-state.is-live{color:#187451}.ca-card-state.is-queued{color:#c81e3a}.ca-card-state.is-closed{color:#596360}.ca-card-lot{color:#fffaf0;background:#19201e;top:14px;right:14px}.ca-card-body{grid-template-rows:auto auto 1fr auto;gap:16px;padding:18px;display:grid}.ca-card-title-row{gap:8px;display:grid}.ca-card-title-row h3{color:#19201e;margin:0;font-size:25px;line-height:1}.ca-card-title-row>span{color:#8c244d;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:950}.ca-card-specs{flex-wrap:wrap;gap:7px;display:flex}.ca-card-specs span{color:#4d5653;border:1px solid #18201e1f;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.ca-card-bid-row{border-top:1px solid #18201e1f;grid-template-columns:1fr auto;align-items:end;gap:14px;padding-top:16px;display:grid}.ca-card-bid-row span{color:#68716e;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950;display:block}.ca-card-bid-row strong{color:#8c244d;margin-top:5px;font-size:28px;line-height:1;display:block}.ca-card-bid-row>div:last-child{text-align:right}.ca-card-bid-row>div:last-child strong{color:#19201e;font-size:16px}.ca-card-bid-row-solo>div:last-child{text-align:center}.ca-card-bid-row-solo>div:last-child strong{font-size:32px}.ca-card-actions{align-items:center;gap:8px;display:flex}.ca-card-primary-action,.ca-card-buy,.ca-card-closed{text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:12px;font-weight:950;display:inline-flex}.ca-card-primary-action{color:#fffaf0;background:#19201e;flex:1}.ca-card-buy{flex:1.1}.ca-card-closed{color:#596360;background:#18201e14;width:100%}@media (max-width:1180px){.ca-hero-inner,.ca-feature-file,.ca-process-band,.ca-service-band{grid-template-columns:1fr}.ca-feature-file,.ca-feature-media{min-height:auto}.ca-feature-media{aspect-ratio:16/10}.ca-feature-caption{min-height:280px}.ca-lot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ca-process-list{grid-template-columns:1fr}}@media (max-width:760px){.ca-hero,.ca-lots-band,.ca-process-band,.ca-service-band,.ca-concierge,.ca-final-cta{padding:44px 18px}.ca-lots-band-muted{padding-left:18px;padding-right:18px}.ca-hero-copy h1{font-size:42px;line-height:.96}.ca-hero-copy p{font-size:17px}.ca-hero-stats,.ca-lot-grid,.ca-methods{grid-template-columns:1fr}.ca-process-list article{grid-template-columns:48px minmax(0,1fr);gap:14px}.ca-process-list{padding-left:0}.ca-desk-panel .ca-methods{grid-template-columns:1fr}.ca-desk-panel h3{font-size:28px}.ca-desk-panel{padding-left:52px;padding-right:24px}.ca-section-head,.ca-concierge{align-items:start;display:grid}.ca-feature-caption h2,.ca-section-head h2,.ca-process-copy h2,.ca-service-card h2,.ca-concierge h2,.ca-final-cta h2{font-size:38px;line-height:.94}.ca-feature-caption{padding:22px}.ca-feature-caption>div:nth-child(2){padding:14px}.ca-feature-caption>div:nth-child(2) strong>span>span:first-of-type{font-size:21px!important}.ca-lot-grid .lot-card-media{height:240px!important}}html,body{color:var(--auction-ink);background:var(--auction-bg)!important}.brand-shell,.public-page,.ca-home,.inventory-remake-page,.lot-dossier-page{background:var(--auction-bg)!important}.brand-eyebrow,.rail-label,.lot-kicker,.ca-kicker{color:var(--auction-blue)!important}.site-header-v5>div:nth-child(2){border-bottom:1px solid var(--auction-line)!important;background:#ffffffeb!important}.site-header-v5 .desktop-nav a>span[style*="var(--brand-surface)"],.site-header-v5 .desktop-nav>span[style*="var(--brand-surface)"]{background:var(--auction-navy)!important;color:#fff!important}.ant-btn-primary,.ca-home .ant-btn-primary,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn{background:var(--auction-blue)!important;border-color:var(--auction-blue)!important;color:#fff!important}.ant-btn-primary:hover,.ca-home .ant-btn-primary:hover{background:var(--auction-blue-dark)!important;border-color:var(--auction-blue-dark)!important;color:#fff!important}.ant-btn-primary span,.ant-btn-primary svg,.ca-home .ant-btn-primary span,.ca-home .ant-btn-primary svg{stroke:currentColor;color:#fff!important}.ca-text-link,.text-link{color:var(--auction-blue)!important;text-decoration-color:#1b2a4a73!important}.ca-hero,.ca-home{background:var(--auction-bg)!important}.ca-hero-stats strong,.ca-card-bid-row strong{color:var(--auction-blue)!important}.ca-feature-file,.ca-feature-caption,.ca-process-copy,.ca-service-card-dark,.ca-final-cta{background:var(--auction-navy)!important}.ca-feature-caption strong,.terminal-price strong{color:var(--auction-amber)!important}.ca-card-state.is-live,.status-pill-live{color:var(--auction-green)!important}.ca-market-card,.ca-hero-stats>div,.ca-service-card,.ca-process-list article,.auction-panel,.ant-card{background:var(--auction-surface)!important}.lot-dossier-hero{min-height:auto!important;padding:34px 0 92px!important}.lot-dossier-crumbs{margin-bottom:22px!important}.lot-dossier-crumbs,.lot-dossier-crumbs a,.lot-dossier-crumbs .ant-breadcrumb-separator{color:#ffffffb8!important}.lot-dossier-hero-grid{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:28px!important;display:grid!important}.lot-dossier-hero h1{color:#fff!important;text-transform:none!important;max-width:1040px!important;font-size:clamp(42px,5vw,76px)!important;line-height:.95!important}.lot-title-meta span{color:#ffffffbd!important}.lot-hero-actions{align-items:center!important;gap:10px!important;display:flex!important}.lot-hero-actions button,.lot-hero-actions .ant-btn,.lot-hero-actions .watchlist-button{width:48px!important;min-width:48px!important;height:48px!important;color:var(--auction-navy)!important;background:#fff!important;border:1px solid #ffffff29!important;border-radius:8px!important}.lot-hero-actions .ant-btn{width:auto!important;min-width:96px!important;padding-inline:14px!important}.lot-dossier-body{background:var(--auction-bg)!important;margin-top:-58px!important;padding:0 0 76px!important}.lot-dossier-body .page-container{max-width:1480px!important}.lot-dossier-layout{grid-template-columns:minmax(0,1fr) 390px!important;align-items:start!important;gap:24px!important;display:grid!important}.lot-main-stack{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;display:grid!important}.lot-bid-desk{order:initial!important;gap:14px!important;display:grid!important;position:sticky!important;top:96px!important}.lot-bid-desk-mobile,.lot-mobile-service-stack{display:none!important}.lot-media-stage,.lot-ledger,.lot-doc-panel,.lot-similar,.bid-panel-card,.lot-social-card,.lot-agent-card,.lot-offer-card,.lot-calculator-card,.lot-sidebar-calculator{overflow:hidden;border:1px solid var(--auction-line)!important;background:#fff!important;border-radius:10px!important;box-shadow:0 12px 34px #0f172a14!important}.lot-media-stage{background:#fff!important;display:block!important}.lot-media-main{background:#dbe3ed!important;width:100%!important;min-height:640px!important}.lot-media-main>img,.lot-media-main img{object-fit:cover!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;position:absolute!important;inset:0!important}.lot-thumb-rail{border-top:1px solid var(--auction-line)!important;background:#0f172a!important}.lot-status-flag,.lot-photo-fullsize-badge,.lot-media-count{border-radius:6px!important;font-weight:900!important}.lot-status-flag{background:var(--auction-green)!important;color:#fff!important}.lot-ledger{padding:20px!important}.lot-ledger .lot-section-head,.lot-doc-panel .lot-section-head,.lot-similar .lot-section-head{border:0!important;margin:0 0 14px!important;padding:0!important}.lot-ledger .lot-section-head h2,.lot-doc-panel .lot-section-head h2,.lot-similar .lot-section-head h2{color:var(--auction-ink)!important;margin:4px 0 0!important;font-size:24px!important;line-height:1.12!important}.lot-ledger-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:0!important;display:grid!important}.lot-fact-row{border:1px solid var(--auction-line)!important;background:#f8fafc!important;border-radius:8px!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:82px!important;padding:12px!important;display:grid!important}.lot-fact-icon{width:34px!important;height:34px!important;color:var(--auction-blue)!important;background:#e4e8f2!important;border-radius:8px!important}.lot-fact-copy em{color:var(--auction-muted)!important;font-size:10px!important}.lot-fact-copy strong{color:var(--auction-ink)!important;font-size:14px!important}.lot-condition-band{flex-wrap:wrap!important;gap:8px!important;padding:14px 0 0!important;display:flex!important}.lot-condition-band span{border:1px solid var(--auction-line)!important;min-height:34px!important;color:var(--auction-ink)!important;background:#fff!important;border-radius:999px!important;align-items:center!important;gap:6px!important;padding:0 10px!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important}.lot-condition-band span.warn{color:#9a1529!important;background:#f8dfe3!important;border-color:#c81e3a52!important}.lot-doc-panel{padding:20px!important}.lot-media-evidence{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)!important;gap:16px!important;padding:0!important;display:grid!important}.lot-media-evidence>div{border:1px solid var(--auction-line);background:#f8fafc;border-radius:8px;min-height:132px;padding:16px}.lot-undercarriage-preview{border:1px solid var(--auction-line);margin-top:10px;overflow:hidden;border-radius:8px!important}.lot-agent-card{color:var(--auction-ink)!important;background:#fffaf0!important;border:1px solid #10110f1c!important}.lot-agent-card .lot-kicker,.lot-agent-card strong{color:var(--auction-ink)!important}.lot-agent-card span,.lot-agent-card p{color:var(--auction-muted)!important}.lot-agent-avatar{background:var(--auction-blue)!important;color:#fff!important}.lot-agent-card a{background:var(--auction-blue)!important;color:#fff!important;border-radius:8px!important}.bid-panel-card .ant-statistic-content,.bid-panel-card h3,.lot-sidebar-calculator h3{color:var(--auction-ink)!important}.bid-panel-card .ant-statistic-content-value{color:var(--auction-blue)!important}.lot-social-card{background:var(--auction-line)!important;grid-template-columns:repeat(3,1fr)!important;gap:1px!important;display:grid!important}.lot-social-card>div{text-align:center;background:#fff;padding:14px 10px}.lot-social-card strong{color:var(--auction-ink)!important}.lot-social-card span{color:var(--auction-muted)!important}.lot-similar{padding:20px!important}@media (max-width:1020px){.lot-dossier-layout{grid-template-columns:1fr!important}.lot-bid-desk{display:none!important}.lot-bid-desk-mobile,.lot-mobile-service-stack{gap:14px!important;display:grid!important}.lot-media-main{min-height:420px!important}.lot-ledger-grid,.lot-media-evidence{grid-template-columns:1fr 1fr!important}}@media (max-width:640px){.lot-dossier-hero{padding:28px 0 72px!important}.lot-dossier-hero-grid{grid-template-columns:1fr!important}.lot-dossier-hero h1{font-size:34px!important}.lot-hero-actions{justify-content:flex-start!important}.lot-ledger-grid,.lot-media-evidence,.lot-condition-reports{grid-template-columns:1fr!important}.lot-media-main{min-height:320px!important}}html,body{background:var(--auction-bg)!important}.ca-text-link,.home-hero-secondary,.text-link{color:var(--auction-blue)!important;text-decoration-color:#1b2a4a73!important}.ca-feature-media>img,.hero-lot-photo>img,.home-featured-photo>img{object-fit:cover!important;z-index:1!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.ca-feature-media:after,.hero-lot-photo:after{z-index:2!important}.ca-file-status,.ca-file-number,.home-featured-badges{z-index:3!important}.lot-media-stage{background:#fff!important;justify-self:stretch!important;width:100%!important}.lot-main-stack{background:0 0!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;display:grid!important}.lot-media-stage,.lot-ledger,.lot-doc-panel,.lot-similar,.lot-main-stack>.auction-panel{grid-column:1/-1!important;width:100%!important}.lot-media-main{aspect-ratio:16/10!important;background:#dbe3ed!important;width:100%!important;height:auto!important;min-height:0!important;display:block!important;position:relative!important;overflow:hidden!important}.lot-media-main>img,.lot-media-main img{z-index:1!important;object-fit:cover!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important;display:block!important;position:absolute!important;inset:0!important}.lot-media-fallback{z-index:0!important}.lot-status-flag,.lot-photo-fullsize-badge,.lot-media-count{z-index:3!important}.lot-thumb-rail button img{object-fit:cover!important;width:100%!important;height:100%!important}.ant-btn-primary,.bid-action-button.ant-btn,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn,.lot-agent-card a{background:var(--auction-blue)!important;border-color:var(--auction-blue)!important;color:#fff!important}.ant-btn-primary:hover,.bid-action-button.ant-btn:hover,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn:hover,.lot-agent-card a:hover{background:var(--auction-blue-dark)!important;border-color:var(--auction-blue-dark)!important;color:#fff!important}.ant-btn-primary span,.ant-btn-primary svg,.bid-action-button.ant-btn span,.bid-action-button.ant-btn svg,.lot-agent-card a,.lot-agent-card a span,.lot-agent-card a svg{color:#fff!important}@media (max-width:1020px){.lot-media-main{aspect-ratio:4/3!important}}@media (max-width:640px){.lot-media-main{aspect-ratio:1!important}}:root{--auction-bg:#f2f3f1;--auction-surface:#fff;--auction-soft:#eceff1;--auction-ink:#171817;--auction-muted:#626973;--auction-line:#cfd4d9;--auction-blue:#1b2a4a;--auction-blue-dark:#10192e;--auction-navy:#171817;--auction-green:#646b74;--auction-amber:#c81e3a;--auction-red:#d22f27;--brand-primary:#1b2a4a;--brand-primary-dark:#10192e;--brand-primary-soft:#e4e8f2;--brand-accent:#c81e3a;--brand-accent-soft:#f8dfe3;--brand-danger:#d22f27;--brand-success:#646b74;--brand-soft:#eceff1;--brand-surface:#fff;--brand-ink:#171817;--brand-muted:#626973;--brand-line:#cfd4d9;--brand-footer:#171817}html,body,.brand-shell,.public-page,.ca-home,.inventory-remake-page,.lot-dossier-page,.lot-dossier-body{color:#171817!important;background:#f2f3f1!important}body{background-image:linear-gradient(#ffffffad,#f2f3f1eb)!important}body:before{display:none!important}.site-header-v5>div:nth-child(2){background:#fffffff0!important;border-bottom-color:#cfd4d9!important}.site-header-v5 .desktop-nav a:hover>span,.site-header-v5 .desktop-nav>span:hover{color:#171817!important;background:#e4e8f2!important}.site-header-v5 .desktop-nav a>span[style*="var(--brand-surface)"],.site-header-v5 .desktop-nav>span[style*="var(--brand-surface)"]{color:#fff!important;background:#171817!important}.brand-eyebrow,.rail-label,.lot-kicker,.ca-kicker,.ca-text-link,.home-hero-secondary,.text-link,.lot-doc-panel .lot-kicker,.lot-ledger .lot-kicker{color:#c81e3a!important;text-decoration-color:#1b2a4a75!important}.ant-btn-primary,.ca-home .ant-btn-primary,.bid-action-button.ant-btn,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn,.lot-agent-card a{color:#fff!important;background:#171817!important;border-color:#171817!important}.ant-btn-primary:hover,.ca-home .ant-btn-primary:hover,.bid-action-button.ant-btn:hover,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn:hover,.lot-agent-card a:hover{color:#fff!important;background:#c81e3a!important;border-color:#c81e3a!important}.ant-btn-primary span,.ant-btn-primary svg,.ca-home .ant-btn-primary span,.ca-home .ant-btn-primary svg,.bid-action-button.ant-btn span,.bid-action-button.ant-btn svg,.lot-agent-card a,.lot-agent-card a span,.lot-agent-card a svg{color:#fff!important;stroke:currentColor!important}.ant-btn-default,.brand-button-ghost{color:#171817!important;background:#fff!important;border-color:#cfd4d9!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:#c81e3a!important;box-shadow:0 0 0 3px #c81e3a42!important}.ca-hero{background:linear-gradient(#f8f8f6 0%,#f2f3f1 100%)!important}.ca-feature-file,.ca-feature-caption,.ca-process-copy,.ca-service-card-dark,.ca-final-cta,.hero-lot-terminal{color:#fff!important;background:#171817!important}.ca-feature-caption strong,.terminal-price strong,.ca-card-bid-row strong,.ca-hero-stats strong,.bid-panel-card .ant-statistic-content-value,.ca-feature-caption strong,.terminal-price strong{color:#c81e3a!important}.ca-card-state.is-live,.status-pill-live,.lot-status-flag{color:#fff!important;background:#d22f27!important}.ca-card-state.is-queued,.lot-condition-band span.warn.ca-card-state.is-closed,.ant-tag-red,.ant-tag-error{color:#646b74!important}.lot-condition-band span.good{color:#3f454c!important;background:#eef0f1!important;border-color:#646b7447!important}.lot-fact-icon{color:#c81e3a!important;background:#e4e8f2!important}.lot-social-card{background:#171817!important}.lot-thumb-rail{-webkit-backdrop-filter:blur(14px)!important;background:#1718178c!important}.lot-photo-fullsize-badge{color:#fff!important;background:#1b2a4a!important;border-color:#c81e3a!important}.lot-media-count{color:#fff!important;background:#171817e0!important}.ca-image-fallback,.home-featured-photo-fallback,.lot-media-fallback{color:#626973!important;background:linear-gradient(#f2f3f1 0%,#dfe3e5 100%)!important}.ca-image-fallback svg,.home-featured-photo-fallback svg,.lot-media-fallback svg{color:#8a929b!important}.ca-market-card,.ca-hero-stats>div,.ca-service-card,.ca-process-list article,.auction-panel,.ant-card,.lot-media-stage,.lot-ledger,.lot-doc-panel,.lot-similar,.bid-panel-card,.lot-social-card,.lot-offer-card,.lot-calculator-card,.lot-sidebar-calculator{background:#fff!important;border-color:#cfd4d9!important;box-shadow:0 12px 30px #17181714!important}.lot-agent-avatar{color:#171817!important;background:#1b2a4a!important}main,.public-page,.public-page main,.ca-home,.section-band,.ca-lots-band,.ca-process-band,.ca-service-band,.ca-concierge,.home-schedule-band,.market-section-muted,.inventory-remake-page{background:#f2f3f1!important}.public-hero,.market-hero,.home-hero,.home-schedule-band{color:#171817!important;background:linear-gradient(#f8f8f6 0%,#f2f3f1 100%)!important}.public-hero:before,.public-hero:after,.market-hero:before,.market-hero:after,.home-schedule-band:before,.home-schedule-band:after,.ca-hero:before,.ca-hero:after,.ca-lots-band:before,.ca-lots-band:after,.ca-process-band:before,.ca-process-band:after,.ca-service-band:before,.ca-service-band:after,.ca-final-cta:before,.ca-final-cta:after{content:none!important;display:none!important}.public-hero-title,.public-hero h1,.public-copy,.public-hero .ant-typography,.public-hero .ant-typography p,.public-hero .auction-panel,.public-hero .auction-panel .ant-typography,.public-hero .auction-panel strong,.public-hero .auction-panel div{color:#171817!important}.public-copy,.section-copy,.ca-process-list p,.ca-service-card p,.ca-concierge p{color:#4f5660!important}.ca-service-card-dark,.ca-final-cta{color:#fff!important;background:#171817!important}.ca-service-card.ca-service-card-dark,.ca-service-band .ca-service-card.ca-service-card-dark{color:#fff!important;background:#171817!important;border-color:#171817!important}.ca-service-card.ca-service-card-dark h2,.ca-service-card.ca-service-card-dark h3,.ca-service-card.ca-service-card-dark strong{color:#fff!important}.ca-service-card.ca-service-card-dark p,.ca-service-card.ca-service-card-dark em,.ca-service-card.ca-service-card-dark .ant-typography{color:#ffffffb8!important}.ca-service-card.ca-service-card-dark .ca-methods>div{background:#ffffff0f!important;border-color:#ffffff29!important}.ca-service-card.ca-service-card-dark .ca-methods span{color:#c81e3a!important}.ca-service-card.ca-service-card-dark .ca-methods strong,.ca-service-card-dark h2,.ca-service-card-dark h3,.ca-service-card-dark strong,.ca-final-cta h2,.ca-final-cta h3,.ca-final-cta strong,.ca-invert-link{color:#fff!important}.ca-service-card-dark p,.ca-service-card-dark em,.ca-service-card-dark .ant-typography,.ca-final-cta p,.ca-final-cta .ant-typography,.ca-methods em{color:#ffffffb8!important}.ca-methods>div{background:#ffffff0f!important;border-color:#ffffff29!important}.ca-methods span{color:#c81e3a!important}.ca-methods strong{color:#fff!important}.ca-final-cta{text-align:center!important;grid-template-columns:minmax(0,820px)!important;justify-content:center!important;place-items:center!important;padding:70px 38px!important;display:grid!important}.ca-final-cta>*{margin-left:auto!important;margin-right:auto!important}.ca-final-cta h2,.ca-final-cta .section-title{text-align:center!important;max-width:820px!important;margin-left:auto!important;margin-right:auto!important}.ca-final-cta p{text-align:center!important;max-width:620px!important}.ca-lots-band-muted{background:#e8ebec!important;border-color:#cfd4d9!important}.market-section-muted{background:#f2f3f1!important;border-top:1px solid #dfe3e5!important;border-bottom:1px solid #dfe3e5!important}.ca-market-card,.ca-process-list article,.ca-service-card,.auction-panel,.home-schedule,.schedule-grid,.schedule-grid>div,.ant-card{background:#fff!important}.ca-process-band{background:#f2f3f1!important;border-color:#0000!important}.ca-process-copy,.ca-desk-panel{color:#171817!important;background:#fff!important;border-color:#cfd4d9!important}.ca-process-copy h2,.ca-process-copy h3,.ca-process-copy strong,.ca-desk-panel h3,.ca-desk-panel strong{color:#171817!important}.ca-process-copy p,.ca-process-copy .ant-typography,.ca-desk-panel p,.ca-desk-panel .ant-typography,.ca-desk-panel em{color:#4f5660!important}.ca-process-list article{box-shadow:none!important;background:0 0!important;border-color:#dfe3e5!important}.ca-process-list p{color:#4f5660!important}.ca-desk-panel .ca-methods>div{background:#f8f8f6!important;border-color:#dfe3e5!important}.ca-desk-panel .ca-methods span{color:#c81e3a!important}.ca-empty{color:#4f5660!important;background:#fff!important}.ca-lot-grid .market-lot-card .ant-card,.ca-lot-grid .market-lot-card .ant-card-body,.ca-card-body{background:#fff!important}.schedule-grid{background:#fff!important;grid-template-columns:220px 230px minmax(0,1fr)!important}@media (max-width:860px){.schedule-grid{grid-template-columns:1fr!important}}.schedule-grid>div{border-color:#cfd4d9!important}.schedule-grid button{background-image:none!important}.schedule-grid button[style*="var(--brand-primary)"]{color:#fff!important;background:#171817!important}.schedule-grid .rail-label{color:#c81e3a!important}.schedule-grid button[style*="var(--brand-primary)"] .rail-label{color:#ffffffa8!important}.schedule-grid .ant-tag{color:#171817!important;background:#e4e8f2!important}.public-page>section[style*="padding: '42px 0 78px'"],.public-page>section{background-color:#f2f3f1!important}.public-page>section.public-cta-dark{background-color:#171817!important}.site-footer,footer{background:#171817!important}@media (max-width:760px){.ca-final-cta{padding:52px 22px!important}.ca-final-cta h2,.ca-final-cta .section-title{max-width:100%!important}}.inventory-remake-page{background:linear-gradient(#f8f8f6 0%,#f2f3f1 100%)!important;max-width:100vw!important;overflow-x:hidden!important}.inventory-remake-container{max-width:1500px!important;padding-top:36px!important}.inventory-remake-hero{border-bottom:1px solid #d8dde2!important;min-height:auto!important;margin-bottom:28px!important;padding:12px 0 30px!important}.inventory-remake-hero h2.ant-typography,.inventory-remake-hero h2{color:#171817!important;letter-spacing:0!important;margin:0 0 8px!important;font-size:76px!important;line-height:.92!important}.inventory-command-panel{background:#fff!important;border:1px solid #d7dde2!important;border-radius:8px!important;grid-template-columns:minmax(300px,1fr) auto minmax(230px,280px) auto!important;align-items:center!important;gap:10px!important;padding:12px!important;display:grid!important;top:86px!important;box-shadow:0 18px 46px #17181714!important}@media (max-width:1179px){.inventory-command-panel{display:none!important}}.inventory-command-panel .ant-input-affix-wrapper,.inventory-command-panel .ant-input-search-button,.inventory-command-panel .ant-select-selector,.inventory-filter-card .ant-input-affix-wrapper,.inventory-filter-card .ant-select-selector{color:#171817!important;background:#fff!important;border-color:#d7dde2!important;min-height:44px!important}.inventory-command-status .ant-radio-button-wrapper{color:#626973!important;background:#fff!important;border-color:#d7dde2!important;align-items:center!important;min-height:44px!important;font-weight:850!important;display:inline-flex!important}.inventory-command-status .ant-radio-button-wrapper-checked{color:#fff!important;background:#171817!important;border-color:#171817!important}.inventory-filter-card.ant-card{background:#fff!important;border:1px solid #d8dde2!important;border-radius:8px!important;top:162px!important;overflow:hidden!important;box-shadow:0 18px 42px #17181714!important}.inventory-filter-card .ant-card-head{background:#171817!important;border-bottom-color:#e4e7eb!important;min-height:56px!important}.inventory-filter-card .ant-card-head-title,.inventory-filter-card .ant-card-head-title span,.inventory-filter-card .ant-card-extra .ant-btn,.inventory-filter-card .ant-card-extra .ant-btn span{color:#fff!important}.inventory-filter-card .ant-card-body{background:#fff!important;padding:18px!important}.inventory-filter-card .ant-divider{border-color:#e4e7eb!important}.inventory-filter-card .ant-divider-inner-text,.inventory-filter-card .ant-radio-wrapper,.inventory-filter-card label,.inventory-filter-card span{color:#30343a!important}.inventory-filter-card .ant-divider-inner-text{color:#626973!important;letter-spacing:0!important;text-transform:uppercase!important;font-size:11px!important;font-weight:950!important}.inventory-filter-card .ant-radio-wrapper-checked span,.inventory-filter-card .ant-radio-wrapper:hover span{color:#171817!important}.inventory-filter-card .ant-slider-track,.inventory-filter-card .ant-slider-tracks{background:#1b2a4a!important}.inventory-filter-card .ant-slider-handle:after{box-shadow:0 0 0 2px #1b2a4a!important}.inventory-make-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;display:grid}.inventory-make-chip{color:#171817;cursor:pointer;background:#f8f9f7;border:1px solid #dce1e6;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:46px;padding:7px 8px;transition:border-color .16s,background .16s,transform .16s;display:grid}.inventory-make-chip:hover,.inventory-make-chip:focus-visible{background:#f8dfe3;border-color:#c81e3a;outline:none}.inventory-make-chip:focus-visible{box-shadow:0 0 0 3px #c81e3a42}.inventory-make-chip.is-selected{color:#fff;background:#171817;border-color:#171817}.inventory-make-chip>span:not(.inventory-make-logo){text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit!important;font-size:12px!important;font-weight:900!important}.inventory-make-chip em{color:inherit;opacity:.68;font-size:11px;font-style:normal;font-weight:850}.inventory-make-logo{background:#fff;border:1px solid #dce1e6;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid;overflow:hidden;color:#171817!important;letter-spacing:0!important;font-size:9px!important;font-weight:950!important}.inventory-make-logo img{object-fit:contain;filter:saturate(.9)contrast(1.05);width:20px;height:20px;display:block}.inventory-make-logo span{color:#171817!important;letter-spacing:0!important;font-size:9px!important;font-weight:950!important;line-height:1!important}.inventory-make-option{align-items:center;gap:8px;width:100%;display:inline-flex}.inventory-make-option>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden;color:#171817!important;font-weight:850!important}.inventory-make-option em{color:#626973;font-size:12px;font-style:normal;font-weight:850}.inventory-make-tag{color:#171817;background:#f8f9f7;border:1px solid #d8dde2;border-radius:8px;align-items:center;gap:6px;max-width:100%;min-height:28px;margin:2px 4px 2px 0;padding:2px 7px 2px 3px;line-height:1;display:inline-flex}.inventory-make-tag .inventory-make-logo{border-radius:6px;width:24px;height:24px}.inventory-make-tag .inventory-make-logo img{width:16px;height:16px}.inventory-make-tag>span:not(.inventory-make-logo){text-overflow:ellipsis;white-space:nowrap;max-width:98px;overflow:hidden;color:#171817!important;font-size:12px!important;font-weight:850!important}.inventory-make-tag button{color:#626973;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:18px;height:18px;font-size:13px;font-weight:950;line-height:1;display:inline-grid}.inventory-make-tag button:hover,.inventory-make-tag button:focus-visible{color:#fff;background:#171817;outline:none}.inventory-results-head{background:#fff!important;border:1px solid #d8dde2!important;border-radius:8px!important;min-height:72px!important;padding:0 20px!important;box-shadow:0 10px 28px #1718170a!important}.inventory-lot-card.ant-card{background:#fff!important;border:1px solid #d8dde2!important;border-radius:8px!important;height:100%!important;overflow:hidden!important;box-shadow:0 16px 40px #17181712!important}.inventory-lot-card.ant-card:hover{border-color:#a64f0061!important;box-shadow:0 24px 54px #1718171f!important}.inventory-card-media.lot-card-media{background:#e9edf0!important;height:238px!important}.inventory-card-media.lot-card-media:after{background:linear-gradient(#1718170a,#17181733)!important}.inventory-status-badge.ant-tag,.inventory-lot-number.ant-tag{letter-spacing:0!important;text-transform:uppercase!important;border:0!important;border-radius:5px!important;align-items:center!important;min-height:28px!important;margin:0!important;font-size:10px!important;font-weight:950!important;display:inline-flex!important}.inventory-status-badge.is-live{color:#fff!important;background:#d22f27!important}.inventory-status-badge.is-upcoming{color:#fff!important;background:#1b2a4a!important}.inventory-status-badge.is-ended{color:#fff!important;background:#646b74!important}.inventory-card-timer{color:#fff;background:#171817d1;border:1px solid #ffffff29;border-radius:5px;align-items:center;max-width:calc(100% - 108px);min-height:28px;padding:4px 8px;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 8px 22px #0000002e}.inventory-card-timer span{color:#ffffffc2!important;letter-spacing:0!important;text-transform:none!important;font-size:11px!important}.inventory-card-timer span span:first-of-type{color:#c81e3a!important;font-weight:950!important}.inventory-lot-number.ant-tag{color:#fff!important;background:#171817c7!important}.inventory-lot-card h5.ant-typography{color:#171817!important;font-size:16px!important;line-height:1.2!important}.inventory-lot-card .ant-card-body>.ant-typography-secondary{color:#626973!important}.inventory-lot-card .ant-card-body strong,.inventory-lot-card .ant-card-body .ant-typography strong{color:#171817!important}.inventory-bid-link{color:#c81e3a!important;font-size:12px!important;font-weight:950!important}.inventory-mobile-field .ant-select-selector,.inventory-mobile-search .ant-input-affix-wrapper,.inventory-mobile-search .ant-input-search-button{background:#fff!important;border-color:#d7dde2!important;min-height:44px!important}@media (max-width:900px){html,body,.inventory-remake-page,.inventory-remake-container{max-width:100vw!important;overflow-x:hidden!important}.inventory-remake-container{padding-top:22px!important}.inventory-remake-hero h2.ant-typography,.inventory-remake-hero h2{font-size:48px!important}.inventory-make-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-results-head{padding:14px!important}}.ant-btn-primary:not(.brand-button-call):not(.brand-button-success),.ant-btn-primary,.ca-home .ant-btn-primary,.bid-action-button.ant-btn,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn,.inventory-mobile-results-btn{color:#fff!important;background:#1b2a4a!important;border-color:#1b2a4a!important;box-shadow:0 12px 24px #1b2a4a3d!important}.ant-btn-primary:not(.brand-button-call):not(.brand-button-success):hover,.ant-btn-primary:hover,.ca-home .ant-btn-primary:hover,.bid-action-button.ant-btn:hover,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn:hover,.inventory-mobile-results-btn:hover{color:#fff!important;background:#c81e3a!important;border-color:#c81e3a!important}.ant-btn-primary span,.ant-btn-primary svg,.ca-home .ant-btn-primary span,.ca-home .ant-btn-primary svg,.bid-action-button.ant-btn span,.bid-action-button.ant-btn svg,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn span,.site-header-v5 .auth-buttons a[href=\/register] .ant-btn svg,.inventory-mobile-results-btn span,.inventory-mobile-results-btn svg{color:#fff!important;stroke:currentColor!important}.lot-agent-card a,.ant-btn.ant-btn-primary.lot-call-red,.ant-btn.ant-btn-primary.lot-offer-red{color:#fff!important;background:#c81e3a!important;border-color:#c81e3a!important}.lot-agent-card a:hover,.ant-btn.ant-btn-primary.lot-call-red:hover,.ant-btn.ant-btn-primary.lot-offer-red:hover{color:#fff!important;background:#9a1529!important;border-color:#9a1529!important}.lot-agent-card a span,.lot-agent-card a svg,.ant-btn.ant-btn-primary.lot-call-red span,.ant-btn.ant-btn-primary.lot-call-red svg,.ant-btn.ant-btn-primary.lot-offer-red span,.ant-btn.ant-btn-primary.lot-offer-red svg{color:#fff!important;stroke:currentColor!important}.brand-eyebrow,.rail-label,.lot-kicker,.ca-kicker,.ca-text-link,.text-link{color:#c81e3a!important;text-decoration-color:#1b2a4a85!important}.offer-amount-input .ant-input-number-actions{width:34px!important}.offer-amount-input .ant-input-number-action{font-size:15px!important}.offer-amount-input-high.ant-input-number,.offer-amount-input-high.ant-input-number-focused{border-color:#1e7a52!important;box-shadow:0 0 0 3px #1e7a5229!important}.lot-condition-reports{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lot-agent-row-no-avatar{margin-top:4px!important}.lot-agent-name{font-size:18px!important;font-weight:900!important}
/* ==========================================================================
PARK.BID: ULTRA-MODERN WHITE MINIMALISM & GLASSMORPHISM (CLEAN & PRECISE)
========================================================================== */
/* 1. Header & Top Bar: Pure Clean White Glass */
.top-bar {
background: #ffffff !important;
border-bottom: 1px solid #eaeaea !important;
color: #52525b !important;
font-size: 12px !important;
}
.top-bar a {
color: #09090b !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.site-header-v5, .site-header-remake {
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border-bottom: 1px solid #eaeaea !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}
.site-header-v5 div[style*="background:rgba(247,242,232"] {
background: transparent !important;
border-bottom: none !important;
}
.site-header-row {
min-height: 70px !important;
}
.site-header-logo-link img,
header a[href="/"] img,
a.site-header-logo-link img,
img[src*="friday-auction-logo"] {
height: 52px !important;
width: auto !important;
max-width: 220px !important;
object-fit: contain !important;
border-radius: 0 !important;
display: block !important;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.05)) !important;
}
/* Nav links color only - NEVER touch span display or padding inside */
.desktop-nav a {
color: #09090b !important;
}
.desktop-nav a:hover {
opacity: 0.8 !important;
}
/* 2. Full-Bleed Modern Glassmorphic Hero Slideshow */
#friday-hero-slider {
position: relative;
width: 100%;
height: 500px;
border-radius: 20px;
overflow: hidden;
margin: 18px 0 28px 0;
box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.05);
background: #09090b;
}
.f-slide-item {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
transform: scale(1.03);
}
.f-slide-item.is-active {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.f-slide-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.f-slide-scrim {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(9, 9, 11, 0.05) 0%, rgba(9, 9, 11, 0.35) 45%, rgba(9, 9, 11, 0.88) 100%);
pointer-events: none;
}
.f-slide-glass-card {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(24px) saturate(190%);
-webkit-backdrop-filter: blur(24px) saturate(190%);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 18px;
padding: 22px 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.35);
color: #ffffff;
}
@media (max-width: 768px) {
#friday-hero-slider {
height: 380px;
}
.f-slide-glass-card {
flex-direction: column;
align-items: flex-start;
bottom: 14px;
left: 14px;
right: 14px;
padding: 16px;
}
}
.f-slide-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
border-radius: 9999px;
background: #ef4444;
color: #ffffff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-bottom: 6px;
}
.f-slide-title {
font-size: 26px;
font-weight: 900;
color: #ffffff;
letter-spacing: -0.02em;
margin: 0;
text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.f-slide-meta {
font-size: 14px;
color: rgba(255, 255, 255, 0.88);
font-weight: 500;
margin-top: 4px;
}
.f-slide-meta strong {
color: #ffffff;
font-weight: 900;
font-size: 18px;
margin-left: 6px;
}
.f-slide-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #ffffff;
color: #09090b !important;
font-size: 13px;
font-weight: 800;
padding: 12px 24px;
border-radius: 12px;
text-decoration: none;
border: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
white-space: nowrap;
}
.f-slide-btn:hover {
background: #f4f4f5;
color: #000000 !important;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.f-slider-nav {
position: absolute;
top: 22px;
right: 26px;
display: flex;
gap: 8px;
z-index: 10;
}
.f-dot-indicator {
width: 28px;
height: 4px;
background: rgba(255, 255, 255, 0.35);
border-radius: 9999px;
cursor: pointer;
transition: all 0.3s ease;
}
.f-dot-indicator.is-active {
background: #ffffff;
width: 44px;
}
/* 3. Hero Section Clean White Background */
.ca-hero {
background: #ffffff !important;
border-bottom: 1px solid #eaeaea !important;
padding: 36px 0 44px !important;
}
.ca-hero h1 {
color: #09090b !important;
font-size: 50px !important;
font-weight: 900 !important;
letter-spacing: -0.035em !important;
}
.ca-hero p {
color: #52525b !important;
font-size: 17px !important;
}
/* 4. Modern Buttons (Solid Sharp Pitch Black & Crisp White Glass) */
.ant-btn {
border-radius: 10px !important;
font-weight: 750 !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.ant-btn-primary, .ca-home .ant-btn-primary, .bid-action-button.ant-btn, .site-header-v5 .auth-buttons a[href*="register"] .ant-btn {
background: #09090b !important;
border: 1px solid #09090b !important;
color: #ffffff !important;
}
.ant-btn-primary:hover, .ca-home .ant-btn-primary:hover, .bid-action-button.ant-btn:hover, .site-header-v5 .auth-buttons a[href*="register"] .ant-btn:hover {
background: #27272a !important;
border-color: #27272a !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
}
.ant-btn-default, .brand-button-call {
background: #ffffff !important;
border: 1px solid #e4e4e7 !important;
color: #09090b !important;
}
.ant-btn-default:hover, .brand-button-call:hover {
background: #f4f4f5 !important;
border-color: #d4d4d8 !important;
color: #09090b !important;
}
/* 5. Clean Lot & Product Cards */
.inventory-lot-card.ant-card, .ca-card.ant-card, .lot-card, .ca-market-card, .ca-service-card, .ca-desk-panel {
border-radius: 18px !important;
border: 1px solid #e5e5e5 !important;
background: #ffffff !important;
box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.04) !important;
transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease !important;
overflow: hidden !important;
}
.inventory-lot-card.ant-card:hover, .ca-card.ant-card:hover, .lot-card:hover {
transform: translateY(-5px) !important;
border-color: #cbd5e1 !important;
box-shadow: 0 16px 36px -6px rgba(0, 0, 0, 0.1) !important;
}
.inventory-card-media.lot-card-media, .lot-card-media {
border-radius: 0 !important;
background: #f1f5f9 !important;
}
.inventory-card-media.lot-card-media img, .lot-card-media img {
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.inventory-lot-card.ant-card:hover .inventory-card-media.lot-card-media img,
.ca-card.ant-card:hover .lot-card-media img {
transform: scale(1.045) !important;
}
/* 6. Modern Status Badges */
.inventory-status-badge.ant-tag, .lot-status-badge, .ca-card-state, .status-pill-live {
border-radius: 9999px !important;
padding: 3px 10px !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
.inventory-status-badge.is-live, .ca-card-state.is-live, .status-pill-live {
background: #ef4444 !important;
color: #ffffff !important;
}
.inventory-status-badge.is-upcoming, .ca-card-state.is-queued {
background: #0284c7 !important;
color: #ffffff !important;
}
.inventory-status-badge.is-ended, .ca-card-state.is-closed {
background: #64748b !important;
color: #ffffff !important;
}
/* 7. Footer: Minimalist Deep Pitch Black */
footer {
background: #09090b !important;
border-top: 1px solid #27272a !important;
color: #71717a !important;
}
footer h4, footer strong {
color: #ffffff !important;
}
footer a {
color: #a1a1aa !important;
}
footer a:hover {
color: #ffffff !important;
}
/* ==========================================================================
PARK.BID: TOTAL ICON FIX & BULLETPROOF HERO SLIDESHOW
========================================================================== */
/* 1. RESTORE ALL ICONS & SVGS (Header, Menu, Lot Details: Clean Title, Keys, Inspected) */
.anticon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: inherit !important;
font-style: normal !important;
line-height: 0 !important;
text-align: center !important;
text-transform: none !important;
vertical-align: -0.125em !important;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
.anticon svg {
display: inline-block !important;
width: 1em !important;
height: 1em !important;
fill: currentColor !important;
}
/* Lot Condition Band Icons (Clean Title, Keys present, Inspected, No damage) */
.lot-condition-band span {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 14px !important;
border-radius: 9999px !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.lot-condition-band span .anticon {
font-size: 14px !important;
display: inline-flex !important;
}
/* Navigation Icons */
.desktop-nav a span.anticon,
.desktop-nav a .anticon,
.desktop-nav .anticon svg {
display: inline-flex !important;
vertical-align: -0.125em !important;
margin-right: 2px !important;
}
/* 2. GUARANTEED HERO SLIDESHOW CONTAINER */
#friday-hero-slider {
display: block !important;
position: relative !important;
width: 100% !important;
height: 480px !important;
border-radius: 24px !important;
overflow: hidden !important;
margin: 20px 0 32px 0 !important;
box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
background: #09090b !important;
}
.f-slide-item {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
}
.f-slide-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.f-slide-scrim {
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, rgba(9, 9, 11, 0.05) 0%, rgba(9, 9, 11, 0.35) 45%, rgba(9, 9, 11, 0.88) 100%) !important;
pointer-events: none !important;
}
.f-slide-glass-card {
position: absolute !important;
bottom: 24px !important;
left: 24px !important;
right: 24px !important;
background: rgba(255, 255, 255, 0.18) !important;
backdrop-filter: blur(24px) saturate(190%) !important;
-webkit-backdrop-filter: blur(24px) saturate(190%) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
border-radius: 18px !important;
padding: 22px 28px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.35) !important;
color: #ffffff !important;
z-index: 5 !important;
}
.f-slide-badge {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 4px 10px !important;
border-radius: 9999px !important;
background: #ef4444 !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
margin-bottom: 6px !important;
}
.f-slide-title {
font-size: 26px !important;
font-weight: 900 !important;
color: #ffffff !important;
letter-spacing: -0.02em !important;
margin: 0 !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
.f-slide-meta {
font-size: 14px !important;
color: rgba(255, 255, 255, 0.88) !important;
font-weight: 500 !important;
margin-top: 4px !important;
}
.f-slide-meta strong {
color: #ffffff !important;
font-weight: 900 !important;
font-size: 18px !important;
margin-left: 6px !important;
}
.f-slide-btn {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background: #ffffff !important;
color: #09090b !important;
font-size: 13px !important;
font-weight: 800 !important;
padding: 12px 24px !important;
border-radius: 12px !important;
text-decoration: none !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
white-space: nowrap !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.f-slide-btn:hover {
background: #f4f4f5 !important;
transform: translateY(-2px) !important;
}
.f-slider-nav {
position: absolute !important;
top: 22px !important;
right: 26px !important;
display: flex !important;
gap: 8px !important;
z-index: 10 !important;
}
/* ==========================================================================
MINIMALIST LIGHT GLASSMORPHISM HERO SHOWCASE (NO BACK PLATE / CLEAN FLOATING)
========================================================================== */
/* 1. Hero Container - Clean Studio White */
.ca-hero {
background: #ffffff !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
padding: 28px 0 44px 0 !important;
}
/* 2. Full-Bleed Showcase Image Container */
.ca-feature-file {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 460px !important;
border-radius: 24px !important;
overflow: hidden !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.08), 0 4px 16px -2px rgba(0, 0, 0, 0.02) !important;
position: relative !important;
background: #f8fafc !important;
text-decoration: none !important;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}
.ca-feature-file:hover {
transform: translateY(-4px) !important;
box-shadow: 0 28px 56px -12px rgba(0, 0, 0, 0.12), 0 8px 24px -4px rgba(0, 0, 0, 0.04) !important;
border-color: rgba(0, 0, 0, 0.12) !important;
}
.ca-feature-media {
width: 100% !important;
height: 100% !important;
position: absolute !important;
inset: 0 !important;
}
.ca-feature-media img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.ca-feature-file:hover .ca-feature-media img {
transform: scale(1.035) !important;
}
/* Subtle, smooth vignette overlay at bottom for crystal clear white typography */
.ca-feature-media:after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.65) 100%) !important;
pointer-events: none !important;
}
/* Badges on Top (Lot Number & Status) - Frosted Glass Pills */
.ca-file-status, .ca-file-number {
position: absolute !important;
top: 20px !important;
bottom: auto !important;
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
line-height: 28px !important;
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 5 !important;
padding: 0 14px !important;
border-radius: 9999px !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
backdrop-filter: blur(16px) saturate(180%) !important;
-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}
.ca-file-status {
left: 20px !important;
right: auto !important;
background: rgba(220, 38, 38, 0.95) !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.ca-file-number {
right: 20px !important;
left: auto !important;
background: rgba(255, 255, 255, 0.9) !important;
color: #09090b !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
}
/* Ensure home featured card badges never stretch */
.ca-hero .ca-file-status,
.ca-feature-media .ca-file-status,
.ca-feature-file .ca-file-status {
bottom: auto !important;
height: 28px !important;
max-height: 28px !important;
min-height: 28px !important;
line-height: 28px !important;
padding: 0 14px !important;
}
/* 3. FLOATING TEXT & CTA - NO SOLID BACK PLATE / CLEAN LIGHT GLASS */
.ca-feature-caption {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: none !important;
box-shadow: none !important;
padding: 24px 28px !important;
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 20px !important;
color: #ffffff !important;
z-index: 5 !important;
}
/* Title & Specs floating effortlessly */
.ca-feature-caption h2 {
color: #ffffff !important;
font-size: 26px !important;
font-weight: 900 !important;
letter-spacing: -0.025em !important;
margin: 0 0 6px 0 !important;
text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65), 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
.ca-feature-caption div {
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
font-weight: 600 !important;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6) !important;
}
.ca-feature-caption strong {
color: #ffffff !important;
font-size: 20px !important;
font-weight: 900 !important;
margin-left: 6px !important;
text-shadow: 0 2px 14px rgba(0, 0, 0, 0.7) !important;
}
/* 4. Ultra Modern Floating CTA Button - Crisp Light Glass with Blur */
.ca-feature-caption:after {
content: "View Lot & Bid →" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(255, 255, 255, 0.92) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
color: #09090b !important;
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: 0.02em !important;
padding: 12px 24px !important;
border-radius: 9999px !important;
white-space: nowrap !important;
box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.ca-feature-file:hover .ca-feature-caption:after {
background: #ffffff !important;
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.35) !important;
color: #000000 !important;
}
/* ==========================================================================
ULTRA-MODERN WHITE GLASSMORPHISM & GOLD BUY NOW OVERRIDES
========================================================================== */
/* 1. HIDE HERO SLIDESHOW (Toyota Tundra / #friday-hero-slider) */
#friday-hero-slider,
.f-slide-item,
.f-slider-nav,
section.ca-hero #friday-hero-slider {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* 2. UNIVERSAL GLASSMORPHISM LIGHT WHITE MINIMALISM */
:root {
--glass-bg: rgba(255, 255, 255, 0.72);
--glass-bg-strong: rgba(255, 255, 255, 0.88);
--glass-border: rgba(255, 255, 255, 0.65);
--glass-border-subtle: rgba(0, 0, 0, 0.06);
--glass-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.06), 0 4px 16px -2px rgba(0, 0, 0, 0.02);
--glass-blur: blur(20px) saturate(180%);
}
.ant-card,
.auction-panel,
.market-card,
.ca-market-card,
.lot-doc-panel,
.lot-ledger,
.lot-similar,
.lot-grid-comments > div,
.bid-panel-card,
.lot-sidebar-calculator,
.lot-agent-card,
.lot-offer-card,
.lot-calculator-card,
.inventory-filter-card.ant-card,
.inventory-results-head,
.home-payment-desk,
.home-transport-desk,
.ca-service-card,
.ca-desk-panel {
background: var(--glass-bg) !important;
backdrop-filter: var(--glass-blur) !important;
-webkit-backdrop-filter: var(--glass-blur) !important;
border: 1px solid var(--glass-border) !important;
box-shadow: var(--glass-shadow) !important;
border-radius: 16px !important;
}
/* 3. BUY NOW BUTTON - VIBRANT GOLD-YELLOW GRADIENT GLASSMORPHISM */
.ca-card-buy,
.lot-card-buy-now.ant-btn,
button.lot-card-buy-now,
a.lot-card-buy-now,
.lot-buy-now-btn,
.ant-btn.lot-buy-now,
[data-action="buynow"],
.ant-btn-primary.lot-buy-now,
.ca-card-actions .ca-card-buy {
background: linear-gradient(135deg, #f59e0b 0%, #eab308 50%, #facc15 100%) !important;
color: #1c1917 !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 8px 24px -4px rgba(234, 179, 8, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
font-weight: 850 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
border-radius: 10px !important;
}
.ca-card-buy:hover,
.lot-card-buy-now.ant-btn:hover,
button.lot-card-buy-now:hover,
.ca-card-actions .ca-card-buy:hover {
background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fde047 100%) !important;
color: #000000 !important;
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 12px 28px -4px rgba(234, 179, 8, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
}
/* Also ensure text and icons inside buy now are dark and legible */
.ca-card-buy span,
.ca-card-buy svg,
.lot-card-buy-now span,
.lot-card-buy-now svg {
color: #1c1917 !important;
fill: currentColor !important;
}
/* 4. LOT SOCIAL CARD (WATCHING, SHARES, LIKES) - MODERN CLEAN WHITE GLASS & ICONS */
.lot-social-card {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 12px !important;
padding: 14px 16px !important;
background: rgba(255, 255, 255, 0.8) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
border-radius: 16px !important;
box-shadow: 0 10px 28px -6px rgba(0, 0, 0, 0.05) !important;
margin: 14px 0 !important;
}
.lot-social-card > div {
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
border-radius: 12px !important;
padding: 12px 8px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
position: relative !important;
}
.lot-social-card > div:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 18px -4px rgba(0, 0, 0, 0.08) !important;
background: #ffffff !important;
}
.lot-social-card > div strong {
font-size: 20px !important;
font-weight: 900 !important;
color: #09090b !important;
line-height: 1.1 !important;
letter-spacing: -0.02em !important;
}
.lot-social-card > div span {
font-size: 11px !important;
font-weight: 750 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
color: #71717a !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
}
/* Modern icons inserted via CSS ::before on spans */
/* 1st column: Watching (Eye Icon) */
.lot-social-card > div:nth-child(1) span::before {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
background-color: #3b82f6 !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E") no-repeat center / contain !important;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}
/* 2nd column: Shares (Share / Arrow Icon) */
.lot-social-card > div:nth-child(2) span::before {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
background-color: #10b981 !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z'/%3E%3C/svg%3E") no-repeat center / contain !important;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}
/* 3rd column: Likes (Heart Icon) */
.lot-social-card > div:nth-child(3) span::before {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
background-color: #ef4444 !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z'/%3E%3C/svg%3E") no-repeat center / contain !important;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}
/* ==========================================================================
EXCLUSIVE GOLD BUY NOW OVERRIDE (CARDS + LOT DETAILS PAGE)
========================================================================== */
.ca-card-buy,
.ca-card-actions .ca-card-buy,
a.ca-card-buy,
button.ca-card-buy,
.lot-card-buy-now,
.lot-card-buy-now.ant-btn,
button.lot-card-buy-now,
a.lot-card-buy-now,
.bid-action-button.bid-action-buy-now,
.bid-action-buy-now,
.lot-bid-desk .bid-action-buy-now,
.lot-bid-desk .ant-btn.bid-action-buy-now,
button.bid-action-buy-now.ant-btn {
background: linear-gradient(135deg, #f59e0b 0%, #eab308 50%, #facc15 100%) !important;
background-color: #f59e0b !important;
color: #18181b !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 8px 24px -4px rgba(234, 179, 8, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.7) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
font-weight: 850 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
border-radius: 10px !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}
.ca-card-buy:hover,
.ca-card-actions .ca-card-buy:hover,
a.ca-card-buy:hover,
button.ca-card-buy:hover,
.lot-card-buy-now:hover,
.lot-card-buy-now.ant-btn:hover,
button.lot-card-buy-now:hover,
a.lot-card-buy-now:hover,
.bid-action-button.bid-action-buy-now:hover,
.bid-action-buy-now:hover,
.lot-bid-desk .bid-action-buy-now:hover,
.lot-bid-desk .ant-btn.bid-action-buy-now:hover,
button.bid-action-buy-now.ant-btn:hover {
background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fde047 100%) !important;
background-color: #d97706 !important;
color: #000000 !important;
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 12px 28px -4px rgba(234, 179, 8, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
}
/* Ensure inner text & SVG icons are crisp dark charcoal */
.ca-card-buy *,
.lot-card-buy-now *,
.bid-action-buy-now * {
color: #18181b !important;
fill: currentColor !important;
}
/* ==========================================================================
PARK.BID - ULTRA-CLEAN WHITE MINIMALISM & MODERN DESIGN ENHANCEMENTS
Strictly authentic, high-end Swiss/Nordic typography, zero AI clutter
========================================================================== */
/* 1. PULSING LIVE BADGE ANIMATION (High-frequency real-time auction cues) */
@keyframes live-pulse {
0% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
}
70% {
box-shadow: 0 0 0 7px rgba(16, 185, 129, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
}
.ca-card-state.is-live,
.status-pill-live,
.inventory-status-badge.is-live,
.lot-status-flag {
background: rgba(255, 255, 255, 0.92) !important;
color: #065f46 !important;
border: 1px solid rgba(16, 185, 129, 0.35) !important;
box-shadow: 0 2px 10px rgba(16, 185, 129, 0.12) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-weight: 850 !important;
letter-spacing: 0.04em !important;
border-radius: 9999px !important;
padding: 4px 12px !important;
}
.ca-card-state.is-live::before,
.status-pill-live::before,
.inventory-status-badge.is-live::before,
.lot-status-flag::before {
content: "" !important;
display: inline-block !important;
width: 7px !important;
height: 7px !important;
background-color: #10b981 !important;
border-radius: 50% !important;
animation: live-pulse 1.8s cubic-bezier(0.24, 0, 0.38, 1) infinite !important;
}
.ca-card-state.is-queued,
.inventory-status-badge.is-upcoming {
background: rgba(255, 255, 255, 0.85) !important;
color: #3f3f46 !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-radius: 9999px !important;
padding: 4px 12px !important;
font-weight: 750 !important;
}
/* 2. CARD HOVER & SMOOTH OPTICAL ZOOM */
.ca-market-card,
.inventory-lot-card.ant-card,
.market-lot-card .ant-card {
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.25s ease !important;
overflow: hidden !important;
}
.ca-market-card:hover,
.inventory-lot-card.ant-card:hover,
.market-lot-card .ant-card:hover {
transform: translateY(-5px) !important;
border-color: rgba(0, 0, 0, 0.12) !important;
box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.08), 0 4px 16px -2px rgba(0, 0, 0, 0.02) !important;
}
.ca-card-media img,
.inventory-card-media.lot-card-media img,
.lot-card-media img {
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.ca-market-card:hover .ca-card-media img,
.inventory-lot-card.ant-card:hover .inventory-card-media img,
.market-lot-card .ant-card:hover .lot-card-media img {
transform: scale(1.038) !important;
}
/* 3. FROSTED GLASS COUNTDOWN TIMERS */
.inventory-card-timer,
.ca-feature-caption > div:nth-child(2) {
background: rgba(255, 255, 255, 0.88) !important;
backdrop-filter: blur(16px) saturate(180%) !important;
-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.06) !important;
border-radius: 9999px !important;
font-variant-numeric: tabular-nums !important;
color: #18181b !important;
}
.inventory-card-timer span {
color: #27272a !important;
font-weight: 750 !important;
}
/* 4. INSPECTION CHECKLIST CHIPS & CONDITION PILLS */
.lot-condition-band span,
.lot-fact-row {
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(14px) !important;
-webkit-backdrop-filter: blur(14px) !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
border-radius: 12px !important;
transition: all 0.2s ease !important;
}
.lot-condition-band span:hover,
.lot-fact-row:hover {
background: #ffffff !important;
border-color: rgba(0, 0, 0, 0.12) !important;
box-shadow: 0 6px 16px -2px rgba(0, 0, 0, 0.05) !important;
}
.lot-condition-band span.warn {
background: rgba(254, 242, 242, 0.9) !important;
border-color: rgba(239, 68, 68, 0.25) !important;
color: #b91c1c !important;
}
/* 5. FLOATING GLASS HEADER ON SCROLL */
.site-header-v5 > div:nth-child(2) {
position: sticky !important;
top: 0 !important;
z-index: 100 !important;
background: rgba(255, 255, 255, 0.82) !important;
backdrop-filter: blur(24px) saturate(180%) !important;
-webkit-backdrop-filter: blur(24px) saturate(180%) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03) !important;
}
/* 6. REFINED GALLERY THUMBNAIL RAIL ON VEHICLE PAGE */
.lot-thumb-rail {
background: rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
padding: 10px 12px !important;
border-radius: 0 !important;
}
.lot-thumb-rail button {
border-radius: 0 !important;
overflow: hidden !important;
border: 2px solid transparent !important;
transition: border-color 0.2s ease, transform 0.2s ease !important;
}
.lot-thumb-rail button:hover {
transform: translateY(-2px) !important;
border-color: #18181b !important;
}
/* ==========================================================================
CALL SPECIALIST BUTTON (EMERALD GLASS GRADIENT UNDER BUY NOW)
========================================================================== */
.bid-action-button.bid-action-call-green,
button.bid-action-call-green.ant-btn,
.lot-bid-desk a > .bid-action-call-green,
.lot-bid-desk-mobile a > .bid-action-call-green {
background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
background-color: #10b981 !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.45) !important;
box-shadow: 0 10px 24px -4px rgba(16, 185, 129, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(14px) !important;
-webkit-backdrop-filter: blur(14px) !important;
border-radius: 12px !important;
font-weight: 850 !important;
font-size: 15px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
letter-spacing: 0.01em !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
cursor: pointer !important;
}
.bid-action-button.bid-action-call-green:hover,
button.bid-action-call-green.ant-btn:hover {
background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
transform: translateY(-2px) scale(1.015) !important;
box-shadow: 0 14px 30px -4px rgba(16, 185, 129, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
color: #ffffff !important;
}
.bid-action-button.bid-action-call-green *,
.bid-action-button.bid-action-call-green svg {
color: #ffffff !important;
stroke: currentColor !important;
fill: currentColor !important;
}
/* ==========================================================================
UPCOMING AUCTION CARD - LIQUID GLASS & GLASSMORPHISM ULTRA iOS 26
========================================================================== */
.lot-bid-desk div:has(> div:first-child:contains("Upcoming Auction")),
.lot-bid-desk-mobile div:has(> div:first-child:contains("Upcoming Auction")),
.lot-bid-desk [style*="Upcoming Auction"],
.lot-bid-desk div[style*="linear-gradient(135deg, #f7fff8"],
.lot-bid-desk div[style*="linear-gradient(135deg,#f7fff8"] {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(245, 247, 250, 0.72) 100%) !important;
backdrop-filter: blur(32px) saturate(210%) !important;
-webkit-backdrop-filter: blur(32px) saturate(210%) !important;
border: 1px solid rgba(255, 255, 255, 0.85) !important;
border-radius: 20px !important;
padding: 20px 22px !important;
box-shadow: 0 20px 48px -12px rgba(15, 23, 42, 0.08),
0 1px 1px 0 rgba(255, 255, 255, 0.9) inset,
0 -1px 1px 0 rgba(0, 0, 0, 0.03) inset !important;
position: relative !important;
overflow: hidden !important;
}
/* Liquid iridescent reflection sheen on the card */
.lot-bid-desk div[style*="linear-gradient(135deg, #f7fff8"]::before,
.lot-bid-desk div[style*="linear-gradient(135deg,#f7fff8"]::before {
content: "" !important;
position: absolute !important;
top: -50% !important;
left: -50% !important;
width: 200% !important;
height: 200% !important;
background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0) 50%) !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* Header badge inside card: UPCOMING AUCTION */
.lot-bid-desk div[style*="linear-gradient(135deg, #f7fff8"] > div:first-child,
.lot-bid-desk div[style*="linear-gradient(135deg,#f7fff8"] > div:first-child {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: rgba(37, 99, 235, 0.08) !important;
color: #2563eb !important;
border: 1px solid rgba(37, 99, 235, 0.18) !important;
border-radius: 9999px !important;
padding: 4px 10px !important;
font-size: 10px !important;
font-weight: 850 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
margin-bottom: 12px !important;
}
.lot-bid-desk div[style*="linear-gradient(135deg, #f7fff8"] > div:first-child::before,
.lot-bid-desk div[style*="linear-gradient(135deg,#f7fff8"] > div:first-child::before {
content: "" !important;
display: inline-block !important;
width: 6px !important;
height: 6px !important;
background-color: #2563eb !important;
border-radius: 50% !important;
}
/* Date & Time Typography */
.lot-bid-desk div[style*="linear-gradient(135deg, #f7fff8"] > div:nth-child(2),
.lot-bid-desk div[style*="linear-gradient(135deg,#f7fff8"] > div:nth-child(2) {
color: #52525b !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.lot-bid-desk div[style*="linear-gradient(135deg, #f7fff8"] > div:nth-child(3),
.lot-bid-desk div[style*="linear-gradient(135deg,#f7fff8"] > div:nth-child(3) {
color: #09090b !important;
font-size: 32px !important;
font-weight: 950 !important;
letter-spacing: -0.03em !important;
line-height: 1.05 !important;
margin: 2px 0 10px 0 !important;
}
/* "STARTS IN" Subtitle */
.lot-bid-desk div[style*="Starts in"],
.lot-bid-desk div:contains("Starts in") {
font-size: 11px !important;
font-weight: 850 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
color: #71717a !important;
margin-top: 10px !important;
margin-bottom: 8px !important;
}
/* ==========================================================================
TIMER DIGIT BOXES (LIQUID GLASS CAPSULES ULTRA iOS 26)
========================================================================== */
.lot-bid-desk div[style*="display: flex; gap: 8px"],
.lot-bid-desk div[style*="display:flex;gap:8px"],
.lot-bid-desk-mobile div[style*="display: flex; gap: 8px"],
.lot-bid-desk-mobile div[style*="display:flex;gap:8px"] {
display: flex !important;
gap: 10px !important;
width: 100% !important;
margin: 8px 0 14px 0 !important;
}
.lot-bid-desk div[style*="display: flex; gap: 8px"] > div,
.lot-bid-desk div[style*="display:flex;gap:8px"] > div,
.lot-bid-desk-mobile div[style*="display: flex; gap: 8px"] > div,
.lot-bid-desk-mobile div[style*="display:flex;gap:8px"] > div {
flex: 1 !important;
min-width: 0 !important;
background: rgba(255, 255, 255, 0.78) !important;
backdrop-filter: blur(28px) saturate(220%) !important;
-webkit-backdrop-filter: blur(28px) saturate(220%) !important;
border: 1px solid rgba(255, 255, 255, 0.9) !important;
border-radius: 16px !important;
padding: 12px 6px !important;
box-shadow: 0 12px 28px -6px rgba(15, 23, 42, 0.08),
0 1px 2px rgba(255, 255, 255, 1) inset,
0 -1px 2px rgba(0, 0, 0, 0.03) inset !important;
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
position: relative !important;
overflow: hidden !important;
}
.lot-bid-desk div[style*="display: flex; gap: 8px"] > div:hover,
.lot-bid-desk div[style*="display:flex;gap:8px"] > div:hover {
transform: translateY(-2px) scale(1.03) !important;
box-shadow: 0 16px 32px -6px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.95) !important;
background: rgba(255, 255, 255, 0.95) !important;
}
/* Liquid sheen inside each digit capsule */
.lot-bid-desk div[style*="display: flex; gap: 8px"] > div::after,
.lot-bid-desk div[style*="display:flex;gap:8px"] > div::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 40% !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%) !important;
border-radius: 16px 16px 0 0 !important;
pointer-events: none !important;
}
/* Digits Number Styling - Ultra Sharp iOS Tabular Numerals */
.lot-bid-desk div[style*="display: flex; gap: 8px"] > div [style*="font-size: 22px"],
.lot-bid-desk div[style*="display: flex; gap: 8px"] > div [style*="fontSize:22"],
.lot-bid-desk div[style*="display:flex;gap:8px"] > div [style*="fontSize:22"] {
font-size: 26px !important;
font-weight: 900 !important;
color: #09090b !important;
letter-spacing: -0.03em !important;
font-variant-numeric: tabular-nums !important;
line-height: 1 !important;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}
/* Labels: Days, Hours, Min, Sec */
.lot-bid-desk div[style*="display: flex; gap: 8px"] > div > div:last-child,
.lot-bid-desk div[style*="display:flex;gap:8px"] > div > div:last-child {
font-size: 10px !important;
font-weight: 850 !important;
color: #71717a !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
margin-top: 5px !important;
}
/* Notify Me Button Inside Liquid Card */
.lot-bid-desk .bid-action-neutral {
border-radius: 12px !important;
font-weight: 800 !important;
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
transition: all 0.2s ease !important;
}
.lot-bid-desk .bid-action-neutral:hover {
background: #09090b !important;
color: #ffffff !important;
border-color: #09090b !important;
}
/* ==========================================================================
ULTRA iOS 26 LIQUID GLASSMORPHISM - UPCOMING AUCTION & COUNTDOWN TIMER
========================================================================== */
/* 1. The Main Upcoming Auction Container */
.ios26-upcoming-auction-card {
margin-bottom: 20px !important;
border-radius: 24px !important;
padding: 24px !important;
position: relative !important;
overflow: hidden !important;
/* Liquid White Glass */
background: rgba(255, 255, 255, 0.75) !important;
backdrop-filter: blur(36px) saturate(220%) contrast(105%) !important;
-webkit-backdrop-filter: blur(36px) saturate(220%) contrast(105%) !important;
/* Precision Liquid Glass Border & Multi-Layer Specular Shadow */
border: 1px solid rgba(255, 255, 255, 0.95) !important;
box-shadow:
0 24px 48px -12px rgba(15, 23, 42, 0.09),
0 8px 24px -4px rgba(15, 23, 42, 0.04),
inset 0 1.5px 2px 0 rgba(255, 255, 255, 1),
inset 0 -1.5px 2px 0 rgba(0, 0, 0, 0.03) !important;
}
/* Liquid Reflection Sheen Across Card */
.ios26-upcoming-auction-card::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.6) 0%,
rgba(255, 255, 255, 0.15) 45%,
rgba(255, 255, 255, 0) 65%
) !important;
pointer-events: none !important;
border-radius: inherit !important;
}
/* 2. Frosted Pill Badge: UPCOMING AUCTION */
.ios26-upcoming-badge {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
background: rgba(24, 24, 27, 0.06) !important;
color: #18181b !important;
border: 1px solid rgba(255, 255, 255, 0.9) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-radius: 9999px !important;
padding: 5px 12px 5px 9px !important;
font-size: 11px !important;
font-weight: 850 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
margin-bottom: 14px !important;
}
.ios26-upcoming-badge::before {
content: "" !important;
display: inline-block !important;
width: 7px !important;
height: 7px !important;
background-color: #3b82f6 !important;
border-radius: 50% !important;
box-shadow: 0 0 8px rgba(59, 130, 246, 0.8) !important;
}
/* 3. Date & Auction Duration Line */
.ios26-upcoming-auction-card > div:nth-child(2) {
color: #52525b !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
}
.ios26-upcoming-auction-card > div:nth-child(3) {
color: #09090b !important;
font-size: 34px !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
line-height: 1 !important;
margin: 4px 0 12px 0 !important;
}
/* "STARTS IN" Subtitle */
.ios26-starts-in-label {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 11px !important;
font-weight: 850 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
color: #71717a !important;
margin-top: 14px !important;
margin-bottom: 10px !important;
}
.ios26-starts-in-label::before {
content: "" !important;
display: inline-block !important;
width: 4px !important;
height: 4px !important;
background-color: #a1a1aa !important;
border-radius: 50% !important;
}
/* 4. Timer Wrapper & Individual Liquid Glass Digit Capsules */
.ios26-timer-wrap > div > div {
display: flex !important;
gap: 10px !important;
width: 100% !important;
}
.ios26-digit-capsule {
flex: 1 !important;
min-width: 0 !important;
text-align: center !important;
padding: 14px 6px 12px 6px !important;
border-radius: 18px !important;
position: relative !important;
overflow: hidden !important;
/* Ultra iOS 26 Frosted Liquid Crystal Glass */
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(28px) saturate(210%) !important;
-webkit-backdrop-filter: blur(28px) saturate(210%) !important;
/* Liquid Edge Refraction */
border: 1px solid rgba(255, 255, 255, 1) !important;
box-shadow:
0 12px 26px -6px rgba(15, 23, 42, 0.08),
0 2px 6px -1px rgba(15, 23, 42, 0.03),
inset 0 2px 2px 0 rgba(255, 255, 255, 1),
inset 0 -1.5px 2px 0 rgba(0, 0, 0, 0.04) !important;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}
.ios26-digit-capsule:hover {
transform: translateY(-2px) scale(1.03) !important;
background: #ffffff !important;
box-shadow:
0 18px 36px -8px rgba(15, 23, 42, 0.14),
inset 0 2px 3px 0 rgba(255, 255, 255, 1) !important;
}
/* Curved Lens Top Glare on each capsule */
.ios26-digit-capsule::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 45% !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%) !important;
border-radius: 18px 18px 0 0 !important;
pointer-events: none !important;
}
/* Numerals (Days, Hours, Min, Sec) */
.ios26-digit-capsule div:first-child,
.ios26-digit-capsule [style*="font-size: 22px"],
.ios26-digit-capsule [style*="fontSize:22"] {
font-size: 28px !important;
font-weight: 950 !important;
color: #09090b !important;
line-height: 1 !important;
letter-spacing: -0.035em !important;
font-variant-numeric: tabular-nums !important;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) !important;
}
/* Sub-labels (Days, Hours, Min, Sec) */
.ios26-digit-capsule div:last-child {
font-size: 10px !important;
font-weight: 850 !important;
color: #71717a !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
margin-top: 6px !important;
}
/* 5. "Notify me" Button in Liquid Glass Card */
.ios26-upcoming-auction-card .bid-action-neutral {
margin-top: 16px !important;
border-radius: 14px !important;
height: 46px !important;
font-weight: 800 !important;
font-size: 14px !important;
background: rgba(255, 255, 255, 0.95) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
color: #18181b !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04), inset 0 1px 1px rgba(255, 255, 255, 1) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.ios26-upcoming-auction-card .bid-action-neutral:hover {
background: #09090b !important;
color: #ffffff !important;
border-color: #09090b !important;
transform: translateY(-1px) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}
.ios26-upcoming-auction-card .bid-action-neutral:hover * {
color: #ffffff !important;
}
/* ==========================================================================
EXTRA ROBUST OVERRIDES FOR iOS 26 LIQUID GLASS COUNTDOWN & UPCOMING AUCTION
========================================================================== */
/* Force Upcoming Auction Card to override ANY inline or external styles */
.lot-bid-desk .ios26-upcoming-auction-card,
.ios26-upcoming-auction-card {
margin-bottom: 24px !important;
border-radius: 26px !important;
padding: 24px 22px 22px 22px !important;
position: relative !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.78) !important;
backdrop-filter: blur(40px) saturate(220%) contrast(102%) !important;
-webkit-backdrop-filter: blur(40px) saturate(220%) contrast(102%) !important;
border: 1px solid rgba(255, 255, 255, 0.95) !important;
box-shadow:
0 24px 48px -12px rgba(15, 23, 42, 0.08),
0 4px 16px -2px rgba(15, 23, 42, 0.03),
inset 0 2px 3px 0 rgba(255, 255, 255, 1),
inset 0 -1.5px 2px 0 rgba(0, 0, 0, 0.02) !important;
}
/* Diagonal Specular Sheen */
.ios26-upcoming-auction-card::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 45%, rgba(255, 255, 255, 0) 70%) !important;
pointer-events: none !important;
border-radius: inherit !important;
}
/* Badge inside Upcoming Auction */
.ios26-upcoming-badge {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
background: rgba(24, 24, 27, 0.05) !important;
color: #18181b !important;
border: 1px solid rgba(255, 255, 255, 0.9) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-radius: 9999px !important;
padding: 5px 12px 5px 9px !important;
font-size: 11px !important;
font-weight: 850 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
margin-bottom: 14px !important;
}
.ios26-upcoming-badge::before {
content: "" !important;
display: inline-block !important;
width: 7px !important;
height: 7px !important;
background-color: #3b82f6 !important;
border-radius: 50% !important;
box-shadow: 0 0 8px rgba(59, 130, 246, 0.8) !important;
}
/* Starts In Label */
.ios26-starts-in-label {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 11px !important;
font-weight: 850 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
color: #71717a !important;
margin-top: 14px !important;
margin-bottom: 10px !important;
}
.ios26-starts-in-label::before {
content: "" !important;
display: inline-block !important;
width: 5px !important;
height: 5px !important;
background-color: #a1a1aa !important;
border-radius: 50% !important;
}
/* Individual Timer Capsule in Liquid Glass */
.ios26-digit-capsule {
flex: 1 1 0% !important;
min-width: 0 !important;
text-align: center !important;
padding: 14px 6px 12px 6px !important;
border-radius: 18px !important;
position: relative !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.88) !important;
backdrop-filter: blur(28px) saturate(210%) !important;
-webkit-backdrop-filter: blur(28px) saturate(210%) !important;
border: 1px solid rgba(255, 255, 255, 1) !important;
box-shadow:
0 12px 24px -6px rgba(15, 23, 42, 0.07),
0 2px 6px -1px rgba(15, 23, 42, 0.03),
inset 0 2px 2px 0 rgba(255, 255, 255, 1),
inset 0 -1.5px 2px 0 rgba(0, 0, 0, 0.04) !important;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}
.ios26-digit-capsule:hover {
transform: translateY(-2px) scale(1.03) !important;
background: #ffffff !important;
box-shadow:
0 18px 36px -8px rgba(15, 23, 42, 0.12),
inset 0 2px 3px 0 rgba(255, 255, 255, 1) !important;
}
.ios26-digit-capsule::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 45% !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%) !important;
border-radius: 18px 18px 0 0 !important;
pointer-events: none !important;
}
/* Digit text & labels */
.ios26-digit-capsule div,
.ios26-digit-capsule span {
position: relative !important;
z-index: 1 !important;
}
/* ==========================================================================
TARGETED LIQUID GLASSMORPHISM ULTRA iOS 26 - COUNTDOWN & UPCOMING AUCTION
Matches both SSR markup (inline styles) and Client hydrated markup
========================================================================== */
/* 1. UPCOMING AUCTION CARD (Container around Starts in) */
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"])),
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"])),
.lot-bid-desk div:has(> div > [style*="min-width: 52px"]),
.lot-bid-desk div:has(> div > [style*="min-width:52px"]),
.ios26-upcoming-auction-card {
margin-bottom: 24px !important;
border-radius: 28px !important;
padding: 24px 22px 22px 22px !important;
position: relative !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.75) !important;
backdrop-filter: blur(36px) saturate(220%) contrast(105%) !important;
-webkit-backdrop-filter: blur(36px) saturate(220%) contrast(105%) !important;
border: 1px solid rgba(255, 255, 255, 0.95) !important;
box-shadow:
0 24px 48px -12px rgba(15, 23, 42, 0.08),
0 4px 16px -2px rgba(15, 23, 42, 0.03),
inset 0 2px 3px 0 rgba(255, 255, 255, 1),
inset 0 -1.5px 2px 0 rgba(0, 0, 0, 0.03) !important;
}
/* Diagonal liquid glare across card */
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"]))::before,
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"]))::before,
.ios26-upcoming-auction-card::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 45%, rgba(255, 255, 255, 0) 70%) !important;
pointer-events: none !important;
border-radius: inherit !important;
}
/* 2. Frosted Pill Badge inside Card: UPCOMING AUCTION */
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"])) > div:first-child,
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"])) > div:first-child,
.ios26-upcoming-badge {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
background: rgba(24, 24, 27, 0.06) !important;
color: #18181b !important;
border: 1px solid rgba(255, 255, 255, 0.9) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-radius: 9999px !important;
padding: 5px 12px 5px 9px !important;
font-size: 11px !important;
font-weight: 850 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
margin-bottom: 14px !important;
}
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"])) > div:first-child::before,
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"])) > div:first-child::before,
.ios26-upcoming-badge::before {
content: "" !important;
display: inline-block !important;
width: 7px !important;
height: 7px !important;
background-color: #3b82f6 !important;
border-radius: 50% !important;
box-shadow: 0 0 8px rgba(59, 130, 246, 0.8) !important;
}
/* 3. "STARTS IN" SUBTITLE */
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"])) > [style*="text-transform:uppercase"],
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"])) > [style*="text-transform: uppercase"],
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"])) > [style*="text-transform:uppercase"],
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"])) > [style*="text-transform: uppercase"],
.ios26-starts-in-label {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 11px !important;
font-weight: 850 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
color: #71717a !important;
margin-top: 14px !important;
margin-bottom: 10px !important;
}
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"])) > [style*="text-transform:uppercase"]::before,
.lot-bid-desk div:has(> div:has(> [style*="min-width: 52px"])) > [style*="text-transform: uppercase"]::before,
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"])) > [style*="text-transform:uppercase"]::before,
.lot-bid-desk div:has(> div:has(> [style*="min-width:52px"])) > [style*="text-transform: uppercase"]::before,
.ios26-starts-in-label::before {
content: "" !important;
display: inline-block !important;
width: 5px !important;
height: 5px !important;
background-color: #a1a1aa !important;
border-radius: 50% !important;
}
/* 4. LIQUID GLASS COUNTDOWN DIGIT CAPSULES */
.lot-bid-desk [style*="min-width: 52px"],
.lot-bid-desk [style*="min-width:52px"],
.ios26-digit-capsule {
flex: 1 1 0% !important;
min-width: 0 !important;
text-align: center !important;
padding: 14px 6px 12px 6px !important;
border-radius: 20px !important;
position: relative !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(28px) saturate(210%) !important;
-webkit-backdrop-filter: blur(28px) saturate(210%) !important;
border: 1px solid rgba(255, 255, 255, 1) !important;
box-shadow:
0 12px 24px -6px rgba(15, 23, 42, 0.08),
0 2px 6px -1px rgba(15, 23, 42, 0.03),
inset 0 2px 2px 0 rgba(255, 255, 255, 1),
inset 0 -1.5px 2px 0 rgba(0, 0, 0, 0.04) !important;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}
.lot-bid-desk [style*="min-width: 52px"]:hover,
.lot-bid-desk [style*="min-width:52px"]:hover,
.ios26-digit-capsule:hover {
transform: translateY(-2px) scale(1.03) !important;
background: #ffffff !important;
box-shadow:
0 18px 36px -8px rgba(15, 23, 42, 0.12),
inset 0 2px 3px 0 rgba(255, 255, 255, 1) !important;
}
.lot-bid-desk [style*="min-width: 52px"]::before,
.lot-bid-desk [style*="min-width:52px"]::before,
.ios26-digit-capsule::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 45% !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%) !important;
border-radius: 20px 20px 0 0 !important;
pointer-events: none !important;
}
/* Numerals */
.lot-bid-desk [style*="min-width: 52px"] > div:first-child,
.lot-bid-desk [style*="min-width:52px"] > div:first-child,
.ios26-digit-capsule [style*="font-size: 22px"],
.ios26-digit-capsule [style*="fontSize:22"],
.ios26-digit-capsule [style*="font-size: 26px"] {
font-size: 28px !important;
font-weight: 950 !important;
color: #09090b !important;
line-height: 1 !important;
letter-spacing: -0.035em !important;
font-variant-numeric: tabular-nums !important;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) !important;
position: relative !important;
z-index: 1 !important;
}
/* Sub-labels (Hrs, Min, Sec) */
.lot-bid-desk [style*="min-width: 52px"] > div:last-child,
.lot-bid-desk [style*="min-width:52px"] > div:last-child,
.ios26-digit-capsule > div:last-child {
font-size: 10px !important;
font-weight: 850 !important;
color: #71717a !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
margin-top: 6px !important;
position: relative !important;
z-index: 1 !important;
}
/* ==========================================================================
ULTRA-LUXURY WHITE LIQUID GLASSMORPHISM & MINIMALISM FOR VEHICLE PAGES
========================================================================== */
/* 1. Universal Glass Backdrop and Page Body */
body {
background: #fbfbfd !important;
}
/* 2. Main Vehicle Info Card & Ledger Grids */
.lot-ledger-grid,
.lot-facts-grid {
background: rgba(255, 255, 255, 0.72) !important;
backdrop-filter: blur(28px) saturate(200%) !important;
-webkit-backdrop-filter: blur(28px) saturate(200%) !important;
border: 1px solid rgba(255, 255, 255, 0.95) !important;
border-radius: 24px !important;
box-shadow: 0 20px 40px -12px rgba(15, 23, 42, 0.05), inset 0 1px 2px rgba(255, 255, 255, 1) !important;
padding: 18px 20px !important;
}
/* Fact rows inside grids */
.lot-fact-row {
border-radius: 14px !important;
padding: 10px 14px !important;
background: rgba(255, 255, 255, 0.6) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.lot-fact-row:hover {
background: #ffffff !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04) !important;
}
/* 3. Condition & Badges Band */
.lot-condition-band {
background: rgba(255, 255, 255, 0.75) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border: 1px solid rgba(255, 255, 255, 0.9) !important;
border-radius: 18px !important;
box-shadow: 0 8px 20px -4px rgba(15, 23, 42, 0.04) !important;
padding: 10px 16px !important;
}
.lot-condition-band > span {
border-radius: 9999px !important;
padding: 4px 12px !important;
font-weight: 700 !important;
}
/* 4. Document / Inspection / Carfax Panel */
.lot-doc-panel,
.lot-condition-reports {
background: rgba(255, 255, 255, 0.7) !important;
backdrop-filter: blur(24px) saturate(190%) !important;
-webkit-backdrop-filter: blur(24px) saturate(190%) !important;
border: 1px solid rgba(255, 255, 255, 0.95) !important;
border-radius: 24px !important;
box-shadow: 0 16px 36px -10px rgba(15, 23, 42, 0.05) !important;
}
/* 5. Sticky Bid Desk & Aside */
.lot-bid-desk > div,
.lot-sidebar-card {
background: rgba(255, 255, 255, 0.82) !important;
backdrop-filter: blur(36px) saturate(210%) contrast(102%) !important;
-webkit-backdrop-filter: blur(36px) saturate(210%) contrast(102%) !important;
border: 1px solid rgba(255, 255, 255, 0.95) !important;
border-radius: 26px !important;
box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.07), inset 0 2px 2px rgba(255, 255, 255, 1) !important;
}
/* 6. Emerald Green Call Specialist Button */
.bid-action-call-green {
background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
color: #ffffff !important;
border-radius: 14px !important;
height: 48px !important;
font-size: 15px !important;
font-weight: 850 !important;
letter-spacing: -0.01em !important;
box-shadow: 0 10px 24px -4px rgba(16, 185, 129, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.45) !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.bid-action-call-green:hover {
transform: translateY(-2px) !important;
box-shadow: 0 16px 32px -4px rgba(16, 185, 129, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
}
.bid-action-call-green * {
color: #ffffff !important;
}
/* ==========================================================================
ULTRA-LUXURY GLASSMORPHIC VEHICLE HERO HEADER WITH BLURRED CAR PHOTO
========================================================================== */
.lot-dossier-hero {
position: relative !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center 35% !important;
background-repeat: no-repeat !important;
min-height: 240px !important;
padding: 44px 0 110px 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}
/* Semi-transparent Frosted Glass Overlay with Deep Blur disabled in favor of dedicated lot-hero-blur-layer */
.lot-dossier-hero::before {
display: none !important;
}
/* Top Subtle Liquid Highlight */
.lot-dossier-hero::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent) !important;
z-index: 2 !important;
}
/* Content Container above blur overlay */
.lot-dossier-hero .page-container {
position: relative !important;
z-index: 3 !important;
}
/* Breadcrumb Styling in Glass Hero */
.lot-dossier-crumbs {
margin-bottom: 18px !important;
}
.lot-dossier-crumbs .ant-breadcrumb-link a {
color: rgba(255, 255, 255, 0.82) !important;
font-size: 13px !important;
font-weight: 600 !important;
transition: color 0.2s ease !important;
}
.lot-dossier-crumbs .ant-breadcrumb-link a:hover {
color: #ffffff !important;
}
.lot-dossier-crumbs .ant-breadcrumb-separator {
color: rgba(255, 255, 255, 0.45) !important;
}
/* Lot Kicker Pill Badge */
.lot-dossier-hero .lot-kicker {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: rgba(255, 255, 255, 0.14) !important;
border: 1px solid rgba(255, 255, 255, 0.24) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
border-radius: 9999px !important;
padding: 4px 12px !important;
font-size: 11px !important;
font-weight: 850 !important;
letter-spacing: 0.08em !important;
color: #93c5fd !important;
text-transform: uppercase !important;
margin-bottom: 10px !important;
}
/* Vehicle Title Heading */
.lot-dossier-hero h1 {
color: #ffffff !important;
font-size: clamp(32px, 4vw, 54px) !important;
font-weight: 950 !important;
letter-spacing: -0.035em !important;
line-height: 1.04 !important;
text-shadow: 0 2px 14px rgba(0, 0, 0, 0.8) !important;
margin: 0 !important;
}
/* Action Buttons inside Hero (Share, Heart, Call now) */
.lot-hero-actions {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.lot-hero-actions button,
.lot-hero-actions .ant-btn {
background: rgba(255, 255, 255, 0.15) !important;
border: 1px solid rgba(255, 255, 255, 0.25) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
color: #ffffff !important;
border-radius: 12px !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.lot-hero-actions button:hover,
.lot-hero-actions .ant-btn:hover {
background: rgba(255, 255, 255, 0.25) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
color: #ffffff !important;
}
.lot-hero-actions button svg,
.lot-hero-actions button span {
color: #ffffff !important;
}
/* Call Now Red/Emerald Button in Hero */
.lot-hero-actions .lot-call-red,
.lot-hero-actions a .ant-btn {
background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 8px 20px -2px rgba(16, 185, 129, 0.4) !important;
font-weight: 800 !important;
}
.lot-hero-actions .lot-call-red:hover,
.lot-hero-actions a .ant-btn:hover {
background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
}
.lot-hero-actions .lot-call-red *,
.lot-hero-actions a .ant-btn * {
color: #ffffff !important;
}
/* ==========================================================================
FLUID & ULTRA-PROFESSIONAL iOS 26 LIQUID GLASS TIMER (DESKTOP & MOBILE)
========================================================================== */
/* The Card Container */
.ios26-upcoming-auction-card {
margin-bottom: 24px !important;
border-radius: 28px !important;
padding: 26px 24px 24px 24px !important;
position: relative !important;
overflow: hidden !important;
/* Multilayered Liquid White Glass */
background: linear-gradient(
145deg,
rgba(255, 255, 255, 0.88) 0%,
rgba(255, 255, 255, 0.72) 60%,
rgba(250, 250, 252, 0.8) 100%
) !important;
backdrop-filter: blur(40px) saturate(220%) contrast(102%) !important;
-webkit-backdrop-filter: blur(40px) saturate(220%) contrast(102%) !important;
border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
box-shadow:
0 24px 48px -12px rgba(15, 23, 42, 0.07),
0 6px 18px -3px rgba(15, 23, 42, 0.03),
inset 0 2px 2px rgba(255, 255, 255, 1),
inset 0 -1.5px 2px rgba(0, 0, 0, 0.02) !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
/* Ultra Smooth Timer Capsule Grid */
.ios26-timer-wrap > div > div,
.ios26-timer-wrap [style*="display:flex"],
.ios26-timer-wrap [style*="display: flex"] {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 10px !important;
width: 100% !important;
}
/* Individual Liquid Crystal Capsule */
.ios26-digit-capsule {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
padding: 14px 4px 12px 4px !important;
border-radius: 20px !important;
position: relative !important;
overflow: hidden !important;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.95) 0%,
rgba(255, 255, 255, 0.8) 100%
) !important;
backdrop-filter: blur(28px) saturate(200%) !important;
-webkit-backdrop-filter: blur(28px) saturate(200%) !important;
border: 1px solid rgba(255, 255, 255, 1) !important;
box-shadow:
0 8px 20px -4px rgba(15, 23, 42, 0.06),
0 2px 6px -1px rgba(15, 23, 42, 0.02),
inset 0 1.5px 2px rgba(255, 255, 255, 1),
inset 0 -1px 2px rgba(0, 0, 0, 0.03) !important;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}
.ios26-digit-capsule:hover {
transform: translateY(-2px) scale(1.02) !important;
background: #ffffff !important;
box-shadow:
0 14px 28px -6px rgba(15, 23, 42, 0.1),
inset 0 2px 2px #fff !important;
}
/* Top Curved Specular Glare */
.ios26-digit-capsule::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 48% !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%) !important;
border-radius: 20px 20px 0 0 !important;
pointer-events: none !important;
}
/* High-Definition Apple Numerals */
.ios26-digit-capsule div:first-child,
.ios26-digit-capsule [style*="font-size: 26px"],
.ios26-digit-capsule [style*="fontSize: 26"] {
font-size: clamp(22px, 2.2vw, 28px) !important;
font-weight: 950 !important;
color: #09090b !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
font-variant-numeric: tabular-nums !important;
font-feature-settings: "tnum" 1 !important;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
position: relative !important;
z-index: 2 !important;
}
/* Sub-labels (Days, Hrs, Min, Sec) */
.ios26-digit-capsule div:last-child {
font-size: 10px !important;
font-weight: 800 !important;
color: #71717a !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
margin-top: 5px !important;
position: relative !important;
z-index: 2 !important;
}
/* Mobile Responsiveness for Small Screens (< 640px) */
@media (max-width: 640px) {
.lot-dossier-hero {
min-height: 200px !important;
padding: 28px 0 80px 0 !important;
}
.lot-dossier-hero h1 {
font-size: 32px !important;
}
.ios26-upcoming-auction-card {
border-radius: 22px !important;
padding: 20px 16px 18px 16px !important;
margin-bottom: 20px !important;
}
.ios26-timer-wrap > div > div {
gap: 6px !important;
}
.ios26-digit-capsule {
padding: 12px 2px 10px 2px !important;
border-radius: 16px !important;
}
.ios26-digit-capsule div:first-child {
font-size: 22px !important;
}
.ios26-digit-capsule div:last-child {
font-size: 9px !important;
letter-spacing: 0.05em !important;
margin-top: 3px !important;
}
}
/* ==========================================================================
PERFECT LIQUID GLASS BLURRED CAR PHOTO HEADER
========================================================================== */
.lot-dossier-hero {
position: relative !important;
overflow: hidden !important;
min-height: 280px !important;
padding: 44px 0 100px 0 !important;
background-size: cover !important;
background-position: center 38% !important;
background-repeat: no-repeat !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
/* Dedicated Image Layer positioned absolutely */
.lot-hero-blur-layer {
position: absolute !important;
inset: -15px !important;
overflow: hidden !important;
z-index: 0 !important;
pointer-events: none !important;
}
.lot-hero-blur-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 35% !important;
filter: blur(6px) saturate(120%) contrast(105%) !important;
-webkit-filter: blur(6px) saturate(120%) contrast(105%) !important;
transform: scale(1.03) !important;
opacity: 1 !important;
}
/* Light Subtle Dark Gradient Tint (Car Photo vivid and clearly visible) */
.lot-hero-blur-layer::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.30) 0%,
rgba(0, 0, 0, 0.10) 35%,
rgba(0, 0, 0, 0.16) 70%,
rgba(0, 0, 0, 0.38) 100%
) !important;
}
/* Top Specular Line */
.lot-dossier-hero::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent) !important;
z-index: 2 !important;
}
/* Ensure Page Container is high above blur */
.lot-dossier-hero .page-container {
position: relative !important;
z-index: 3 !important;
}
/* ==========================================================================
ULTRA-SMOOTH ANIMATED LIQUID GLASS TIMER WITH SPECULAR LIGHT PULSE
========================================================================== */
/* Shimmer Mask Animation on Timer Digit Capsules */
@keyframes liquidGlassPulse {
0%, 100% {
box-shadow:
0 8px 20px -4px rgba(15, 23, 42, 0.06),
0 2px 6px -1px rgba(15, 23, 42, 0.02),
inset 0 1.5px 2px rgba(255, 255, 255, 1),
inset 0 -1px 2px rgba(0, 0, 0, 0.03);
border-color: rgba(255, 255, 255, 0.95);
}
50% {
box-shadow:
0 12px 28px -4px rgba(37, 99, 235, 0.16),
0 4px 12px -1px rgba(37, 99, 235, 0.08),
inset 0 2px 3px rgba(255, 255, 255, 1),
inset 0 -1px 2px rgba(0, 0, 0, 0.02);
border-color: rgba(147, 197, 253, 0.65);
}
}
@keyframes liquidSheenMove {
0% {
transform: translateX(-150%) skewX(-20deg);
opacity: 0;
}
12% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
transform: translateX(260%) skewX(-20deg);
opacity: 0;
}
}
@keyframes liveRingPulse {
0% {
box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
}
70% {
box-shadow: 0 0 0 7px rgba(59, 130, 246, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
}
}
@keyframes cardTopBeam {
0% {
left: -80%;
}
50%, 100% {
left: 100%;
}
}
/* Card Top Animated Accent Beam */
.ios26-upcoming-auction-card::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -80% !important;
width: 80% !important;
height: 2px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(59, 130, 246, 0.4) 30%,
rgba(255, 255, 255, 0.95) 50%,
rgba(59, 130, 246, 0.4) 70%,
transparent 100%
) !important;
animation: cardTopBeam 4.5s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
pointer-events: none !important;
z-index: 2 !important;
}
/* Pulsing Live Dot on Upcoming Badge */
.ios26-upcoming-badge::before {
animation: liveRingPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
/* Animated Shimmer Lens Glare across Capsules */
.ios26-digit-capsule {
animation: liquidGlassPulse 3.5s ease-in-out infinite !important;
}
.ios26-digit-capsule::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -50% !important;
width: 70% !important;
height: 100% !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(255, 255, 255, 0.15) 25%,
rgba(255, 255, 255, 0.9) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 100%
) !important;
transform: translateX(-150%) skewX(-20deg) !important;
animation: liquidSheenMove 3.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* Stagger animation on capsules for wave effect across all 4 capsules */
.ios26-digit-capsule:nth-child(1)::after { animation-delay: 0s !important; }
.ios26-digit-capsule:nth-child(2)::after { animation-delay: 0.32s !important; }
.ios26-digit-capsule:nth-child(3)::after { animation-delay: 0.64s !important; }
.ios26-digit-capsule:nth-child(4)::after { animation-delay: 0.96s !important; }
/* Smooth scale and transition on hover */
.ios26-digit-capsule:hover {
transform: translateY(-3px) scale(1.03) !important;
background: #ffffff !important;
box-shadow:
0 16px 36px -6px rgba(37, 99, 235, 0.16),
inset 0 2px 2px #fff !important;
}
/* Tabular fixed numerals with zero jitter on tick */
.ios26-digit-capsule div:first-child {
font-variant-numeric: tabular-nums !important;
font-feature-settings: "tnum" !important;
transition: color 0.2s ease !important;
}
/* ==========================================================================
ENHANCED VEHICLE DOSSIER CONTROLS & SECTIONS
========================================================================== */
/* 1. PERMANENT LUXURY GOLD GRADIENT: BUY NOW BUTTON */
button.bid-action-buy-now,
.ant-btn.bid-action-buy-now,
.bid-action-button.bid-action-buy-now,
.lot-bid-desk .bid-action-buy-now,
.lot-bid-desk-mobile .bid-action-buy-now {
background: linear-gradient(135deg, #f59e0b 0%, #eab308 50%, #facc15 100%) !important;
background-color: #f59e0b !important;
color: #18181b !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
box-shadow: 0 8px 24px -4px rgba(234, 179, 8, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.7) !important;
font-weight: 900 !important;
letter-spacing: -0.01em !important;
border-radius: 14px !important;
transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}
button.bid-action-buy-now:hover,
.ant-btn.bid-action-buy-now:hover,
.bid-action-button.bid-action-buy-now:hover {
background: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fde047 100%) !important;
transform: translateY(-2px) scale(1.015) !important;
box-shadow: 0 12px 28px -4px rgba(234, 179, 8, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
color: #000000 !important;
}
button.bid-action-buy-now *,
.ant-btn.bid-action-buy-now * {
color: #18181b !important;
font-weight: 900 !important;
}
/* 2. PERMANENT EMERALD GREEN GRADIENT: CALL US BUTTON (BELOW BUY NOW) */
button.bid-action-call-green,
.ant-btn.bid-action-call-green,
.bid-action-button.bid-action-call-green,
.lot-bid-desk a > .bid-action-call-green,
.lot-bid-desk-mobile a > .bid-action-call-green {
background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
background-color: #10b981 !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.45) !important;
box-shadow: 0 10px 24px -4px rgba(16, 185, 129, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
font-weight: 850 !important;
letter-spacing: 0.04em !important;
border-radius: 14px !important;
transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}
button.bid-action-call-green:hover,
.ant-btn.bid-action-call-green:hover,
.bid-action-button.bid-action-call-green:hover {
background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
transform: translateY(-2px) scale(1.015) !important;
box-shadow: 0 14px 30px -4px rgba(16, 185, 129, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
color: #ffffff !important;
}
button.bid-action-call-green *,
.ant-btn.bid-action-call-green * {
color: #ffffff !important;
fill: currentColor !important;
}
/* 3. PERMANENT EMERALD GREEN GRADIENT: HEADER CALL BUTTON (lot-call-red) */
.lot-hero-actions .lot-call-red,
.lot-hero-actions .ant-btn.lot-call-red,
.lot-hero-actions a .ant-btn,
.lot-hero-actions button.lot-call-red {
background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
background-color: #10b981 !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
box-shadow: 0 8px 20px -2px rgba(16, 185, 129, 0.45) !important;
font-weight: 800 !important;
border-radius: 12px !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.lot-hero-actions .lot-call-red:hover,
.lot-hero-actions .ant-btn.lot-call-red:hover,
.lot-hero-actions a .ant-btn:hover {
background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 26px -2px rgba(16, 185, 129, 0.55) !important;
color: #ffffff !important;
}
.lot-hero-actions .lot-call-red *,
.lot-hero-actions a .ant-btn * {
color: #ffffff !important;
fill: currentColor !important;
}
/* 4. BEFORE AUCTION CARD: MODERN LIQUID GLASS & ROUNDED BUTTON */
.lot-offer-card {
background: rgba(255, 255, 255, 0.88) !important;
backdrop-filter: blur(28px) saturate(190%) !important;
-webkit-backdrop-filter: blur(28px) saturate(190%) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
border-radius: 22px !important;
padding: 22px 24px !important;
box-shadow: 0 12px 32px -6px rgba(15, 23, 42, 0.06), inset 0 1px 1px #fff !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
.lot-offer-card .lot-kicker {
display: inline-block !important;
font-size: 11px !important;
font-weight: 850 !important;
color: #059669 !important;
background: rgba(16, 185, 129, 0.1) !important;
border: 1px solid rgba(16, 185, 129, 0.25) !important;
border-radius: 9999px !important;
padding: 3px 10px !important;
margin-bottom: 6px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
.lot-offer-card strong {
display: block !important;
font-size: 17px !important;
font-weight: 900 !important;
color: #09090b !important;
letter-spacing: -0.02em !important;
margin-bottom: 3px !important;
}
.lot-offer-card span {
font-size: 13.5px !important;
color: #52525b !important;
line-height: 1.4 !important;
}
.lot-offer-card button,
.lot-offer-card .lot-offer-red,
.lot-offer-card .ant-btn {
border-radius: 14px !important;
height: 46px !important;
padding: 0 24px !important;
font-size: 14px !important;
font-weight: 850 !important;
background: #09090b !important;
color: #ffffff !important;
border: 1px solid #09090b !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.lot-offer-card button:hover,
.lot-offer-card .lot-offer-red:hover,
.lot-offer-card .ant-btn:hover {
background: #27272a !important;
border-color: #27272a !important;
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
color: #ffffff !important;
}
.lot-offer-card button *,
.lot-offer-card .ant-btn * {
color: #ffffff !important;
}
/* 5. LUXURY CONDITION SECTION & REQUEST VEHICLE CONDITION CARDS */
.lot-doc-panel .lot-section-head h2,
.lot-section-head h2 {
font-size: clamp(22px, 2.4vw, 30px) !important;
font-weight: 950 !important;
letter-spacing: -0.03em !important;
color: #09090b !important;
}
.lot-condition-reports {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 16px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 4px 0 0 0 !important;
}
.lot-condition-reports > div {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 20px 22px !important;
border-radius: 20px !important;
background: rgba(255, 255, 255, 0.92) !important;
backdrop-filter: blur(24px) saturate(180%) !important;
-webkit-backdrop-filter: blur(24px) saturate(180%) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.05), inset 0 1px 1px #fff !important;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease !important;
cursor: pointer !important;
position: relative !important;
overflow: hidden !important;
}
.lot-condition-reports > div:hover {
background: #ffffff !important;
transform: translateY(-3px) scale(1.01) !important;
border-color: rgba(59, 130, 246, 0.45) !important;
box-shadow: 0 16px 36px -6px rgba(37, 99, 235, 0.12), inset 0 1px 1px #fff !important;
}
.lot-condition-reports > div strong {
font-size: 15.5px !important;
font-weight: 850 !important;
color: #09090b !important;
display: block !important;
margin-bottom: 3px !important;
letter-spacing: -0.01em !important;
}
.lot-condition-reports > div span {
font-size: 13px !important;
color: #2563eb !important;
font-weight: 750 !important;
}
/* 6. COMMENTS / DISCUSSION MODERN WHITE MINIMALISM ALERT CARD */
.lot-grid-comments {
border-radius: 24px !important;
}
.lot-grid-comments .ant-alert-info {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.92) 100%) !important;
backdrop-filter: blur(24px) saturate(190%) !important;
-webkit-backdrop-filter: blur(24px) saturate(190%) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
border-radius: 22px !important;
padding: 22px 24px !important;
box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.05), inset 0 1px 1px #fff !important;
}
.lot-grid-comments .ant-alert-message {
font-size: 17px !important;
font-weight: 900 !important;
color: #09090b !important;
letter-spacing: -0.02em !important;
margin-bottom: 4px !important;
}
.lot-grid-comments .ant-alert-description {
font-size: 13.5px !important;
color: #52525b !important;
line-height: 1.5 !important;
}
.lot-grid-comments .ant-alert .ant-btn-primary {
border-radius: 12px !important;
font-weight: 850 !important;
height: 40px !important;
padding: 0 20px !important;
background: #09090b !important;
border-color: #09090b !important;
color: #ffffff !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.lot-grid-comments .ant-alert .ant-btn-primary:hover {
background: #27272a !important;
border-color: #27272a !important;
transform: translateY(-1px) scale(1.02) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
}
/* ==========================================================================
COMPACT SOCIAL STATS, MOBILE GOLD BUY NOW & SPECIALIST CARD
========================================================================== */
/* 1. COMPACT SOCIAL STATS (WATCHING, SHARES, LIKES) - POSITIONED DIRECTLY ABOVE BUY NOW */
.lot-social-card {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
padding: 8px 10px !important;
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
border-radius: 16px !important;
box-shadow: 0 6px 18px -4px rgba(15, 23, 42, 0.04), inset 0 1px 1px #fff !important;
margin: 0 0 14px 0 !important;
}
.lot-social-card > div {
background: rgba(248, 250, 252, 0.82) !important;
border: 1px solid rgba(0, 0, 0, 0.04) !important;
border-radius: 12px !important;
padding: 6px 4px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 1px !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.lot-social-card > div:hover {
transform: translateY(-1px) !important;
background: #ffffff !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}
.lot-social-card > div strong {
font-size: 16px !important;
font-weight: 900 !important;
color: #09090b !important;
line-height: 1.1 !important;
letter-spacing: -0.02em !important;
}
.lot-social-card > div span {
font-size: 10px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
color: #71717a !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
}
.lot-social-card > div span::before {
width: 12px !important;
height: 12px !important;
}
/* 2. GUARANTEED PERMANENT GOLD GRADIENT FOR BUY NOW (MOBILE & DESKTOP) */
@media (max-width: 1024px) {
.lot-bid-desk-mobile .bid-action-buy-now,
.lot-bid-desk-mobile .bid-action-button.bid-action-buy-now,
.lot-bid-desk-mobile button.bid-action-buy-now,
.lot-bid-desk-mobile .ant-btn.bid-action-buy-now,
.bid-action-buy-now {
background: linear-gradient(135deg, #f59e0b 0%, #eab308 50%, #facc15 100%) !important;
background-color: #f59e0b !important;
color: #18181b !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
box-shadow: 0 8px 24px -4px rgba(234, 179, 8, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.7) !important;
font-weight: 900 !important;
}
}
.lot-similar-buy-btn {
background: linear-gradient(135deg, #f59e0b 0%, #eab308 50%, #facc15 100%) !important;
color: #18181b !important;
font-weight: 850 !important;
border-radius: 8px !important;
padding: 4px 10px !important;
display: inline-block !important;
box-shadow: 0 4px 12px rgba(234, 179, 8, 0.3) !important;
}
/* 3. ASSIGNED SPECIALIST CARD - MODERN WHITE MINIMALISM & GREEN CALL BUTTON */
.lot-agent-card {
background: rgba(255, 255, 255, 0.88) !important;
backdrop-filter: blur(24px) saturate(180%) !important;
-webkit-backdrop-filter: blur(24px) saturate(180%) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
border-radius: 22px !important;
padding: 20px 22px !important;
box-shadow: 0 10px 28px -4px rgba(15, 23, 42, 0.05), inset 0 1px 1px #fff !important;
margin-top: 16px !important;
margin-bottom: 20px !important;
}
.lot-agent-card .lot-kicker {
display: inline-block !important;
font-size: 11px !important;
font-weight: 850 !important;
color: #2563eb !important;
background: rgba(37, 99, 235, 0.08) !important;
border: 1px solid rgba(37, 99, 235, 0.2) !important;
border-radius: 9999px !important;
padding: 3px 10px !important;
margin-bottom: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
.lot-agent-card .lot-agent-name {
font-size: 17px !important;
font-weight: 900 !important;
color: #09090b !important;
letter-spacing: -0.02em !important;
display: block !important;
margin-bottom: 2px !important;
}
.lot-agent-card span {
font-size: 12.5px !important;
color: #71717a !important;
display: block !important;
margin-bottom: 14px !important;
}
.lot-agent-card a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
background-color: #10b981 !important;
color: #ffffff !important;
font-weight: 850 !important;
border: 1px solid rgba(255, 255, 255, 0.45) !important;
box-shadow: 0 8px 20px -2px rgba(16, 185, 129, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
border-radius: 12px !important;
text-decoration: none !important;
transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}
.lot-agent-card a:hover {
background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 26px -2px rgba(16, 185, 129, 0.5) !important;
color: #ffffff !important;
}
.lot-agent-card a * {
color: #ffffff !important;
fill: currentColor !important;
}
/* ==========================================================================
STRICT RECTANGULAR CAR PHOTOS (ZERO BORDER-RADIUS)
Vehicle Detail Page & Inventory / Catalog Cards
========================================================================== */
.lot-media-stage,
.lot-media-main,
.lot-media-main img,
.lot-media-stage img,
.lot-photo-protected,
.lot-photo-protected img,
.lot-gallery-main,
.lot-gallery-main img,
.lot-thumb-rail,
.lot-thumb-rail button,
.lot-thumb-rail button img,
.lot-thumb-rail img,
.lot-similar-photo,
.lot-similar-photo img,
.lot-similar-card,
.lot-similar-card img,
.lot-similar-media,
.lot-similar-media img,
.inventory-lot-card,
.inventory-lot-card.ant-card,
.inventory-lot-card .ant-card-cover,
.inventory-lot-card .ant-card-cover > div,
.inventory-lot-card .ant-card-cover img,
.inventory-card-media,
.inventory-card-media.lot-card-media,
.inventory-card-media img,
.lot-card-media,
.lot-card-media img,
.ca-card,
.ca-card.ant-card,
.ca-card-media,
.ca-card-media img,
.market-lot-card,
.market-lot-card .ant-card,
.market-lot-card .ant-card-cover,
.market-lot-card .lot-card-media,
.market-lot-card img,
.live-card-media,
.live-card-media img,
.home-schedule-thumb,
.home-schedule-thumb img,
.hero-lot-stage,
.hero-lot-stage img,
.hero-lot-photo,
.hero-lot-photo img,
.home-featured-photo,
.home-featured-photo img {
border-radius: 0 !important;
}
.lot-media-stage img,
.lot-media-main img,
.lot-photo-protected img,
.inventory-card-media img,
.lot-card-media img,
.ca-card-media img,
.market-lot-card img,
.lot-thumb-rail button img {
border-radius: 0 !important;
}
/* ========================================================
5-ITEM BALANCED VEHICLE BASICS (LOT LEDGER)
======================================================== */
.lot-ledger-grid {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 10px !important;
}
@media (max-width: 991px) {
.lot-ledger-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
.lot-ledger-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
}
@media (max-width: 380px) {
.lot-ledger-grid {
grid-template-columns: 1fr !important;
}
}
/* ========================================================
VERIFIED INSPECTION: SEPARATE COMPACT GLASS CARD
======================================================== */
.lot-verified-inspection-card {
margin-top: 14px !important;
padding: 12px 14px !important;
background: rgba(255, 255, 255, 0.72) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(226, 232, 240, 0.9) !important;
border-radius: 14px !important;
box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.03) !important;
}
.inspection-card-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-bottom: 8px !important;
padding-bottom: 7px !important;
border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
}
.inspection-head-left {
display: flex !important;
align-items: center !important;
gap: 7px !important;
}
.inspection-live-dot {
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: #10b981 !important;
box-shadow: 0 0 8px rgba(16, 185, 129, 0.6) !important;
display: inline-block !important;
}
.inspection-card-title {
font-size: 11px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
color: #475569 !important;
}
.inspection-card-badge {
font-size: 10.5px !important;
font-weight: 750 !important;
color: #059669 !important;
background: rgba(16, 185, 129, 0.1) !important;
border: 1px solid rgba(16, 185, 129, 0.25) !important;
padding: 1.5px 7px !important;
border-radius: 9999px !important;
letter-spacing: 0.02em !important;
}
.lot-verified-chips-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 0 !important;
}
@media (max-width: 640px) {
.lot-verified-chips-grid {
grid-template-columns: 1fr !important;
gap: 6px !important;
}
}
.lot-verified-chip {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
padding: 7px 11px !important;
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(226, 232, 240, 0.85) !important;
border-radius: 9px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
transition: all 0.2s ease !important;
}
.lot-verified-chip:hover {
background: #ffffff !important;
border-color: rgba(16, 185, 129, 0.4) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px -2px rgba(16, 185, 129, 0.12) !important;
}
.chip-main-info {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-width: 0 !important;
}
.chip-icon-box {
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
border-radius: 6px !important;
background: rgba(16, 185, 129, 0.08) !important;
border: 1px solid rgba(16, 185, 129, 0.18) !important;
color: #059669 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.chip-icon-box svg {
display: block !important;
stroke: #059669 !important;
}
.chip-title {
font-size: 12px !important;
font-weight: 700 !important;
color: #1e293b !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.chip-status-wrap {
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-shrink: 0 !important;
}
.chip-status-tag {
font-size: 11px !important;
font-weight: 750 !important;
color: #059669 !important;
background: rgba(16, 185, 129, 0.12) !important;
padding: 1.5px 6px !important;
border-radius: 4px !important;
letter-spacing: 0.01em !important;
}
.chip-sub {
font-size: 11px !important;
font-weight: 500 !important;
color: #64748b !important;
white-space: nowrap !important;
}
/* ========================================================
HEADER BUTTONS: PERMANENT TRANSLUCENT GLASS (HEART & SUBTLE GREEN CALL)
======================================================== */
.lot-hero-actions button,
.lot-hero-actions .ant-btn {
background: rgba(255, 255, 255, 0.12) !important;
background-color: rgba(255, 255, 255, 0.12) !important;
border: 1px solid rgba(255, 255, 255, 0.26) !important;
backdrop-filter: blur(16px) saturate(180%) !important;
-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
color: #ffffff !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}
.lot-hero-actions button:hover,
.lot-hero-actions .ant-btn:hover {
background: rgba(255, 255, 255, 0.22) !important;
background-color: rgba(255, 255, 255, 0.22) !important;
border-color: rgba(255, 255, 255, 0.45) !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
}
/* Call Now: subtle barely-green liquid glass */
.lot-hero-actions .lot-call-red,
.lot-hero-actions .ant-btn.lot-call-red,
.lot-hero-actions a .ant-btn,
.lot-hero-actions button.lot-call-red {
background: rgba(16, 185, 129, 0.14) !important;
background-color: rgba(16, 185, 129, 0.14) !important;
border: 1px solid rgba(52, 211, 153, 0.38) !important;
backdrop-filter: blur(16px) saturate(180%) !important;
-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
color: #ffffff !important;
box-shadow: 0 4px 16px rgba(16, 185, 129, 0.15) !important;
}
.lot-hero-actions .lot-call-red:hover,
.lot-hero-actions .ant-btn.lot-call-red:hover,
.lot-hero-actions a .ant-btn:hover,
.lot-hero-actions button.lot-call-red:hover {
background: rgba(16, 185, 129, 0.28) !important;
background-color: rgba(16, 185, 129, 0.28) !important;
border-color: rgba(52, 211, 153, 0.65) !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3) !important;
}
.lot-hero-actions .lot-call-red *,
.lot-hero-actions a .ant-btn * {
color: #ffffff !important;
fill: currentColor !important;
}
/* Vehicle Title Typography */
.lot-dossier-hero h1 {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Plus Jakarta Sans", "Montserrat", "Inter", sans-serif !important;
font-weight: 850 !important;
letter-spacing: -0.035em !important;
line-height: 1.05 !important;
}
/* ========================================================
WATERMARK: CENTERED, LEVEL, STATIC, NO WHITE BG CUTTING
======================================================== */
.photo-watermark {
pointer-events: none !important;
z-index: 2 !important;
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
}
.photo-watermark .photo-watermark-center,
.photo-watermark img {
position: absolute !important;
top: 50% !important;
left: 50% !important;
inset: auto !important;
transform: translate(-50%, -50%) rotate(0deg) scale(1) !important;
width: 46% !important;
max-width: 320px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
object-fit: contain !important;
opacity: 0.25 !important;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.12)) !important;
transition: none !important;
animation: none !important;
}
*:hover > .photo-watermark .photo-watermark-center,
*:hover > .photo-watermark img,
.market-lot-card:hover .photo-watermark-center,
.inventory-card-media:hover .photo-watermark-center,
.lot-media-stage:hover .photo-watermark-center,
.lot-card-media:hover .photo-watermark-center {
transform: translate(-50%, -50%) rotate(0deg) scale(1) !important;
opacity: 0.25 !important;
transition: none !important;
}
/* ========================================================
UPCOMING AUCTION CARD: MODERN RED GAVEL WATERMARK
======================================================== */
.ios26-upcoming-auction-card {
position: relative !important;
overflow: hidden !important;
}
.inspection-score-badge {
font-size: 11px !important;
font-weight: 800 !important;
color: #059669 !important;
background: rgba(16, 185, 129, 0.12) !important;
border: 1px solid rgba(16, 185, 129, 0.25) !important;
padding: 1.5px 8px !important;
border-radius: 9999px !important;
display: inline-flex !important;
align-items: center !important;
gap: 2px !important;
}
.inspection-head-right {
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
/* ========================================================
REPORTS BUTTONS: LIQUID GLASS-MORPHISM & MODERN TYPOGRAPHY
======================================================== */
.lot-condition-reports {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 14px !important;
margin-top: 14px !important;
}
.lot-condition-reports > div {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 16px 20px !important;
border-radius: 18px !important;
background: rgba(255, 255, 255, 0.72) !important;
backdrop-filter: blur(24px) saturate(190%) !important;
-webkit-backdrop-filter: blur(24px) saturate(190%) !important;
border: 1px solid rgba(226, 232, 240, 0.9) !important;
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
}
.lot-condition-reports > div:hover {
background: rgba(255, 255, 255, 0.95) !important;
border-color: rgba(37, 99, 235, 0.45) !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 30px -4px rgba(37, 99, 235, 0.12), 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}
.lot-condition-reports > div strong,
.lot-condition-reports > div .ant-typography strong {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Plus Jakarta Sans", "Montserrat", "Inter", sans-serif !important;
font-size: 14.5px !important;
font-weight: 850 !important;
color: #0f172a !important;
display: block !important;
margin-bottom: 2px !important;
letter-spacing: -0.02em !important;
}
.lot-condition-reports > div span,
.lot-condition-reports > div .ant-typography {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Plus Jakarta Sans", "Montserrat", "Inter", sans-serif !important;
font-size: 12px !important;
color: #2563eb !important;
font-weight: 650 !important;
letter-spacing: -0.01em !important;
}
/* CARFAX Logo crisp presentation */
.lot-condition-reports > div img[src*="carfax"] {
height: 26px !important;
width: auto !important;
max-width: 86px !important;
object-fit: contain !important;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) !important;
}
/* Condition report icon */
.lot-condition-reports > div > span:first-child:not(img) {
width: 40px !important;
height: 40px !important;
border-radius: 12px !important;
background: rgba(37, 99, 235, 0.08) !important;
border: 1px solid rgba(37, 99, 235, 0.18) !important;
color: #2563eb !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
/* ========================================================
CRITICAL OVERRIDES: HEART BUTTON, WATERMARK, NO HAMMER
======================================================== */
/* HEART / WISHLIST BUTTON - PERMANENTLY TRANSLUCENT GLASS (NO WHITE EVER) */
.lot-hero-actions .lot-hero-wishlist-btn,
.lot-hero-actions .ant-btn,
.lot-hero-actions .ant-btn.ant-btn-default,
.lot-hero-actions .ant-btn-variant-outlined,
.lot-hero-actions button:not(.lot-call-red) {
background: rgba(255, 255, 255, 0.12) !important;
background-color: rgba(255, 255, 255, 0.12) !important;
border: 1px solid rgba(255, 255, 255, 0.28) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
color: #ffffff !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}
.lot-hero-actions .lot-hero-wishlist-btn:hover,
.lot-hero-actions .ant-btn:hover,
.lot-hero-actions .ant-btn.ant-btn-default:hover,
.lot-hero-actions button:not(.lot-call-red):hover {
background: rgba(255, 255, 255, 0.22) !important;
background-color: rgba(255, 255, 255, 0.22) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
color: #ffffff !important;
}
.lot-hero-actions .ant-btn-icon,
.lot-hero-actions .ant-btn-icon svg,
.lot-hero-actions .ant-btn-icon span {
color: #ffffff !important;
fill: #ffffff !important;
}
/* WATERMARK: LEVEL, CENTERED, 100% STATIC */
.photo-watermark {
pointer-events: none !important;
z-index: 2 !important;
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
}
.photo-watermark .photo-watermark-center,
.photo-watermark img {
position: absolute !important;
top: 50% !important;
left: 50% !important;
inset: auto !important;
transform: translate(-50%, -50%) rotate(0deg) scale(1) !important;
width: 44% !important;
max-width: 300px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
object-fit: contain !important;
opacity: 0.24 !important;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.12)) !important;
transition: none !important;
animation: none !important;
background: transparent !important;
}
*:hover > .photo-watermark .photo-watermark-center,
*:hover > .photo-watermark img,
.market-lot-card:hover .photo-watermark-center,
.inventory-card-media:hover .photo-watermark-center,
.lot-media-stage:hover .photo-watermark-center,
.lot-card-media:hover .photo-watermark-center,
.ca-card-media:hover .photo-watermark-center {
transform: translate(-50%, -50%) rotate(0deg) scale(1) !important;
opacity: 0.24 !important;
transition: none !important;
}
/* ========================================================
MODERN CONTEMPORARY PRICE COMPARISON BENCHMARK WIDGET
======================================================== */
.lot-price-benchmark-card {
margin-top: 6px;
margin-bottom: 20px;
padding: 16px 18px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(226, 232, 240, 0.95);
border-radius: 18px;
box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04), 0 1px 4px rgba(15, 23, 42, 0.02);
transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease;
position: relative;
overflow: hidden;
}
.lot-price-benchmark-card:hover {
border-color: rgba(203, 213, 225, 1);
box-shadow: 0 12px 32px -4px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.03);
}
.lot-price-benchmark-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.benchmark-title-wrap {
display: flex;
align-items: center;
gap: 8px;
}
.benchmark-title-icon {
width: 28px;
height: 28px;
border-radius: 8px;
background: rgba(16, 185, 129, 0.1);
color: #059669;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.benchmark-title-text {
font-size: 13.5px;
font-weight: 700;
color: #0f172a;
letter-spacing: -0.01em;
line-height: 1.2;
}
.benchmark-title-sub {
font-size: 11px;
color: #64748b;
font-weight: 500;
}
.benchmark-badge-savings {
display: inline-flex;
align-items: center;
gap: 5px;
background: #ecfdf5;
border: 1px solid rgba(16, 185, 129, 0.25);
color: #047857;
font-weight: 800;
font-size: 12px;
padding: 4px 10px;
border-radius: 999px;
white-space: nowrap;
letter-spacing: -0.01em;
box-shadow: 0 1px 3px rgba(16, 185, 129, 0.08);
}
.benchmark-badge-savings svg {
color: #059669;
}
/* GRAPHIC COMPARISON SECTION */
.benchmark-graphic-container {
display: flex;
flex-direction: column;
gap: 11px;
margin-bottom: 14px;
background: rgba(248, 250, 252, 0.7);
border: 1px solid rgba(241, 245, 249, 1);
border-radius: 14px;
padding: 12px 14px;
}
.benchmark-bar-row {
display: flex;
flex-direction: column;
gap: 5px;
}
.benchmark-bar-labels {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
}
.benchmark-bar-label-name {
color: #475569;
font-weight: 600;
display: flex;
align-items: center;
gap: 6px;
}
.benchmark-bar-label-name.highlight {
color: #047857;
font-weight: 700;
}
.benchmark-pill-direct {
font-size: 10px;
font-weight: 700;
padding: 1px 6px;
border-radius: 4px;
background: rgba(16, 185, 129, 0.15);
color: #059669;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.benchmark-bar-val {
font-weight: 700;
font-size: 13.5px;
color: #334155;
font-feature-settings: "tnum";
}
.benchmark-bar-val.highlight {
color: #047857;
font-size: 14.5px;
font-weight: 800;
}
.benchmark-track {
height: 8px;
background: #e2e8f0;
border-radius: 999px;
position: relative;
overflow: hidden;
}
.benchmark-fill-retail {
height: 100%;
width: 100%;
background: #cbd5e1;
border-radius: 999px;
}
.benchmark-fill-our {
height: 100%;
background: linear-gradient(90deg, #10b981 0%, #059669 100%);
border-radius: 999px;
position: relative;
transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
}
.benchmark-fill-our::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: #ffffff;
border: 2px solid #059669;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
/* SPREAD INDICATOR */
.benchmark-spread-indicator {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 4px 0;
font-size: 11.5px;
font-weight: 700;
color: #059669;
}
.benchmark-spread-line {
flex: 1;
height: 1px;
border-top: 1px dashed rgba(16, 185, 129, 0.4);
}
/* 3-COLUMN METRICS GRID */
.benchmark-metrics-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.benchmark-metric-box {
background: #ffffff;
border: 1px solid rgba(226, 232, 240, 0.8);
border-radius: 12px;
padding: 9px 10px;
text-align: center;
transition: all 0.2s ease;
}
.benchmark-metric-box:hover {
background: #f8fafc;
border-color: #cbd5e1;
transform: translateY(-1px);
}
.benchmark-metric-label {
font-size: 10px;
color: #64748b;
font-weight: 600;
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.benchmark-metric-value {
font-size: 13.5px;
font-weight: 800;
color: #1e293b;
font-feature-settings: "tnum";
}
.benchmark-metric-value.savings {
color: #059669;
}
.benchmark-footnote {
margin-top: 10px;
font-size: 11px;
color: #94a3b8;
display: flex;
align-items: center;
gap: 5px;
line-height: 1.3;
}
/* ========================================================
Park.BID AI Assistant FLOATING BUTTON & DRAWER
======================================================== */
.friday-ai-ai-floating-wrap {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 99999;
display: flex;
align-items: center;
gap: 10px;
font-family: inherit;
}
.friday-ai-ai-teaser {
background: rgba(255, 255, 255, 0.94);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(226, 232, 240, 0.95);
box-shadow: 0 10px 25px -3px rgba(15, 23, 42, 0.1), 0 4px 10px -2px rgba(15, 23, 42, 0.05);
border-radius: 999px;
padding: 8px 16px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
animation: fridayAiFloatGently 4s ease-in-out infinite alternate;
}
.friday-ai-ai-teaser:hover {
transform: translateY(-2px);
box-shadow: 0 14px 30px -4px rgba(15, 23, 42, 0.14);
border-color: #cbd5e1;
}
.friday-ai-ai-teaser-text {
display: flex;
flex-direction: column;
}
.friday-ai-ai-teaser-title {
font-size: 12px;
font-weight: 800;
color: #0f172a;
display: flex;
align-items: center;
gap: 5px;
}
.friday-ai-ai-badge {
font-size: 9px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
color: #ffffff;
padding: 1px 5px;
border-radius: 4px;
}
.friday-ai-ai-teaser-sub {
font-size: 10.5px;
color: #64748b;
font-weight: 500;
}
.friday-ai-ai-round-btn {
width: 58px;
height: 58px;
border-radius: 50%;
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
border: 1.5px solid rgba(226, 232, 240, 0.95);
box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.16), 0 4px 12px rgba(99, 102, 241, 0.14);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
flex-shrink: 0;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.friday-ai-ai-round-btn:hover {
transform: scale(1.08) translateY(-2px);
border-color: #6366f1;
box-shadow: 0 14px 36px -4px rgba(99, 102, 241, 0.32), 0 6px 16px rgba(15, 23, 42, 0.12);
}
.friday-ai-ai-round-btn:active {
transform: scale(0.95);
}
.friday-ai-ai-icon-inner {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.friday-ai-ai-status-dot {
position: absolute;
top: 1px;
right: 1px;
width: 11px;
height: 11px;
background: #10b981;
border: 2px solid #ffffff;
border-radius: 50%;
box-shadow: 0 0 8px rgba(16, 185, 129, 0.7);
animation: fridayAiPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
/* CHAT DRAWER PREVIEW */
.friday-ai-chat-drawer {
display: none;
position: fixed;
bottom: 94px;
right: 24px;
width: 370px;
max-width: calc(100vw - 32px);
height: 500px;
max-height: calc(100vh - 120px);
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border: 1px solid rgba(226, 232, 240, 0.95);
border-radius: 20px;
box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.2), 0 4px 16px rgba(99, 102, 241, 0.1);
z-index: 99999;
flex-direction: column;
overflow: hidden;
animation: fridayAiSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.friday-ai-chat-drawer.active {
display: flex !important;
}
.friday-ai-chat-header {
padding: 14px 16px;
border-bottom: 1px solid #f1f5f9;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
}
.friday-ai-chat-header-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 13.5px;
font-weight: 800;
color: #0f172a;
}
.friday-ai-chat-header-close {
background: transparent;
border: none;
font-size: 20px;
line-height: 1;
color: #94a3b8;
cursor: pointer;
padding: 4px 8px;
border-radius: 6px;
}
.friday-ai-chat-header-close:hover {
color: #0f172a;
background: #f1f5f9;
}
.friday-ai-chat-body {
flex: 1;
padding: 16px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
.friday-ai-bot-msg {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 14px;
border-top-left-radius: 4px;
padding: 12px 14px;
font-size: 12.5px;
line-height: 1.5;
color: #334155;
}
.friday-ai-quick-prompts {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 4px;
}
.friday-ai-prompt-chip {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 8px 12px;
font-size: 11.5px;
font-weight: 600;
color: #4338ca;
cursor: pointer;
text-align: left;
transition: all 0.2s ease;
}
.friday-ai-prompt-chip:hover {
background: #f5f3ff;
border-color: #c7d2fe;
transform: translateX(2px);
}
.friday-ai-chat-footer {
padding: 12px 14px;
background: #ffffff;
border-top: 1px solid #f1f5f9;
display: flex;
gap: 8px;
}
.friday-ai-chat-input {
flex: 1;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 8px 12px;
font-size: 12px;
outline: none;
background: #f8fafc;
}
.friday-ai-chat-input:focus {
border-color: #6366f1;
background: #ffffff;
}
.friday-ai-chat-send {
background: #4f46e5;
color: #ffffff;
border: none;
border-radius: 10px;
padding: 0 14px;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
@keyframes fridayAiSlideUp {
from { opacity: 0; transform: translateY(14px) scale(0.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes fridayAiPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.75; transform: scale(1.15); }
}
@keyframes fridayAiFloatGently {
0% { transform: translateY(0); }
100% { transform: translateY(-4px); }
}
@media (max-width: 640px) {
.friday-ai-ai-teaser {
display: none;
}
.friday-ai-ai-floating-wrap {
bottom: 18px;
right: 18px;
}
.friday-ai-ai-round-btn {
width: 52px;
height: 52px;
}
.friday-ai-chat-drawer {
right: 16px;
bottom: 80px;
width: calc(100vw - 32px);
}
}
/* ========================================================
CRYPTO-STYLE MARKET PRICE BENCHMARK TRADING DASHBOARD
======================================================== */
.lot-price-benchmark-card {
margin-top: 8px;
margin-bottom: 22px;
padding: 16px 18px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border: 1px solid rgba(226, 232, 240, 0.95);
border-radius: 18px;
box-shadow: 0 4px 24px -2px rgba(15, 23, 42, 0.05), 0 1px 4px rgba(15, 23, 42, 0.02);
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
overflow: hidden;
}
.lot-price-benchmark-card:hover {
border-color: rgba(203, 213, 225, 1);
box-shadow: 0 12px 36px -4px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.03);
}
.crypto-benchmark-head {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 12px;
}
.crypto-top-bar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
.crypto-market-pair {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11.5px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #0f172a;
background: #f8fafc;
border: 1px solid #e2e8f0;
padding: 3px 9px;
border-radius: 6px;
}
.crypto-live-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #10b981;
box-shadow: 0 0 8px #10b981;
animation: cryptoPulse 1.8s infinite;
}
.crypto-timeframes {
display: flex;
align-items: center;
gap: 3px;
background: #f1f5f9;
padding: 2px 4px;
border-radius: 8px;
}
.crypto-tf-btn {
border: none;
background: transparent;
padding: 2px 7px;
border-radius: 5px;
font-size: 10.5px;
font-weight: 700;
color: #64748b;
cursor: pointer;
transition: all 0.15s ease;
}
.crypto-tf-btn.active {
background: #ffffff;
color: #0f172a;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.crypto-price-strip {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.crypto-main-price-wrap {
display: flex;
align-items: baseline;
gap: 10px;
}
.crypto-price-val {
font-size: 26px;
font-weight: 900;
color: #0f172a;
letter-spacing: -0.02em;
line-height: 1;
font-feature-settings: "tnum";
}
.crypto-spread-pill {
display: inline-flex;
align-items: center;
gap: 4px;
background: #ecfdf5;
color: #047857;
border: 1px solid rgba(16, 185, 129, 0.25);
font-size: 12px;
font-weight: 800;
padding: 3px 9px;
border-radius: 999px;
letter-spacing: -0.01em;
}
.crypto-signal-badge {
display: inline-flex;
align-items: center;
gap: 5px;
background: rgba(16, 185, 129, 0.1);
color: #059669;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
padding: 4px 8px;
border-radius: 6px;
}
.crypto-chart-stage {
position: relative;
width: 100%;
background: linear-gradient(180deg, rgba(248, 250, 252, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%);
border: 1px solid rgba(226, 232, 240, 0.8);
border-radius: 14px;
padding: 10px 6px 6px;
margin-bottom: 12px;
overflow: hidden;
}
.crypto-svg {
width: 100%;
height: auto;
display: block;
}
@keyframes cryptoPing {
0% { r: 5px; opacity: 0.9; }
75%, 100% { r: 16px; opacity: 0; }
}
.crypto-beacon-ping {
animation: cryptoPing 2s cubic-bezier(0, 0, 0.2, 1) infinite;
transform-origin: center;
}
@keyframes cryptoPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.6; transform: scale(1.2); }
}
.crypto-ticker-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
}
.crypto-ticker-cell {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 8px 10px;
text-align: center;
transition: all 0.2s ease;
}
.crypto-ticker-cell:hover {
background: #f8fafc;
border-color: #cbd5e1;
transform: translateY(-1px);
}
.crypto-ticker-title {
font-size: 10px;
color: #64748b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
margin-bottom: 2px;
}
.crypto-ticker-num {
font-size: 13px;
font-weight: 800;
color: #1e293b;
font-feature-settings: "tnum";
}
.crypto-ticker-num.highlight {
color: #059669;
}
@media (max-width: 640px) {
.crypto-ticker-grid {
grid-template-columns: repeat(2, 1fr);
}
.crypto-price-val {
font-size: 22px;
}
}
.friday-ai-user-msg {
background: #4f46e5;
color: #ffffff;
border-radius: 14px;
border-bottom-right-radius: 4px;
padding: 10px 14px;
font-size: 12.5px;
line-height: 1.45;
align-self: flex-end;
max-width: 85%;
box-shadow: 0 2px 6px rgba(79, 70, 229, 0.2);
}
.friday-ai-bot-msg.loading {
display: inline-flex;
align-items: center;
gap: 8px;
color: #6366f1;
font-weight: 600;
font-size: 12px;
}
.typing-dot {
width: 6px;
height: 6px;
background: #6366f1;
border-radius: 50%;
animation: typingBounce 1.4s infinite ease-in-out both;
}
.typing-dot:nth-child(1) { animation-delay: -0.32s; }
.typing-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes typingBounce {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
}
/* ========================================================
FULL-WIDTH CRYPTO MARKET BENCHMARK (BELOW VEHICLE FILE)
======================================================== */
.lot-crypto-benchmark-section {
margin-top: 24px !important;
margin-bottom: 26px !important;
padding: 22px 24px !important;
background: rgba(255, 255, 255, 0.96) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
border: 1px solid rgba(226, 232, 240, 0.95) !important;
border-radius: 20px !important;
box-shadow: 0 6px 30px -4px rgba(15, 23, 42, 0.06), 0 2px 8px rgba(15, 23, 42, 0.02) !important;
position: relative;
overflow: hidden;
}
.crypto-benchmark-head {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
.crypto-top-bar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.crypto-market-pair {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 11.5px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #0f172a;
background: #f8fafc;
border: 1px solid #e2e8f0;
padding: 4px 10px;
border-radius: 6px;
}
.crypto-live-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #10b981;
box-shadow: 0 0 8px #10b981;
animation: cryptoPulse 1.8s infinite;
}
.crypto-timeframes {
display: flex;
align-items: center;
gap: 3px;
background: #f1f5f9;
padding: 2px 4px;
border-radius: 8px;
}
.crypto-tf-btn {
border: none;
background: transparent;
padding: 3px 9px;
border-radius: 6px;
font-size: 11px;
font-weight: 700;
color: #64748b;
cursor: pointer;
transition: all 0.15s ease;
}
.crypto-tf-btn.active {
background: #ffffff;
color: #0f172a;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.crypto-price-strip {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}
.crypto-main-price-wrap {
display: flex;
align-items: baseline;
gap: 12px;
}
.crypto-price-val {
font-size: 28px;
font-weight: 900;
color: #0f172a;
letter-spacing: -0.02em;
line-height: 1;
font-feature-settings: "tnum";
}
.crypto-spread-pill {
display: inline-flex;
align-items: center;
gap: 5px;
background: #ecfdf5;
color: #047857;
border: 1px solid rgba(16, 185, 129, 0.25);
font-size: 12.5px;
font-weight: 800;
padding: 4px 11px;
border-radius: 999px;
letter-spacing: -0.01em;
}
.crypto-signal-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(16, 185, 129, 0.1);
color: #059669;
font-size: 11.5px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
padding: 4px 10px;
border-radius: 6px;
}
.crypto-chart-stage {
position: relative;
width: 100%;
background: linear-gradient(180deg, rgba(248, 250, 252, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%);
border: 1px solid rgba(226, 232, 240, 0.85);
border-radius: 14px;
padding: 12px 8px 8px;
margin-bottom: 14px;
overflow: hidden;
}
.crypto-svg {
width: 100%;
height: auto;
display: block;
}
.crypto-ticker-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.crypto-ticker-cell {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 10px 12px;
text-align: center;
transition: all 0.2s ease;
}
.crypto-ticker-cell:hover {
background: #f8fafc;
border-color: #cbd5e1;
transform: translateY(-1px);
}
.crypto-ticker-title {
font-size: 10.5px;
color: #64748b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
margin-bottom: 3px;
}
.crypto-ticker-num {
font-size: 14px;
font-weight: 800;
color: #1e293b;
font-feature-settings: "tnum";
}
.crypto-ticker-num.highlight {
color: #059669;
}
/* ========================================================
AI ASSISTANT FLOATING BUTTON & DRAWER (NO FRIDAY TEXT)
======================================================== */
.friday-ai-floating-wrap,
.friday-ai-ai-floating-wrap {
position: fixed !important;
bottom: 24px !important;
right: 24px !important;
z-index: 999999 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
pointer-events: auto !important;
font-family: inherit;
}
.friday-ai-teaser,
.friday-ai-ai-teaser {
background: rgba(255, 255, 255, 0.94) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border: 1px solid rgba(226, 232, 240, 0.95) !important;
box-shadow: 0 10px 25px -3px rgba(15, 23, 42, 0.12), 0 4px 10px -2px rgba(15, 23, 42, 0.05) !important;
border-radius: 999px !important;
padding: 8px 16px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
cursor: pointer !important;
pointer-events: auto !important;
user-select: none !important;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
animation: fridayAiFloatGently 4s ease-in-out infinite alternate !important;
}
.friday-ai-teaser:hover,
.friday-ai-ai-teaser:hover {
transform: translateY(-2px) !important;
box-shadow: 0 14px 30px -4px rgba(15, 23, 42, 0.16) !important;
border-color: #cbd5e1 !important;
}
.friday-ai-teaser-text,
.friday-ai-ai-teaser-text {
display: flex !important;
flex-direction: column !important;
}
.friday-ai-teaser-title,
.friday-ai-ai-teaser-title {
font-size: 12px !important;
font-weight: 800 !important;
color: #0f172a !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
}
.friday-ai-badge,
.friday-ai-ai-badge {
font-size: 9.5px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
color: #ffffff !important;
padding: 1px 6px !important;
border-radius: 4px !important;
}
.friday-ai-teaser-sub,
.friday-ai-ai-teaser-sub {
font-size: 10.5px !important;
color: #64748b !important;
font-weight: 500 !important;
}
.friday-ai-round-btn,
.friday-ai-ai-round-btn {
width: 58px !important;
height: 58px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.16), 0 4px 12px rgba(99, 102, 241, 0.14) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
pointer-events: auto !important;
position: relative !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
flex-shrink: 0 !important;
user-select: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.friday-ai-round-btn:hover,
.friday-ai-ai-round-btn:hover {
transform: scale(1.08) translateY(-2px) !important;
border-color: #6366f1 !important;
box-shadow: 0 14px 36px -4px rgba(99, 102, 241, 0.32), 0 6px 16px rgba(15, 23, 42, 0.12) !important;
}
.friday-ai-round-btn:active,
.friday-ai-ai-round-btn:active {
transform: scale(0.95) !important;
}
.friday-ai-chat-drawer,
.friday-ai-chat-drawer {
display: none;
position: fixed !important;
bottom: 94px !important;
right: 24px !important;
width: 375px !important;
max-width: calc(100vw - 32px) !important;
height: 520px !important;
max-height: calc(100vh - 120px) !important;
background: rgba(255, 255, 255, 0.97) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
border: 1px solid rgba(226, 232, 240, 0.95) !important;
border-radius: 22px !important;
box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.22), 0 4px 16px rgba(99, 102, 241, 0.12) !important;
z-index: 999999 !important;
flex-direction: column !important;
overflow: hidden !important;
pointer-events: auto !important;
animation: fridayAiSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.friday-ai-chat-drawer.active,
.friday-ai-chat-drawer.active {
display: flex !important;
}
.friday-ai-floating-wrap,
.friday-ai-round-btn,
.friday-ai-teaser,
.friday-ai-chat-drawer {
pointer-events: auto !important;
}
.friday-ai-teaser *,
.friday-ai-round-btn * {
pointer-events: none !important;
}
/* ========================================================
VEHICLE DOSSIER HERO: VISIBLE REAL PHOTO WITH LIGHT GRADIENT
======================================================== */
.lot-dossier-hero {
position: relative !important;
overflow: hidden !important;
min-height: 260px !important;
padding: 44px 0 100px 0 !important;
background-size: cover !important;
background-position: center 38% !important;
background-repeat: no-repeat !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
/* Light overlay: reduced black gradient so car photo is bright and crisp */
.lot-dossier-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
background: linear-gradient(
180deg,
rgba(15, 23, 42, 0.42) 0%,
rgba(15, 23, 42, 0.16) 35%,
rgba(15, 23, 42, 0.22) 70%,
rgba(15, 23, 42, 0.52) 100%
) !important;
}
.lot-dossier-hero .page-container {
position: relative !important;
z-index: 2 !important;
}
/* ========================================================
SIMPLIFIED INTERACTIVE MARKET INDEX CHART (NO BOTTOM BUTTONS)
======================================================== */
.lot-crypto-benchmark-section {
margin-top: 24px !important;
margin-bottom: 26px !important;
padding: 22px 24px !important;
background: rgba(255, 255, 255, 0.96) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
border: 1px solid rgba(226, 232, 240, 0.95) !important;
border-radius: 20px !important;
box-shadow: 0 6px 30px -4px rgba(15, 23, 42, 0.06), 0 2px 8px rgba(15, 23, 42, 0.02) !important;
position: relative;
overflow: hidden;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.lot-crypto-benchmark-section:hover {
border-color: rgba(203, 213, 225, 1) !important;
box-shadow: 0 12px 36px -4px rgba(15, 23, 42, 0.09) !important;
}
.crypto-benchmark-head {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 14px;
}
.crypto-top-bar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.crypto-market-pair {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 11.5px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #0f172a;
background: #f8fafc;
border: 1px solid #e2e8f0;
padding: 4px 10px;
border-radius: 6px;
}
.crypto-live-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #10b981;
box-shadow: 0 0 8px #10b981;
animation: cryptoPulse 1.8s infinite;
}
.crypto-signal-badge {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11px;
font-weight: 800;
color: #059669;
background: rgba(16, 185, 129, 0.1);
border: 1px solid rgba(16, 185, 129, 0.25);
padding: 4px 10px;
border-radius: 999px;
}
.crypto-price-strip {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.crypto-main-price-wrap {
display: flex;
align-items: baseline;
gap: 10px;
}
.crypto-price-val {
font-size: 26px;
font-weight: 900;
color: #0f172a;
letter-spacing: -0.02em;
font-feature-settings: "tnum";
}
.crypto-spread-pill {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 12px;
font-weight: 700;
color: #059669;
background: rgba(16, 185, 129, 0.1);
padding: 3px 8px;
border-radius: 6px;
}
.crypto-retail-label {
font-size: 12px;
font-weight: 700;
color: #64748b;
}
.crypto-chart-stage {
position: relative;
width: 100%;
}
.crypto-svg {
width: 100%;
height: auto;
display: block;
overflow: visible;
}
.crypto-beacon-ping {
animation: beaconPing 2s cubic-bezier(0, 0, 0.2, 1) infinite;
transform-origin: center;
}
@keyframes beaconPing {
0% { r: 5; opacity: 1; }
75%, 100% { r: 16; opacity: 0; }
}
@keyframes cryptoPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(0.85); }
}
/* Interactive Cursor Tooltip on SVG Chart */
.crypto-interactive-tooltip {
position: absolute;
top: 10px;
pointer-events: none;
background: rgba(15, 23, 42, 0.92);
backdrop-filter: blur(12px);
color: #ffffff;
padding: 5px 10px;
border-radius: 8px;
font-size: 11.5px;
font-weight: 700;
box-shadow: 0 4px 14px rgba(0,0,0,0.18);
white-space: nowrap;
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 10;
opacity: 0;
}
/* Dedicated car photo background layer - guarantees 100% visible photo */
.lot-hero-bg-layer {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
background-size: cover !important;
background-position: center 38% !important;
background-repeat: no-repeat !important;
pointer-events: none !important;
}
/* ==========================================================================
MASTER SYSTEM OVERRIDES: HERO CAR PHOTO, ROUND AI BUTTON, TRANSLUCENT HEART
========================================================================== */
/* 1. HERO HEADER: VISIBLE REAL PHOTO LAYER */
.lot-dossier-hero {
position: relative !important;
overflow: hidden !important;
min-height: 280px !important;
padding: 44px 0 100px 0 !important;
background-size: cover !important;
background-position: center 50% !important;
background-repeat: no-repeat !important;
background-color: #181b22 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.lot-hero-bg-layer {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
.lot-hero-bg-layer img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 50% !important;
filter: blur(3px) saturate(115%) !important;
-webkit-filter: blur(3px) saturate(115%) !important;
transform: scale(1.04) !important;
display: block !important;
opacity: 0.95 !important;
}
.lot-hero-overlay {
position: absolute !important;
inset: 0 !important;
background: linear-gradient(
180deg,
rgba(15, 23, 42, 0.30) 0%,
rgba(15, 23, 42, 0.08) 40%,
rgba(15, 23, 42, 0.48) 100%
) !important;
}
.lot-dossier-hero::before {
display: none !important;
}
.lot-dossier-hero .page-container {
position: relative !important;
z-index: 2 !important;
}
.lot-dossier-hero h1 {
color: #ffffff !important;
text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85) !important;
}
.lot-dossier-crumbs,
.lot-dossier-crumbs a,
.lot-dossier-crumbs span,
.lot-dossier-crumbs li {
color: rgba(255, 255, 255, 0.85) !important;
}
/* 2. HEART / WISHLIST BUTTON: PERMANENT TRANSLUCENT GLASS (NEVER SOLID WHITE) */
.lot-hero-actions button,
.lot-hero-actions .ant-btn,
.lot-hero-actions .lot-hero-wishlist-btn,
.lot-hero-actions .ant-btn-default,
.lot-hero-actions .ant-btn-variant-outlined {
background: rgba(255, 255, 255, 0.14) !important;
background-color: rgba(255, 255, 255, 0.14) !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
backdrop-filter: blur(16px) saturate(180%) !important;
-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
color: #ffffff !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
}
.lot-hero-actions button:hover,
.lot-hero-actions .ant-btn:hover,
.lot-hero-actions .lot-hero-wishlist-btn:hover {
background: rgba(255, 255, 255, 0.24) !important;
background-color: rgba(255, 255, 255, 0.24) !important;
border-color: rgba(255, 255, 255, 0.55) !important;
color: #ffffff !important;
}
.lot-hero-actions .ant-btn-icon,
.lot-hero-actions .ant-btn-icon svg,
.lot-hero-actions .ant-btn-icon span,
.lot-hero-actions .anticon-heart {
color: #ffffff !important;
fill: #ffffff !important;
}
/* 3. AI ASSISTANT: PERFECT FIXED ROUND FLOATING BUTTON & DRAWER */
.friday-ai-floating-wrap {
position: fixed !important;
bottom: 24px !important;
right: 24px !important;
z-index: 999999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
pointer-events: auto !important;
}
.friday-ai-round-btn {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
min-height: 60px !important;
max-height: 60px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.22), 0 4px 12px rgba(99, 102, 241, 0.18) !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
padding: 0 !important;
outline: none !important;
transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
user-select: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.friday-ai-round-btn:hover {
transform: scale(1.08) translateY(-2px) !important;
box-shadow: 0 14px 36px -4px rgba(99, 102, 241, 0.32), 0 6px 16px rgba(15, 23, 42, 0.14) !important;
border-color: #6366f1 !important;
}
.friday-ai-round-btn:active {
transform: scale(0.95) !important;
}
.friday-ai-status-dot {
position: absolute !important;
top: 11px !important;
right: 11px !important;
width: 9px !important;
height: 9px !important;
border-radius: 50% !important;
background: #10b981 !important;
border: 1.5px solid #ffffff !important;
box-shadow: 0 0 6px #10b981 !important;
}
.friday-ai-chat-drawer {
display: none !important;
position: fixed !important;
bottom: 96px !important;
right: 24px !important;
width: 380px !important;
max-width: calc(100vw - 32px) !important;
height: 520px !important;
max-height: calc(100vh - 120px) !important;
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
border: 1px solid rgba(226, 232, 240, 0.95) !important;
border-radius: 22px !important;
box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.24), 0 4px 16px rgba(99, 102, 241, 0.12) !important;
z-index: 999999 !important;
flex-direction: column !important;
overflow: hidden !important;
}
.friday-ai-chat-drawer.active {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
animation: fridayAiSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
/* 4. WATCHING / SHARES / LIKES COMPACT SIDEBAR PLACEMENT */
.lot-social-card {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
padding: 8px 10px !important;
background: rgba(255, 255, 255, 0.88) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
border-radius: 16px !important;
box-shadow: 0 4px 16px -4px rgba(15, 23, 42, 0.05), inset 0 1px 1px #fff !important;
margin: 0 0 14px 0 !important;
}
/* ===================================================
COMPREHENSIVE MOBILE OPTIMIZATIONS (MAX-WIDTH: 640PX)
=================================================== */
/* Gallery Nav Chevrons (Universal) */
.lot-media-nav-btn {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
background: rgba(15, 23, 42, 0.45) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
color: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
z-index: 10 !important;
transition: background 0.2s, transform 0.2s, opacity 0.2s !important;
outline: none !important;
padding: 0 !important;
user-select: none !important;
}
.lot-media-nav-btn svg {
stroke: #ffffff !important;
color: #ffffff !important;
}
.lot-media-nav-prev {
left: 10px !important;
}
.lot-media-nav-next {
right: 10px !important;
}
.lot-media-nav-btn:hover {
background: rgba(15, 23, 42, 0.75) !important;
transform: translateY(-50%) scale(1.06) !important;
}
.lot-media-nav-btn:active {
transform: translateY(-50%) scale(0.95) !important;
}
/* Mobile Sticky Bottom Action Bar */
.lot-mobile-sticky-bar {
display: none;
}
@media (max-width: 640px) {
/* 1. Page Container & Layout */
.page-container {
padding-left: 14px !important;
padding-right: 14px !important;
}
.lot-dossier-body {
margin-top: -38px !important;
}
.lot-dossier-layout {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
/* 2. Hero Header */
.lot-dossier-hero {
min-height: 220px !important;
padding: 24px 0 58px 0 !important;
background-position: center 48% !important;
}
.lot-hero-bg-layer img {
object-position: center 48% !important;
}
.lot-dossier-crumbs {
margin-bottom: 10px !important;
font-size: 11.5px !important;
}
.lot-dossier-hero h1 {
font-size: clamp(22px, 6vw, 29px) !important;
line-height: 1.15 !important;
letter-spacing: -0.025em !important;
margin-bottom: 14px !important;
}
.lot-hero-actions {
display: flex !important;
width: 100% !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: nowrap !important;
}
.lot-hero-actions button:not(.lot-call-red),
.lot-hero-actions .lot-hero-wishlist-btn {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 10px !important;
}
.lot-hero-actions .lot-call-red,
.lot-hero-actions a .ant-btn {
flex: 1 !important;
height: 44px !important;
min-height: 44px !important;
font-size: 13.5px !important;
font-weight: 800 !important;
border-radius: 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 3. Photo Gallery & Thumbnails */
.lot-media-main {
min-height: 250px !important;
border-radius: 14px !important;
touch-action: pan-y !important; /* Enable smooth vertical scrolling while capturing horizontal swipes */
user-select: none !important;
-webkit-user-select: none !important;
}
.lot-thumb-rail {
display: flex !important;
gap: 6px !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
padding: 6px 2px !important;
}
.lot-thumb-item {
scroll-snap-align: start !important;
flex-shrink: 0 !important;
width: 72px !important;
height: 48px !important;
border-radius: 6px !important;
}
/* 4. Stats Row (Watching / Shares / Likes) */
.lot-hero-stats-row,
.fake-stats-row {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
margin: 12px 0 !important;
width: 100% !important;
}
.fake-stats-card,
.ca-hero-stat-card {
padding: 8px 4px !important;
border-radius: 12px !important;
text-align: center !important;
}
/* 5. Bid Panel Card */
.bid-panel-card {
border-radius: 16px !important;
margin-bottom: 16px !important;
}
.bid-panel-card .ant-card-body {
padding: 16px 14px !important;
}
.bid-action-buy-now {
height: 50px !important;
font-size: 16px !important;
font-weight: 800 !important;
border-radius: 12px !important;
}
.bid-action-call-green {
height: 48px !important;
font-size: 14px !important;
font-weight: 750 !important;
border-radius: 12px !important;
}
/* 6. Lot Basics (Vehicle Specs) */
.lot-ledger {
padding: 16px 14px !important;
border-radius: 16px !important;
margin-bottom: 16px !important;
}
.lot-ledger-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.lot-fact-row {
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 10px 10px !important;
min-height: 62px !important;
border-radius: 11px !important;
box-sizing: border-box !important;
}
/* Engine card spans both columns so long engine text never breaks */
.lot-fact-row:nth-child(3) {
grid-column: 1 / -1 !important;
}
.lot-fact-icon {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.lot-fact-copy {
min-width: 0 !important;
flex: 1 !important;
}
.lot-fact-copy em {
font-size: 9.5px !important;
font-weight: 750 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
display: block !important;
margin-bottom: 1px !important;
}
.lot-fact-copy strong {
font-size: 13px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
display: block !important;
white-space: normal !important;
word-break: normal !important;
hyphens: none !important;
}
/* 6b. Condition Badges 2x2 Grid */
.lot-condition-band {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
margin-top: 14px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.lot-condition-band span {
width: 100% !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 9px 10px !important;
font-size: 11.5px !important;
font-weight: 750 !important;
border-radius: 10px !important;
margin: 0 !important;
}
/* 7. MMR / USD Market Index */
.lot-crypto-benchmark-section,
.crypto-benchmark-container {
border-radius: 16px !important;
padding: 16px 14px !important;
margin-bottom: 16px !important;
}
.crypto-benchmark-head {
gap: 10px !important;
margin-bottom: 12px !important;
}
.crypto-top-bar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 6px !important;
}
.crypto-market-pair {
font-size: 10px !important;
padding: 3px 8px !important;
}
.crypto-timeframes {
display: flex !important;
gap: 3px !important;
}
.crypto-tf-btn {
padding: 2.5px 6px !important;
font-size: 10px !important;
font-weight: 700 !important;
border-radius: 6px !important;
}
.crypto-signal-badge {
font-size: 10px !important;
padding: 3px 8px !important;
}
.crypto-price-val {
font-size: 24px !important;
}
.crypto-spread-pill {
font-size: 11px !important;
padding: 2.5px 8px !important;
}
.crypto-chart-stage {
padding: 8px 4px 4px !important;
border-radius: 11px !important;
margin-bottom: 10px !important;
}
.crypto-ticker-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 6px !important;
}
.crypto-ticker-cell {
padding: 8px 6px !important;
border-radius: 10px !important;
}
.crypto-ticker-num {
font-size: 13px !important;
}
/* 8. Verified Condition & Inspection Card */
.lot-verified-inspection-card {
border-radius: 16px !important;
padding: 16px 14px 18px 14px !important;
margin-top: 12px !important;
margin-bottom: 16px !important;
}
.inspection-card-head {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 6px !important;
margin-bottom: 10px !important;
padding-bottom: 8px !important;
}
.inspection-card-title {
font-size: 11px !important;
}
.inspection-head-right {
display: flex !important;
align-items: center !important;
gap: 5px !important;
flex-wrap: wrap !important;
}
.inspection-score-badge {
font-size: 10.5px !important;
padding: 2px 7px !important;
}
.inspection-card-badge {
font-size: 10px !important;
padding: 2px 6px !important;
}
.lot-verified-chips-grid {
grid-template-columns: 1fr !important;
gap: 6px !important;
}
.lot-verified-chip {
padding: 8px 10px !important;
border-radius: 10px !important;
gap: 8px !important;
}
.chip-main-info {
gap: 7px !important;
min-width: 0 !important;
flex: 1 !important;
}
.chip-icon-box {
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
border-radius: 6px !important;
}
.chip-title {
font-size: 11.5px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.chip-status-wrap {
gap: 5px !important;
flex-shrink: 0 !important;
}
.chip-status-tag {
font-size: 10px !important;
padding: 1.5px 5px !important;
white-space: nowrap !important;
}
.chip-sub {
font-size: 10px !important;
}
/* 9. Floating AI Trigger Button on Mobile */
#friday-ai-trigger,
.friday-ai-floating-wrap {
bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
right: 16px !important;
z-index: 10000001 !important;
transition: bottom 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s ease !important;
}
body:has(.sticky-reg-bar) #friday-ai-trigger,
body:has(.sticky-reg-bar) .friday-ai-floating-wrap {
bottom: calc(142px + env(safe-area-inset-bottom, 0px)) !important;
}
.friday-ai-round-btn {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
max-width: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
box-shadow: 0 8px 24px -2px rgba(15, 23, 42, 0.28), 0 3px 10px rgba(99, 102, 241, 0.22) !important;
}
.friday-ai-round-btn svg {
width: 25px !important;
height: 25px !important;
}
.friday-ai-status-dot {
top: 9px !important;
right: 9px !important;
width: 8px !important;
height: 8px !important;
}
/* 10. AI Assistant Drawer -> Native Mobile Bottom Sheet */
#friday-ai-drawer,
.friday-ai-chat-drawer {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: 82vh !important;
max-height: 84vh !important;
border-radius: 24px 24px 0 0 !important;
box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.35) !important;
z-index: 10000008 !important;
transform: translateY(105%) !important;
transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
display: flex !important;
flex-direction: column !important;
border: none !important;
background: #ffffff !important;
}
#friday-ai-drawer.active,
.friday-ai-chat-drawer.active {
transform: translateY(0%) !important;
}
.friday-ai-chat-header {
padding: 16px 18px 14px 18px !important;
border-bottom: 1px solid #f1f5f9 !important;
position: relative !important;
}
.friday-ai-chat-header::before {
content: "" !important;
position: absolute !important;
top: 6px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 36px !important;
height: 4px !important;
background: #cbd5e1 !important;
border-radius: 99px !important;
}
.friday-ai-chat-header-close {
width: 36px !important;
height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 24px !important;
border-radius: 50% !important;
background: #f1f5f9 !important;
color: #475569 !important;
}
.friday-ai-chat-body {
flex: 1 !important;
padding: 16px 14px !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.friday-ai-chat-footer {
padding: 10px 14px calc(14px + env(safe-area-inset-bottom, 0px)) 14px !important;
background: #ffffff !important;
border-top: 1px solid #f1f5f9 !important;
gap: 8px !important;
}
.friday-ai-chat-input {
height: 44px !important;
font-size: 16px !important; /* 16px strictly prevents iOS Safari auto-zoom */
padding: 0 14px !important;
border-radius: 12px !important;
}
.friday-ai-chat-send {
height: 44px !important;
padding: 0 18px !important;
font-size: 14px !important;
font-weight: 750 !important;
border-radius: 12px !important;
}
.friday-ai-mobile-backdrop {
position: fixed !important;
inset: 0 !important;
background: rgba(15, 23, 42, 0.45) !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
z-index: 10000006 !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.25s ease !important;
}
.friday-ai-mobile-backdrop.active {
opacity: 1 !important;
pointer-events: auto !important;
}
/* 11. Native Mobile Bottom Sticky Action Bar */
.lot-mobile-sticky-bar {
display: flex !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px)) 14px !important;
background: rgba(255, 255, 255, 0.96) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
box-shadow: 0 -4px 22px rgba(15, 23, 42, 0.10) !important;
z-index: 9999999 !important;
align-items: center !important;
justify-content: space-between !important;
transform: translateY(110%) !important;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
box-sizing: border-box !important;
}
.lot-mobile-sticky-bar.visible {
transform: translateY(0%) !important;
}
.lot-mobile-sticky-info {
min-width: 0 !important;
flex: 1 !important;
padding-right: 12px !important;
}
.lot-mobile-sticky-title {
font-size: 13px !important;
font-weight: 800 !important;
color: #0f172a !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
line-height: 1.2 !important;
}
.lot-mobile-sticky-price {
font-size: 15px !important;
font-weight: 900 !important;
color: #059669 !important;
line-height: 1.2 !important;
}
.lot-mobile-sticky-actions {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
.lot-mobile-sticky-call {
height: 42px !important;
padding: 0 12px !important;
border-radius: 10px !important;
background: #0f172a !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 750 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
text-decoration: none !important;
border: none !important;
}
.lot-mobile-sticky-call:hover,
.lot-mobile-sticky-call:active {
background: #1e293b !important;
color: #ffffff !important;
}
.lot-mobile-sticky-buy {
height: 42px !important;
padding: 0 16px !important;
border-radius: 10px !important;
background: #eab308 !important;
color: #0f172a !important;
font-size: 13.5px !important;
font-weight: 850 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
cursor: pointer !important;
}
.lot-mobile-sticky-buy:hover,
.lot-mobile-sticky-buy:active {
background: #ca8a04 !important;
}
}
/* Mobile Elevation for AI trigger and hide duplicate reg bar */
@media (max-width: 640px) {
.sticky-reg-bar {
display: none !important;
}
body:has(.lot-mobile-sticky-bar.visible) #friday-ai-trigger,
body.has-sticky-bar #friday-ai-trigger {
bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* ===================================================
SAFARI & MOBILE OPTIMIZATIONS FOR LOWER LOT BLOCKS
=================================================== */
@media (max-width: 640px) {
/* 1. Comments Card & Ant Alert Fix (No overlapping buttons) */
.ant-alert-with-description {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
padding: 16px 14px !important;
border-radius: 14px !important;
}
.ant-alert-with-description .ant-alert-icon {
margin-right: 0 !important;
margin-bottom: 4px !important;
}
.ant-alert-with-description .ant-alert-content {
flex: 1 1 100% !important;
width: 100% !important;
}
.ant-alert-with-description .ant-alert-message {
font-size: 14.5px !important;
font-weight: 750 !important;
margin-bottom: 4px !important;
color: #0f172a !important;
}
.ant-alert-with-description .ant-alert-description {
font-size: 13px !important;
line-height: 1.5 !important;
color: #475569 !important;
}
.ant-alert-with-description .ant-alert-action {
margin-left: 0 !important;
margin-top: 6px !important;
width: 100% !important;
display: block !important;
}
.ant-alert-with-description .ant-alert-action a,
.ant-alert-with-description .ant-alert-action button {
width: 100% !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13.5px !important;
font-weight: 750 !important;
border-radius: 10px !important;
}
/* 2. Price Estimator & iOS Safari Auto-Zoom Prevention */
.lot-mobile-service-stack input,
.service-calc input,
input.ant-input {
font-size: 16px !important; /* 16px strictly prevents iOS Safari viewport zooming */
-webkit-appearance: none !important;
}
.lot-mobile-service-stack .service-calc {
padding: 16px 14px !important;
border-radius: 16px !important;
}
/* 3. Similar Lots Horizontal Swipe Rail */
.lot-similar {
padding: 16px 0 !important;
overflow: hidden !important;
}
.lot-similar-grid {
display: flex !important;
gap: 12px !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
padding: 4px 14px 18px 14px !important;
margin: 0 -14px !important;
}
.lot-similar-card,
.lot-similar-grid > * {
flex: 0 0 270px !important;
min-width: 270px !important;
max-width: 270px !important;
scroll-snap-align: start !important;
border-radius: 14px !important;
}
/* 4. Footer Clean Stacking & Safe Area Inset */
.site-footer-remake {
padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
.site-footer-remake .ant-row {
display: flex !important;
flex-direction: column !important;
gap: 26px !important;
}
.site-footer-remake .ant-col {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
.site-footer-remake .ant-divider {
margin: 20px 0 !important;
}
}
/* ========================================================
CRITICAL MOBILE SAFARI & BLUR & INSPECTION FIXES
======================================================== */
@media (max-width: 640px) {
/* 1. Backdrop Blur Fix: Absolutely no lingering blur when closed */
.friday-ai-mobile-backdrop {
display: none !important;
position: fixed !important;
inset: 0 !important;
background: rgba(15, 23, 42, 0.45) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
z-index: 10000006 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.friday-ai-mobile-backdrop.active {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
}
/* 2. Inspection Overview Card & Chips: 100% contained, zero right overflow */
.lot-doc-panel {
padding: 16px 14px !important;
overflow: hidden !important;
}
.lot-verified-inspection-card {
border-radius: 14px !important;
padding: 14px 12px !important;
margin: 14px 0 0 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.lot-verified-chips-grid {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin-top: 10px !important;
}
.lot-verified-chip {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 8px 10px !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 6px !important;
overflow: hidden !important;
}
.chip-main-info {
display: flex !important;
align-items: center !important;
gap: 6px !important;
min-width: 0 !important;
flex: 1 1 auto !important;
overflow: hidden !important;
}
.chip-icon-box {
flex-shrink: 0 !important;
}
.chip-title {
font-size: 12.5px !important;
font-weight: 600 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.chip-status-wrap {
display: flex !important;
align-items: center !important;
gap: 4px !important;
flex-shrink: 0 !important;
}
.chip-status-tag {
padding: 2px 6px !important;
font-size: 11px !important;
border-radius: 6px !important;
font-weight: 700 !important;
}
.chip-sub {
font-size: 10.5px !important;
color: #64748b !important;
white-space: nowrap !important;
}
/* 3. Bottom Sticky Action Bar: Red Make Offer + Buy Now + Call */
.lot-mobile-sticky-bar {
display: flex !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) 12px !important;
background: rgba(255, 255, 255, 0.97) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
z-index: 9999990 !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
transform: translateY(105%) !important;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.lot-mobile-sticky-bar.visible {
transform: translateY(0%) !important;
}
.lot-mobile-sticky-info {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.lot-mobile-sticky-title {
font-size: 12px !important;
font-weight: 750 !important;
color: #0f172a !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
line-height: 1.25 !important;
}
.lot-mobile-sticky-price {
font-size: 15px !important;
font-weight: 900 !important;
color: #059669 !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
}
.lot-mobile-sticky-actions {
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-shrink: 0 !important;
}
.lot-mobile-sticky-call {
width: 36px !important;
height: 36px !important;
border-radius: 9px !important;
background: #0f172a !important;
color: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
flex-shrink: 0 !important;
}
.lot-mobile-sticky-call svg {
width: 14px !important;
height: 14px !important;
fill: #ffffff !important;
}
.lot-mobile-sticky-offer {
height: 36px !important;
padding: 0 11px !important;
border-radius: 9px !important;
background: #dc2626 !important;
color: #ffffff !important;
border: none !important;
font-size: 12.5px !important;
font-weight: 750 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3) !important;
transition: all 0.15s ease !important;
}
.lot-mobile-sticky-offer:hover {
background: #b91c1c !important;
}
.lot-mobile-sticky-offer:active {
transform: scale(0.96) !important;
}
.lot-mobile-sticky-buy {
height: 36px !important;
padding: 0 13px !important;
border-radius: 9px !important;
background: #f59e0b !important;
color: #09090b !important;
border: none !important;
font-size: 12.5px !important;
font-weight: 800 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3) !important;
transition: all 0.15s ease !important;
}
.lot-mobile-sticky-buy:hover {
background: #d97706 !important;
}
.lot-mobile-sticky-buy:active {
transform: scale(0.96) !important;
}
}