/* Avto.net header + varščina page (classic classified UI) */
*,*::before,*::after{box-sizing:border-box}
html{font-size:12px}
body.avto-posel-page{
  margin:0;
  font-family:Verdana,Arial,Tahoma,sans-serif;
  color:#333;
  background:#fff;
  line-height:1.4;
}

/* —— avto.net header —— */
.an-headerbar{height:10px;background:#000}
.an-headerwrap{background:#062F57;color:#fff}
.an-headermid{
  max-width:972px;margin:0 auto;padding:8px;
  display:flex;align-items:center;justify-content:space-between;min-height:60px;
}
.an-how-link{
  font-size:11px;color:#fff;text-decoration:none;
  border:1px solid rgba(255,255,255,.4);padding:5px 10px;
}
.an-how-link:hover{background:rgba(255,255,255,.12)}
.an-breadcrumb-link{color:#003399;text-decoration:none}
.an-breadcrumb-link:hover{text-decoration:underline}
.an-inline-link{color:#003399}

.an-compact-notice{
  display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;
  border:1px solid #A8D4A8;background:#F5FBF5;padding:8px 10px;margin-bottom:10px;
}
.an-compact-notice .an-frozen-badge{margin:0}
.an-compact-text{font-size:12px;line-height:1.45;color:#333}
.an-logo{display:block;line-height:0}
.an-logo img{
  height:50px;width:auto;display:block;
  border:0;
}
.an-breadcrumb .an-id{color:#003399;font-weight:bold}

.an-breadcrumb{border-bottom:1px solid #ccc;background:#f5f5f5;font-size:11px;color:#666}
.an-breadcrumb-inner{max-width:1024px;margin:0 auto;padding:6px 8px}
.an-seller-banner{
  border:1px solid #B8D4E8;background:linear-gradient(to bottom,#F0F7FC,#fff);
  padding:10px 12px;margin-top:10px;
}
.an-seller-banner-title{
  font-size:13px;font-weight:bold;color:#003399;margin:0 0 6px;
}
.an-frozen-badge{
  display:inline-block;font-size:10px;font-weight:bold;
  background:#E8F4E8;color:#0A7A0A;border:1px solid #A8D4A8;
  padding:2px 8px;margin-bottom:6px;
}
.an-seller-banner p{margin:0 0 6px;font-size:12px;line-height:1.5;color:#333}
.an-seller-banner p:last-child{margin-bottom:0}
.an-benefits{
  margin:8px 0 0;padding:0 0 0 16px;font-size:11px;color:#444;line-height:1.55;
}
.an-benefits li{margin-bottom:3px}
.an-inspection-line{font-size:12px;color:#003399}

.an-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.an-step{
  flex:1;min-width:140px;border:1px solid #ccc;background:#f9f9f9;
  padding:8px 10px;font-size:11px;color:#666;text-align:center;
}
.an-step-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:999px;background:#ddd;color:#666;
  font-size:11px;font-weight:bold;margin-right:4px;
}
.an-step--done{border-color:#A8D4A8;background:#F0FAF0;color:#0A7A0A}
.an-step--done .an-step-num{background:#0A7A0A;color:#fff}
.an-step--active{border-color:#003399;background:#F0F4FC;color:#003399;font-weight:bold}
.an-step--active .an-step-num{background:#003399;color:#fff}

.an-confirm-check{
  display:flex;align-items:flex-start;gap:8px;margin-top:12px;
  font-size:11px;line-height:1.45;color:#333;cursor:pointer;
}
.an-confirm-check input{margin-top:2px;flex-shrink:0}
.an-btn-primary--disabled,.an-btn-primary:disabled{
  background:#ccc!important;border-color:#bbb!important;
  color:#888!important;cursor:not-allowed!important;
}

.an-checklist{margin:0;padding:8px 12px 10px 28px;font-size:11px;line-height:1.55;color:#444}
.an-checklist li{margin-bottom:4px}

/* —— page body —— */
.an-wrap{max-width:1024px;margin:0 auto;padding:12px 8px 24px}
.an-title{font-size:18px;font-weight:bold;color:#003399;line-height:1.35;margin:0}
.an-meta{font-size:12px;color:#666;margin-top:2px}
.an-countdown{font-size:11px;color:#999;margin-top:2px}
.an-cols{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
@media(min-width:768px){
  .an-cols{grid-template-columns:57% 1fr}
}
.an-box{border:1px solid #ccc;background:#fff}
.an-box-pad{padding:8px}
.an-section-hdr{
  border-bottom:1px solid #ccc;background:#f5f5f5;
  padding:6px 12px;font-size:13px;font-weight:bold;color:#333;
}
.an-price-big{font-size:24px;font-weight:bold;color:#003399}
.an-price-sub{font-size:11px;color:#666}

/* gallery */
.an-gallery-main{
  display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
  border:1px solid #ddd;background:#eee;
}
.an-gallery-thumbs{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;
}
.an-gallery-thumbs button{
  padding:0;border:2px solid #ddd;background:#fff;cursor:pointer;
}
.an-gallery-thumbs button.an-thumb-active{border-color:#003399}
.an-gallery-thumbs img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.an-photo-count{font-size:11px;color:#666;margin-top:6px}

/* specs table */
.an-specs{width:100%;border-collapse:collapse;font-size:12px}
.an-specs td{border:1px solid #ddd;padding:4px 8px}
.an-specs td:first-child{color:#666;width:42%}
.an-specs td:last-child{font-weight:bold;color:#333}
.an-specs tr:nth-child(odd) td{background:#f5f5f5}
.an-specs tr:nth-child(even) td{background:#fff}

/* varščina box */
.an-varscina{border:2px solid #E6B800;background:#FFFBEA}
.an-varscina-hdr{
  border-bottom:1px solid #E6B800;background:#FFF3C4;
  padding:6px 12px;font-size:13px;font-weight:bold;color:#806000;
}
.an-varscina-body{padding:12px}
.an-deposit-amt{font-size:28px;font-weight:bold;color:#003399}
.an-btn-primary{
  display:block;width:100%;margin-top:12px;padding:10px 12px;
  border:1px solid #002277;background:#003399;color:#fff;
  font-size:13px;font-weight:bold;cursor:pointer;font-family:inherit;
}
.an-btn-primary:hover{background:#0044AA}
.an-lock-note{font-size:10px;color:#666;margin-top:8px}

/* buyer */
.an-buyer-line{font-size:12px}
.an-buyer-name{font-weight:bold;color:#333}
.an-buyer-verified{color:#0A7A0A;margin-top:2px}
.an-buyer-muted{color:#666;margin-top:2px}

/* description */
.an-desc{padding:10px 12px;font-size:12px;line-height:1.55;color:#333}

/* summary table */
.an-summary{width:100%;border-collapse:collapse;font-size:12px}
.an-summary td{border:1px solid #ddd;padding:6px 12px}
.an-summary td:first-child{color:#666;width:50%}
.an-summary td:last-child{font-weight:bold;color:#333}
.an-summary tr:nth-child(odd) td{background:#f5f5f5}

/* FAQ */
.an-faq details{border-bottom:1px solid #ddd}
.an-faq details:last-child{border-bottom:0}
.an-faq summary{
  cursor:pointer;padding:8px 12px;font-size:12px;font-weight:bold;color:#003399;
  list-style:none;
}
.an-faq summary::-webkit-details-marker{display:none}
.an-faq summary:hover{background:#f5f5f5}
.an-faq p{padding:4px 12px 10px;margin:0;font-size:12px;line-height:1.55}

.an-footer{
  margin-top:16px;border-top:1px solid #ccc;background:#f5f5f5;
  font-size:11px;color:#666;line-height:1.55;
}
.an-footer-inner{max-width:1024px;margin:0 auto;padding:16px 8px}
.an-footer-title{font-weight:bold;color:#555}

.an-desc-mobile{display:block}
.an-desc-desktop{display:none}
@media(min-width:768px){
  .an-desc-mobile{display:none}
  .an-desc-desktop{display:block}
}

@media(max-width:767px){
  .an-headerbar{background:#062F57;height:10px}
  .an-logo img{height:36px}
  .an-headermid{min-height:44px;padding:6px 10px}
}
.deal-loading{opacity:.55;pointer-events:none}

.an-explain-box{margin-top:10px;margin-bottom:4px}
.an-explain-box details{border:1px solid #B8D4E8;background:#F8FBFF}
.an-explain-box summary{
  cursor:pointer;padding:10px 12px;font-size:13px;font-weight:bold;color:#003399;list-style:none;
}
.an-explain-box summary::-webkit-details-marker{display:none}
.an-explain-box summary:hover{background:#F0F7FC}
.an-explain-body{padding:0 12px 12px;font-size:12px;line-height:1.55;color:#333}
.an-explain-body p{margin:0 0 8px}

.modal-open{overflow:hidden}

/* support FAB — avto blue */
body.avto-posel-page #supportFab{
  background:#003399!important;
  border:1px solid #002277;
  font-size:13px;
}
body.avto-posel-page #supportFab:hover{background:#0044AA!important}

body.avto-posel-page #supportPanel.support-panel-open,
body.avto-posel-page #supportPanel:not(.hidden){
  display:flex;
  flex-direction:column;
}
body.avto-posel-page #supportPanel #supportChatMessages{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

/* TOP ponudba — рекламный блок */
.an-featured-wrap{margin-bottom:22px}
.an-featured-ad{
  width:100%;max-width:100%;border:1px solid #c8c8c8;background:#f7f7f7;
  padding:10px 12px 12px;box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.an-featured-ad-hdr{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid #e0e0e0;
}
.an-featured-ad-label{
  font-size:11px;font-weight:bold;color:#888;text-transform:uppercase;letter-spacing:.06em;
}
.an-featured-ad-src{font-size:11px;color:#aaa}
.an-featured-simple{margin:0}
.an-featured-link{display:block;text-decoration:none;color:inherit}
.an-featured-photo{
  position:relative;display:block;overflow:hidden;
  border:1px solid #bbb;background:#eee;
}
.an-featured-img{
  display:block;width:100%;height:168px;object-fit:cover;object-position:center 38%;
  border:0;vertical-align:top;
}
.an-featured-img--empty{
  height:168px;display:flex;align-items:center;justify-content:center;
  font-size:36px;color:#999;
}
.an-top-badge{
  position:absolute;top:0;left:0;z-index:10;
  width:110px;height:24px;line-height:24px;
  margin:14px 0 0;padding:0 7px;box-sizing:border-box;
  background-color:#FF0000;color:#FFF;
  font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:12px;
  border-style:solid;border-width:1px 1px 1px 0;border-color:#FFF;
}
.an-featured-caption{
  margin:8px 0 0;font-size:13px;font-weight:bold;color:#333;line-height:1.35;
}
@media(min-width:520px){
  .an-featured-img{height:190px}
  .an-featured-img--empty{height:190px}
  .an-top-badge{margin-top:18px}
}

.an-reserv-banner{
  border:1px solid #F5C542;background:linear-gradient(to bottom,#FFF9E6,#fff);
  padding:10px 12px;margin:10px 0 0;font-size:12px;line-height:1.5;color:#333;
}
.an-reserv-banner strong{color:#003399}
.an-reserv-badge{
  display:inline-block;font-size:11px;font-weight:bold;
  background:#FFF3CD;color:#856404;border:1px solid #F5C542;
  padding:3px 10px;margin-bottom:8px;
}
.an-reserv-badge--on-photo{
  position:absolute;top:10px;left:10px;z-index:2;margin:0;
  box-shadow:0 1px 4px rgba(0,0,0,.15);
}
.an-reserv-actions{
  margin-top:12px;padding:12px;border:1px solid #ddd;background:#fafafa;
  font-size:12px;line-height:1.5;
}
.an-reserv-actions h3{font-size:13px;font-weight:bold;color:#003399;margin:0 0 8px}
.an-reserv-actions .an-btn-secondary{
  display:inline-block;margin-top:8px;padding:8px 14px;font-size:12px;font-weight:bold;
  border:1px solid #ccc;background:#fff;color:#333;cursor:pointer;
}
.an-reserv-actions .an-btn-secondary:hover{background:#f5f5f5}
.an-reserv-actions .an-btn-secondary:disabled{opacity:.5;cursor:not-allowed}
.an-reserv-actions .an-btn-warn{border-color:#e5a800;background:#fff8e6;color:#7a5a00}
.an-reserv-msg{margin-top:8px;font-size:11px;color:#0A7A0A}
.an-gallery-wrap{position:relative}
.an-reserv-badge--listing{
  margin:0 0 8px;
}