/* AVITO.EU mobile cross-browser final overrides v100 */
@media (max-width: 620px) {
  html, body { max-width: 100%; overflow-x: clip; }

  /* Header and country flag */
  .topbar.compact { width:100%!important; max-width:100%!important; overflow:visible!important; }
  .head-actions .country-switch > summary span { display:inline-flex!important; font-size:23px!important; line-height:1!important; }

  /* Category drawer */
  body.mega-menu-active::before { pointer-events:none!important; background:rgba(10,15,29,.08)!important; }
  .mainnav.mega-nav > details.mobile-menu-open > .mega-menu,
  .mainnav.mega-nav > details[open] > .mega-menu {
    display:grid!important;
    position:fixed!important;
    left:6px!important;
    right:6px!important;
    top:118px!important;
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 130px)!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:#fff!important;
    border:1px solid #e3e8f2!important;
    border-radius:16px!important;
    box-shadow:0 18px 42px rgba(19,30,58,.12)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:10040!important;
  }
  .mainnav.mega-nav .mega-menu > header { grid-column:1/-1!important; padding:2px 4px 10px!important; margin:0 0 4px!important; border-bottom:1px solid #eef2f7!important; }
  .mainnav.mega-nav .mega-menu > header b { font-size:18px!important; line-height:1.08!important; color:#11182d!important; }
  .mainnav.mega-nav .mega-menu > header span { display:block!important; font-size:11.5px!important; line-height:1.32!important; color:#7a8498!important; }
  .mainnav.mega-nav .mega-menu > a {
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:64px!important;
    padding:11px!important;
    box-sizing:border-box!important;
    border:1px solid #dfe5f1!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#182136!important;
    text-decoration:none!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  .mainnav.mega-nav .mega-menu > a span { min-width:0!important; white-space:normal!important; font-size:14px!important; line-height:1.22!important; font-weight:800!important; }
  .mainnav.mega-nav .mega-menu .mega-icon { width:18px!important; height:18px!important; color:#63708a!important; }

  /* Search/category product results: two columns */
  html body.catalog30 main .product-grid.catalog-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  /* Product page related products: two columns */
  html body.product30 main .related-products .product-grid.related-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  html body.product30 main .related-products .product-grid.related-grid > .catalog-product {
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  html body.product30 main .related-products .product-grid.related-grid .photo { aspect-ratio:1/1!important; height:auto!important; border-radius:12px!important; }
  html body.product30 main .related-products .product-grid.related-grid h3 { min-height:44px!important; font-size:12px!important; line-height:1.25!important; overflow:hidden!important; }
  html body.product30 main .related-products .product-grid.related-grid strong { display:block!important; font-size:14px!important; }

  /* Remove ad label overlap */
  .product30 .ad-slot > span, .product30 .detail-ad > span, .product30 .detail-between-ad > span { display:none!important; }
}
@media (max-width: 340px) {
  .mainnav.mega-nav > details.mobile-menu-open > .mega-menu,
  .mainnav.mega-nav > details[open] > .mega-menu { grid-template-columns:1fr!important; }
}


/* v308 marketplace mobile hard-fix */
@media (max-width:620px){
  .home30-markets{overflow:visible!important}
  .home30-markets .market-grid,
  .catalog30 .market-choice30-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:138px!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 2px 12px!important;
    margin:0!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .home30-markets .market-grid::-webkit-scrollbar,
  .catalog30 .market-choice30-grid::-webkit-scrollbar{display:none!important}
  .home30-markets .market-grid>a,
  .catalog30 .market-choice30-grid>a{
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    min-height:126px!important;
    padding:12px 8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    border-radius:16px!important;
    text-align:center!important;
    scroll-snap-align:start!important;
    overflow:hidden!important;
  }
  .home30-markets .market-grid>a>b,
  .catalog30 .market-choice30-grid>a>i{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1!important;
  }
  .home30-markets .market-grid>a>strong,
  .catalog30 .market-choice30-grid>a>b{
    display:block!important;
    width:100%!important;
    min-height:26px!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    text-align:center!important;
  }
  .home30-markets .market-grid>a>small,
  .catalog30 .market-choice30-grid>a>small{
    margin:0!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .market-affiliate-note{
    display:block!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:0 2px!important;
    font-size:11px!important;
    line-height:1.45!important;
    clear:both!important;
  }
  .home30-markets:after,
  .home30-markets .market-grid:after,
  .catalog30 .market-choice30:after,
  .catalog30 .market-choice30-grid:after{display:none!important;content:none!important}
}