*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#17191d;font:14px Arial,sans-serif}header{height:64px;background:#fff;border-bottom:1px solid #e4e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}header strong{font-size:18px}header span{margin-left:9px;background:#111;color:#fff;border-radius:12px;padding:3px 8px;font-size:10px}nav{display:flex;gap:18px}a{color:inherit;text-decoration:none}main{max-width:1500px;margin:auto;padding:28px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px}.toolbar h1{margin:0;font-size:28px}.toolbar p{color:#777;margin:7px 0 0}.toolbar button,.login-card button{background:#ed1c24;color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:700;cursor:pointer}.toolbar button:disabled{opacity:.6}.filters{display:flex;gap:10px;margin:22px 0}.filters input,.filters select,.login-card input{border:1px solid #d9dde3;border-radius:9px;padding:11px 13px;background:#fff}.filters input{min-width:300px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e4e7eb;border-radius:12px;overflow:hidden}.photo{display:block;aspect-ratio:16/10;background:#e9ebee;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:10px;top:10px;background:#ed1c24;color:#fff;padding:5px 8px;border-radius:6px;font-size:10px}.body{padding:14px}.top{display:flex;justify-content:space-between;color:#777;font-size:11px}.body h2{font-size:16px;margin:9px 0}.meta{color:#777;font-size:11px;line-height:1.5}.price{font-size:24px;font-weight:800;margin:12px 0}.price small{display:block;color:#159447;font-size:11px;margin-top:3px}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(360px,calc(100% - 30px));background:#fff;border:1px solid #ddd;border-radius:14px;padding:28px;display:grid;gap:12px}.login-card h1{margin:0}.login-card p{margin:0 0 8px;color:#777}.login-card input{width:100%;font-size:18px}.error{background:#fee;color:#a00;padding:9px;border-radius:7px}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){header{padding:0 14px}nav a:first-child{display:none}main{padding:16px}.grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;flex-direction:column}.filters input{min-width:0;flex:1}}@media(max-width:520px){.grid{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 120px}.photo{aspect-ratio:16/9}}
/* v1.2 – seller badge + filter */
.photo-badges{position:absolute;left:10px;top:10px;display:flex;gap:6px;align-items:center;z-index:2}
.photo-badges .badge{position:static}
.seller-badge{padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase}
.seller-badge.insurance{background:#e8f8ee;color:#12813a;border:1px solid #bce8cc}
.seller-badge.dealer{background:#fff0f0;color:#d31b23;border:1px solid #ffc8cb}
.filters select{min-width:130px}
@media(max-width:520px){.filters{grid-template-columns:1fr 110px 120px}.filters select{min-width:0}}

/* v1.3 tabs + server pagination */
.radar-tabs{display:flex;gap:8px;margin:12px 0 16px;flex-wrap:wrap}
.radar-tabs a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;color:#111;text-decoration:none;font-weight:700}
.radar-tabs a.active{background:#111827;color:#fff;border-color:#111827}
.radar-tabs b{font-size:11px;padding:2px 6px;border-radius:999px;background:#eef1f4;color:#4b5563}
.radar-tabs a.active b{background:#fff;color:#111827}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 40px}
.pagination>a,.pagination button{border:1px solid #dfe3e8;background:#fff;border-radius:9px;padding:9px 13px;text-decoration:none;color:#111;cursor:pointer}
.pagination span{font-weight:800}
.pagination form{display:flex;align-items:center;gap:7px}
.pagination input{width:70px;padding:8px;border:1px solid #dfe3e8;border-radius:8px}
@media(max-width:600px){.radar-tabs{display:grid;grid-template-columns:1fr 1fr 1fr}.radar-tabs a{padding:9px 8px;font-size:12px;justify-content:center}.pagination{gap:8px}}

/* v1.4 – quick / full refresh */
.toolbar-actions{display:flex;gap:9px;align-items:center}
.toolbar-actions button.secondary{
  background:#fff;
  color:#111827;
  border:1px solid #cfd5dc;
}
.toolbar-actions button.secondary:hover{background:#f3f5f7}
@media(max-width:800px){
  .toolbar-actions{width:100%}
  .toolbar-actions button{flex:1}
}


/* v1.5 – year filter + vehicle status */
.vehicle-status{display:inline-flex;align-items:center;margin-top:8px;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.vehicle-status.run{background:#e8f8ee;color:#12813a;border:1px solid #bce8cc}
.vehicle-status.stationary{background:#fff4e5;color:#a45b00;border:1px solid #f4d19a}
@media(max-width:520px){.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.filters select{width:100%}}


/* v1.6 – status filter + primary/secondary damage */
.damage-lines{display:grid;gap:4px;margin-top:9px;padding:8px 9px;background:#f7f8fa;border:1px solid #e6e9ed;border-radius:8px}
.damage-lines div{display:grid;grid-template-columns:32px 1fr;gap:7px;align-items:start;font-size:11px;line-height:1.35}
.damage-lines span{font-weight:800;color:#8a93a1;text-transform:uppercase}
.damage-lines strong{font-weight:700;color:#303744}

/* v1.7 – shared /paieska/data/damage-rules.txt colors */
.damage-lines strong.damage-red{color:#dc2626!important;font-weight:800}
.damage-lines strong.damage-alert{color:#f97316!important;font-weight:800}
.damage-lines strong.damage-green{color:#16a34a!important;font-weight:800}


/* Lazy kortelių galerija */
.card-gallery{position:relative;overflow:hidden}
.card-gallery .photo-link{display:block;width:100%;height:100%}
.card-gallery .photo-link img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:34px;height:44px;border:0;border-radius:9px;background:rgba(17,24,39,.72);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease}
.card-gallery:hover .gallery-nav{opacity:1}
.gallery-nav:hover{background:rgba(17,24,39,.92)}
.gallery-prev{left:8px}.gallery-next{right:8px}
.gallery-count{position:absolute;right:9px;bottom:9px;z-index:4;background:rgba(17,24,39,.72);color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;pointer-events:none}
@media(max-width:800px){.gallery-nav{opacity:1;width:30px;height:40px;font-size:26px}}

.deal-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:9px;background:#111827;color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em}
.qol-tools{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.qol-tools label,.qol-tools button{background:#fff;border:1px solid #ddd;border-radius:10px;padding:9px 12px;font-weight:800}.card-actions{display:flex;gap:6px;margin:6px 0}.card-actions button{border:1px solid #ddd;background:#fff;border-radius:8px;width:34px;height:30px;cursor:pointer}.watch-btn.active{background:#fff3bf}.is-viewed{opacity:.55}.watch-price-drop{outline:3px solid #f59f00}.watch-alert{display:block;background:#fff3bf;padding:7px;border-radius:8px;margin-bottom:6px}.anomaly-badge{background:#dc2626;color:#fff;padding:6px 8px;border-radius:8px;font-size:10px}.qol-modal{position:fixed;inset:0;background:#0008;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.qol-modal[hidden]{display:none}.qol-modal-box{position:relative;background:#fff;border-radius:14px;max-width:760px;width:100%;max-height:80vh;overflow:auto;padding:22px}.qol-modal-close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:28px}.qol-table{width:100%;border-collapse:collapse}.qol-table td,.qol-table th{padding:8px;border-bottom:1px solid #eee}.qol-similar{display:grid;gap:8px}.qol-similar a{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:7px;border:1px solid #eee;border-radius:10px}.qol-similar img{width:70px;height:48px;object-fit:cover;border-radius:7px}
.dismiss-btn{color:#b42318}
.dismiss-btn:hover{background:#fee4e2!important}
.qol-similar-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.qol-similar-info small{display:block;font-size:11px;color:#667085}
.qol-similar-info i{font-style:normal;font-weight:900}
.qol-similar-tags{display:flex;gap:5px;flex-wrap:wrap;margin:2px 0}
.qol-similar-tags em{font-style:normal;font-size:9px;font-weight:900;padding:3px 6px;border-radius:999px;background:#f2f4f7;color:#344054}
.qol-similar-tags .qol-seller.insurance{background:#eaf8ee;color:#16803c}
.qol-similar-tags .qol-seller.dealer{background:#feeceb;color:#c1322b}
.qol-similar .damage-red{color:#dc2626!important}
.qol-similar .damage-alert{color:#f97316!important}
.qol-similar .damage-green{color:#16a34a!important}

.watch-db-alert{display:block;background:#fff3bf;color:#7a4b00;border-radius:8px;padding:7px 9px;margin-bottom:7px;font-size:11px;font-weight:900}

.median-badge{background:#e8f7ee;color:#147a3d;border:1px solid #b7e4c7}
.market-median-line{font-size:11px;color:#475467;margin:4px 0 6px}
.market-median-line b{color:#147a3d}

.deal-location-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}.deal-location-toggle input{width:auto;margin:0}


/* === Responsive Buy Now filters v1 === */
.filters-responsive{
  display:grid !important;
  grid-template-columns:
    minmax(150px, .9fr)
    minmax(240px, 1.8fr)
    minmax(130px, .8fr)
    minmax(130px, .8fr)
    minmax(110px, .7fr)
    minmax(110px, .7fr)
    minmax(130px, .8fr)
    minmax(150px, 1fr);
  gap:10px !important;
  align-items:center;
  width:100%;
  box-sizing:border-box;
  overflow:visible;
}

.filters-responsive > *{
  min-width:0 !important;
  max-width:100%;
  box-sizing:border-box;
}

.filters-responsive input,
.filters-responsive select{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.filters-responsive .filter-location-toggle{
  grid-column:1 / -1;
  width:max-content !important;
  max-width:100%;
  margin:0;
}

.filters-responsive .filter-sort{grid-column:auto;}
.filters-responsive .filter-search{grid-column:auto;}

.qol-tools-responsive{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:10px 0;
}

.qol-tools-responsive > *{
  flex:0 0 auto;
  max-width:100%;
}

/* Medium desktop / laptop */
@media (max-width: 1450px){
  .filters-responsive{
    grid-template-columns:
      minmax(145px, .9fr)
      minmax(220px, 1.6fr)
      minmax(125px, .8fr)
      minmax(125px, .8fr)
      minmax(105px, .7fr)
      minmax(105px, .7fr);
  }
  .filters-responsive .filter-status{grid-column:auto;}
  .filters-responsive .filter-price{grid-column:auto;}
}

/* Small laptop / tablet landscape */
@media (max-width: 1100px){
  .filters-responsive{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .filters-responsive .filter-location-toggle{grid-column:1 / -1;}
  .filters-responsive .filter-search{grid-column:span 2;}
  .filters-responsive .filter-price{grid-column:span 2;}
}

/* Tablet / phone */
@media (max-width: 760px){
  .filters-responsive{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px !important;
    padding:10px !important;
  }
  .filters-responsive .filter-location-toggle{
    grid-column:1 / -1;
    width:100% !important;
    justify-content:flex-start;
  }
  .filters-responsive .filter-sort,
  .filters-responsive .filter-search,
  .filters-responsive .filter-auction,
  .filters-responsive .filter-seller,
  .filters-responsive .filter-status,
  .filters-responsive .filter-price{
    grid-column:1 / -1;
  }
  .filters-responsive .filter-year-from,
  .filters-responsive .filter-year-to{
    grid-column:auto;
  }

  .qol-tools-responsive{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:8px;
  }
  .qol-tools-responsive label,
  .qol-tools-responsive button{
    width:100%;
    margin:0 !important;
    justify-content:flex-start;
  }

  .radar-tabs{
    overflow-x:auto;
    flex-wrap:nowrap !important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px;
  }
  .radar-tabs a{
    flex:0 0 auto;
    white-space:nowrap;
  }
}

/* Narrow phone */
@media (max-width: 480px){
  .filters-responsive{
    grid-template-columns:1fr 1fr;
  }
  .qol-tools-responsive{
    grid-template-columns:1fr;
  }
}

/* QoL deal toggles v2 */
.qol-tools-responsive .qol-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:0 14px;
  border:1px solid #d9dee7;
  border-radius:10px;
  background:#fff;
  font-weight:700;
  white-space:nowrap;
  box-sizing:border-box;
}
.qol-tools-responsive .qol-toggle input[type="checkbox"]{
  width:auto !important;
  margin:0;
}
.qol-tools-responsive .deal-min-toggle input[type="number"]{
  width:76px !important;
  min-width:60px !important;
  height:30px;
  padding:4px 7px;
  border:1px solid #d9dee7;
  border-radius:7px;
}
@media(max-width:760px){
  .qol-tools-responsive .qol-toggle{width:100%;min-width:0}
  .qol-tools-responsive .deal-min-toggle{flex-wrap:nowrap}
  .qol-tools-responsive .deal-min-toggle input[type="number"]{margin-left:auto}
}
.better-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:9px;background:#fff1f0;color:#b42318;border:1px solid #f3b7b2;font-size:11px;font-weight:900;letter-spacing:.02em}
.better-history-line{margin-top:8px;padding:9px 10px;border-radius:9px;background:#fff7f6;border:1px solid #f2cbc7;color:#7a271a;font-size:12px;line-height:1.45}.better-history-line strong{color:#b42318}
