/*
 * Mobil və planşet görünüşündə böyük sayt footerini göstərmə.
 * Aşağıdakı .bottom-app-nav ayrıca elementdir və görünməyə davam edir.
 * Desktop footer 1200px-dən başlayaraq desktop.css vasitəsilə göstərilir.
 */
@media (max-width: 1199px) {
    body .site-footer.compact-site-footer {
        display: none !important;
    }
}

/* Mobil ana səhifə: hissə/sifariş axını → ikinci banner → avtomobil/auksion axını. */
@media (max-width:1199px){
  body.home-page .home-pre-listings-banner,
  body.home-page .home-premium-listings-section,
  body.home-page .mobile-accessory-listings-section,
  body.home-page .mobile-home-suppliers-section,
  body.home-page .mobile-home-blogs-section{display:none!important}
  body.home-page .home-grid-mid-banner{display:block!important;grid-column:1/-1;width:calc(100% + 24px)!important;margin:8px -12px 18px!important;height:clamp(128px,31vw,148px)!important}
  body.home-page .home-grid-mid-banner img,
  body.home-page .home-grid-mid-banner video{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
  body.home-page .product-content h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;max-height:58px}
  body.home-page .badge.is-auction{background:#9b5b0a!important;color:#fff!important}
}

@media (max-width:1199px){
  body.stores-page .store-list-cover img,
  body.services-page .service-list-cover img{object-fit:contain!important;object-position:center!important;background:#eef4f1!important}
  body.stores-page .store-list-logo img,
  body.services-page .service-list-logo img{object-fit:contain!important;object-position:center!important;padding:3px!important;background:#fff!important}
  body.stores-page .store-list-actions,
  body.services-page .service-list-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.stores-page .store-open-cta-after-list,
  body.services-page .service-open-cta-after-list{order:99;margin-bottom:84px!important}
}

/* Bütün mobil səhifələr üçün sabit header və daha yığcam alt panel. */
@media (max-width:1199px){
  :root{--bottom-nav-height:64px!important}
  body .mobile-header.redesigned-mobile-header{width:min(100%,480px)!important;max-width:480px!important;box-sizing:border-box!important}
  body .bottom-app-nav{height:calc(64px + env(safe-area-inset-bottom))!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important}
  body .bottom-app-nav .bottom-add-btn{width:auto!important;height:auto!important;margin:0!important;border-radius:16px!important;box-shadow:none!important;background:transparent!important;color:var(--green)!important}
  body .bottom-app-nav .bottom-add-btn span{font-size:22px!important}
  html[data-theme="dark"] body .mobile-header.redesigned-mobile-header,
  html[data-theme="auto"][data-auto-theme="dark"] body .mobile-header.redesigned-mobile-header{background:rgba(7,19,15,.98)!important;border-color:#17382c!important;box-shadow:none!important}
}

/* Mağaza və servis detallarında əsas əlaqə düymələri mobil ekranda yanaşı qalır. */
@media (max-width:1199px){
  body.store-detail-page .store-contact-panel,
  body.store-detail-page .store-contact-panel-polished,
  body.store-detail-page .store-sticky-contact,
  body.service-detail-page .service-contact-panel,
  body.service-detail-page .service-sticky-contact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.store-detail-page .store-contact-panel>a,
  body.store-detail-page .store-sticky-contact>a,
  body.service-detail-page .service-contact-panel>a,
  body.service-detail-page .service-sticky-contact>a{
    min-width:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
    white-space:nowrap!important;
  }
}


/* RoverStore V67 — restore original mobile app shell: desktop-only elements must never leak into mobile. */
@media (max-width:1199px){
  .desktop-only,
  .desktop-header,
  .desktop-footer,
  .desktop-side-ad,
  .desktop-edge-media,
  .desktop-home{display:none!important;}
}