:root{color-scheme:light;--ink:#15201e;--muted:#64716e;--line:#dce4e1;--paper:#f4f6f4;--card:#fff;--accent:#08aeb0;--dark:#101817;--danger:#b52936;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink)}
button,input,textarea,select{font:inherit}
.skip{position:fixed;left:-999px}
.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:.7rem 1rem}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3.5rem);color:#fff;background:rgba(16,24,23,.96);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:.08em}
.mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#092323}
.top-actions{display:flex;align-items:center;gap:.6rem}
.lang{border:1px solid #51605d;background:#202c2a;color:#fff;border-radius:9px;padding:.55rem}
.button{border:0;border-radius:10px;padding:.7rem 1rem;font-weight:750;cursor:pointer}
.button.primary{background:var(--accent);color:#082424}
.button.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}
.button.ghost{background:transparent;color:inherit}
.button:disabled{opacity:.55;cursor:not-allowed}
.hero{padding:2.2rem clamp(1rem,5vw,5rem) 1.9rem;color:#fff;background:linear-gradient(120deg,#101817,#263532)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:#63d7d5}
.hero h1{max-width:none;margin:.45rem 0;font-size:clamp(1.15rem,3.2vw,2.8rem);line-height:1.05;letter-spacing:-.04em;white-space:nowrap}
.hero p{max-width:700px;color:#c7d1cf}
.layout{max-width:1500px;margin:0 auto;padding:2rem clamp(1rem,4vw,3.5rem) 4rem}
.toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.field{display:grid;gap:.35rem}
.field label{font-size:.8rem;font-weight:750;color:var(--muted)}
.input{width:100%;border:1px solid #bdc9c6;border-radius:10px;background:#fff;padding:.75rem .85rem;color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1.25rem}
.vehicle{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 10px 32px rgba(30,49,45,.06)}
.vehicle.has-bid-instruction{border:2px solid #c58b08;box-shadow:0 12px 34px rgba(147,101,0,.18)}
.vehicle-media{position:relative;aspect-ratio:16/10;background:#e7ecea}
.vehicle-media img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.vehicle-media-button{display:block;width:100%;padding:0;border:0;overflow:hidden;color:inherit;text-align:left;cursor:pointer}
.vehicle-media-button:hover img,.vehicle-media-button:focus-visible img{transform:scale(1.025)}
.vehicle-media-button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.badge{position:absolute;left:.8rem;top:.8rem;padding:.35rem .55rem;border-radius:999px;background:rgba(16,24,23,.88);color:#fff;font-size:.72rem;font-weight:750}
.bid-badge{position:absolute;right:.8rem;bottom:.8rem;max-width:calc(100% - 1.6rem);padding:.45rem .65rem;border-radius:9px;background:#f4b928;color:#2a2107;font-size:.76rem;font-weight:850;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.vehicle-body{padding:1.1rem}
.vehicle h2{margin:0 0 .35rem;font-size:1.25rem}
.meta{color:var(--muted);font-size:.86rem}
.history-badge{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .55rem;margin-top:.75rem;padding:.55rem .7rem;border:1px solid #c7ded9;border-radius:10px;background:#f0f8f6;color:#245d57;font-size:.76rem}
.history-badge strong{color:#0b6d62}
.history-badge span{color:#456b66}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}
.facts span{display:block;color:var(--muted);font-size:.72rem}
.facts strong{display:block;margin-top:.2rem}
.card-facts>div{min-width:0;container-type:inline-size}
.card-facts strong{min-width:0;overflow-wrap:normal;white-space:nowrap;font-size:clamp(.72rem,8cqw,1.05rem);font-variant-numeric:tabular-nums}
.facts small{display:block;margin-top:.2rem;color:var(--muted);font-size:.7rem;line-height:1.25}
.card-facts .auction-price-fact{grid-column:1/-1;padding:.78rem .85rem;border-radius:12px;background:#e5f7f5}
.card-facts .auction-price-fact span{color:#326a65;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.card-facts .auction-price-fact strong{font-size:clamp(.95rem,10cqw,1.3rem);color:#087e70}
.pricebox{padding:.85rem;border-radius:12px;background:#eef5f3}
.bid-instruction{display:grid;gap:.25rem;margin:.85rem 0;padding:.85rem;border:1px solid #e1b33b;border-radius:12px;background:#fff5d5;color:#3c2c04}
.bid-instruction small{font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.bid-instruction strong{font-size:1.05rem}
.bid-instruction span,.bid-instruction p{font-size:.78rem}
.bid-instruction p{margin:.25rem 0 0}
.outcome-options{display:flex;gap:1rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:12px}
.outcome-options legend{padding:0 .35rem;color:var(--muted);font-size:.8rem;font-weight:750}
.outcome-options label{display:flex;align-items:center;gap:.35rem;font-weight:750}
[data-price-fields]{display:grid;gap:1rem}
.pricebox div{display:flex;justify-content:space-between;gap:1rem}
.pricebox small{color:var(--muted)}
.positive{color:#087e70}
.vehicle-actions{display:flex;gap:.45rem;margin-top:.85rem}
.vehicle-actions .button{min-width:0;min-height:2.55rem;flex:1;padding:.58rem .68rem;font-size:.86rem;line-height:1.15;overflow-wrap:normal;white-space:normal;word-break:normal;hyphens:none}
.center{min-height:100vh;display:grid;place-items:center;padding:1rem}
.auth{width:min(430px,100%);padding:2rem;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 22px 70px rgba(24,40,37,.14)}
.auth h1{margin:.4rem 0;font-size:clamp(1.05rem,5.3vw,1.75rem);letter-spacing:-.035em;white-space:nowrap}
.auth form{display:grid;gap:1rem;margin-top:1.5rem}
.error{padding:.7rem;border-radius:9px;background:#fff0f0;color:var(--danger)}
.loader{width:40px;height:40px;border:4px solid #d9e4e1;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}
}
.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;background:rgba(6,12,11,.7)}
.modal-card{width:min(640px,100%);max-height:92vh;overflow:auto;border-radius:20px;background:#fff;padding:1.5rem}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.modal-head h2{margin:0}
.modal-close{flex:0 0 auto;min-height:1.7rem;padding:.22rem .48rem;border-radius:7px;font-size:.68rem;line-height:1}
.detail-card{display:flex;width:min(1120px,100%);height:min(860px,calc(100dvh - 2rem));max-height:none;overflow:hidden;flex-direction:column}
.detail-content{display:grid;min-height:0;flex:1;grid-template-columns:minmax(280px,.8fr) minmax(0,1.35fr);gap:1.25rem;margin-top:1rem}
.detail-column{min-height:0;overflow:auto;padding:0 .35rem .5rem 0;overscroll-behavior:contain}
.detail-column h3:first-child{margin-top:0}
.detail-assets-column .gallery{grid-template-columns:repeat(4,1fr)}
.modal-card form{display:grid;gap:1rem;margin-top:1rem}
.summary{display:grid;gap:.5rem;padding:1rem;border-radius:12px;background:#f0f5f3}
.summary div{display:flex;justify-content:space-between;gap:1rem}
.price-history{margin:1.25rem 0}
.price-history h3{margin-bottom:.7rem}
.price-history ol{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}
.price-history li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fafcfb}
.price-history li.current-auction{border-color:#76c9c0;background:#eaf8f6}
.price-history li>div{display:grid;gap:.15rem}
.price-history li>div:last-child{text-align:right}
.price-history li span{color:var(--muted);font-size:.74rem}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.gallery-item{display:block;width:100%;padding:0;border:0;border-radius:8px;background:#e7ecea;cursor:zoom-in;overflow:hidden}
.gallery-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s ease}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.04)}
.gallery-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.image-viewer{position:fixed;inset:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(1rem,4vw,3rem);background:rgba(4,8,8,.96)}
.image-viewer[hidden]{display:none}
.image-viewer figure{display:grid;place-items:center;gap:.75rem;min-width:0;margin:0}
.image-viewer img{display:block;max-width:100%;max-height:calc(100vh - 7rem);object-fit:contain}
.image-viewer figcaption{color:#fff;font-weight:750}
.image-viewer-close,.image-viewer-nav{display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(16,24,23,.82);color:#fff;cursor:pointer}
.image-viewer-close{position:absolute;right:1rem;top:1rem;width:3rem;height:3rem;font-size:2rem}
.image-viewer-nav{width:3.2rem;height:3.2rem;font-size:2.4rem}
.image-viewer-close:hover,.image-viewer-close:focus-visible,.image-viewer-nav:hover,.image-viewer-nav:focus-visible{background:var(--accent);color:#082424;outline:none}
.toast{position:fixed;right:1rem;bottom:1rem;z-index:30;max-width:360px;padding:1rem;border-radius:10px;background:#15201e;color:#fff;transform:translateY(150%);transition:.2s}
.toast.show{transform:none}
.empty{padding:3rem;text-align:center;border:1px dashed #a9b6b3;border-radius:16px;color:var(--muted)}
.language-picker{position:relative}
.flag{display:inline-block;flex:0 0 auto;width:22px;height:15px;border:1px solid rgba(16,24,23,.18);border-radius:2px;box-shadow:0 1px 2px rgba(16,24,23,.12)}
.flag-cs{background:linear-gradient(33deg,#11457e 0 49%,transparent 50%),linear-gradient(#fff 0 50%,#d7141a 50%)}
.flag-nl{background:linear-gradient(#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66%)}
.flag-de{background:linear-gradient(#111 0 33.33%,#d00 33.33% 66.66%,#ffce00 66.66%)}
.flag-en{background:linear-gradient(90deg,transparent 42%,#cf142b 42% 58%,transparent 58%),linear-gradient(transparent 37%,#cf142b 37% 63%,transparent 63%),linear-gradient(35deg,transparent 43%,#fff 43% 48%,#cf142b 48% 52%,#fff 52% 57%,transparent 57%),linear-gradient(-35deg,transparent 43%,#fff 43% 48%,#cf142b 48% 52%,#fff 52% 57%,transparent 57%),#012169}
.flag-pl{background:linear-gradient(#fff 0 50%,#dc143c 50%)}
.flag-fr{background:linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66%)}
.flag-it{background:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%)}
.flag-es{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
.flag-pt{background:linear-gradient(90deg,#046a38 0 40%,#da291c 40%)}
.flag-da{background:linear-gradient(90deg,transparent 31%,#fff 31% 43%,transparent 43%),linear-gradient(transparent 42%,#fff 42% 58%,transparent 58%),#c8102e}
.flag-sv{background:linear-gradient(90deg,transparent 31%,#fecc02 31% 43%,transparent 43%),linear-gradient(transparent 42%,#fecc02 42% 58%,transparent 58%),#006aa7}
.flag-fi{background:linear-gradient(90deg,transparent 31%,#003580 31% 43%,transparent 43%),linear-gradient(transparent 42%,#003580 42% 58%,transparent 58%),#fff}
.flag-no{background:linear-gradient(90deg,transparent 35%,#00205b 35% 42%,transparent 42%),linear-gradient(transparent 45%,#00205b 45% 55%,transparent 55%),linear-gradient(90deg,transparent 30%,#fff 30% 47%,transparent 47%),linear-gradient(transparent 37%,#fff 37% 63%,transparent 63%),#ba0c2f}
.flag-tr{background:radial-gradient(circle at 65% 50%,#fff 0 7%,transparent 8%),radial-gradient(circle at 40% 50%,#fff 0 23%,transparent 24%),radial-gradient(circle at 47% 46%,#e30a17 0 20%,transparent 21%),#e30a17}
.flag-sr{background:linear-gradient(#c6363c 0 33.33%,#0c4076 33.33% 66.66%,#fff 66.66%)}
.flag-uk{background:linear-gradient(#0057b7 0 50%,#ffd700 50%)}
.flag-sk{background:linear-gradient(#fff 0 33.33%,#0b4ea2 33.33% 66.66%,#ee1c25 66.66%)}
.flag-hu{background:linear-gradient(#ce2939 0 33.33%,#fff 33.33% 66.66%,#477050 66.66%)}
.flag-et{background:linear-gradient(#4891d9 0 33.33%,#111 33.33% 66.66%,#fff 66.66%)}
.flag-lv{background:linear-gradient(#9e3039 0 40%,#fff 40% 60%,#9e3039 60%)}
.flag-lt{background:linear-gradient(#fdb913 0 33.33%,#006a44 33.33% 66.66%,#c1272d 66.66%)}
.flag-sl{background:linear-gradient(#fff 0 33.33%,#005da4 33.33% 66.66%,#ed1c24 66.66%)}
.flag-hr{background:linear-gradient(#ff0000 0 33.33%,#fff 33.33% 66.66%,#171796 66.66%)}
.flag-ro{background:linear-gradient(90deg,#002b7f 0 33.33%,#fcd116 33.33% 66.66%,#ce1126 66.66%)}
.flag-bg{background:linear-gradient(#fff 0 33.33%,#00966e 33.33% 66.66%,#d62612 66.66%)}
.flag-el{background:repeating-linear-gradient(#0d5eaf 0 11.11%,#fff 11.11% 22.22%)}
.language-button{display:flex;align-items:center;gap:.5rem;min-height:2.7rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}
.language-menu{position:absolute;right:0;top:calc(100% + .45rem);z-index:40;min-width:180px;max-height:min(70vh,42rem);overflow:auto;padding:.35rem;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 15px 45px rgba(16,24,23,.18)}
.flag:not(.flag-cs):not(.flag-nl):not(.flag-de):not(.flag-en){font-size:0;line-height:1}
.language-menu button{display:flex;width:100%;align-items:center;gap:.65rem;padding:.65rem .75rem;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible,.language-menu button[aria-current=true]{background:#eaf6f4}
.login-language{position:fixed;right:clamp(1rem,4vw,3.5rem);top:1rem;z-index:15}
.login-language + .center{padding-top:5.5rem}
.google-login{display:flex;width:100%;align-items:center;justify-content:center;margin-top:1.5rem;text-decoration:none}
.auth-divider{display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:var(--muted);font-size:.8rem;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
@media(max-width:650px){.top{align-items:flex-start}
.brand span:last-child{display:none}
.toolbar{display:grid}
.toolbar .field{min-width:0}
#auction{max-width:100%;text-overflow:ellipsis}
.facts{grid-template-columns:1fr}
.vehicle-actions{flex-direction:column}
.gallery{grid-template-columns:1fr 1fr}
.image-viewer{grid-template-columns:1fr 1fr;padding:4.5rem 1rem 1rem}
.image-viewer figure{grid-column:1/-1;grid-row:1}
.image-viewer-nav{grid-row:2;justify-self:center}
.image-viewer img{max-height:calc(100vh - 10rem)}
.top .button{padding:.55rem}
.hero{padding-top:2rem}
.language-button{padding:.5rem}
.login-language{right:1rem}
.language-menu{min-width:165px}
.modal-backdrop{align-items:start;padding:max(1rem,env(safe-area-inset-top)) .75rem max(1rem,env(safe-area-inset-bottom));overflow:auto}
.modal-card{max-height:none;padding:1rem}
.modal-head{align-items:flex-start}
.modal-close{position:sticky;top:0;z-index:2;margin-top:.1rem}
.detail-card{height:calc(100dvh - max(2rem,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overflow:hidden}
.detail-content{display:block;overflow:auto;margin-top:.75rem}
.detail-column{overflow:visible;padding-right:0}
.detail-assets-column{margin-top:1rem}
.detail-assets-column .gallery{grid-template-columns:1fr 1fr}
.price-history li{display:grid;grid-template-columns:1fr}
.price-history li>div:last-child{text-align:left}
.outcome-options{display:grid;gap:.65rem}
}

@media(min-width:900px){
  .card-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-facts .auction-price-fact{grid-column:auto}
}