html, body { max-width:100%; overflow-x:hidden; }
img, svg, video { max-width:100%; height:auto; }
.navbar-toggler { border:1px solid #d1d5db; border-radius:6px; color:#111827; padding:7px 10px; }
.table-responsive, [style*="overflow-x:auto"], [style*="overflow-x: auto"] { -webkit-overflow-scrolling:touch; }

@media (max-width:991.98px) {
    .app-header .navbar-collapse, .catalog-header .navbar-collapse { border-top:1px solid #e5e7eb; margin-top:12px; padding:12px 0 4px; width:100%; }
    .app-nav, .buyer-nav { align-items:stretch!important; display:flex!important; flex-direction:column; margin:0!important; width:100%; }
    .app-nav>a, .app-nav>.dropdown, .buyer-nav>a { border-bottom:1px solid #eef2f7; display:block; margin:0!important; padding:10px 4px!important; width:100%; }
    .app-nav .dropdown-menu { border:0; margin:0!important; padding:0 0 6px 12px; position:static!important; transform:none!important; width:100%; }
    .app-account, .buyer-account { align-items:center; display:flex!important; flex-wrap:wrap; gap:8px; margin:12px 0 0!important; width:100%; }
    .app-account .app-user, .buyer-account .user-name { flex:1 0 100%; margin:0 0 4px!important; }
    .catalog-header .guest-actions { display:grid; gap:8px; grid-template-columns:1fr 1fr; margin-top:12px; width:100%; }
    .catalog-header .guest-actions .btn { margin:0!important; width:100%; }
    .status-panel { justify-content:flex-start!important; margin-top:10px; white-space:normal!important; }
}

@media (max-width:767.98px) {
    .brand-text { font-size:21px!important; }
    .app-shell>main, main.container, main.container-fluid { padding-left:10px!important; padding-right:10px!important; }
    .content-card { border-radius:0!important; box-shadow:none!important; padding:14px!important; }
    .container-fluid.py-4, .container.py-4, [style*="padding:20px"], [style*="padding: 20px"] { padding:12px!important; }
    h1, .h1, .display-4 { font-size:30px!important; line-height:1.18!important; }
    h2, .h2, .h3 { font-size:23px!important; line-height:1.25!important; }
    .d-flex.justify-content-between, .section-heading, .detail-heading, .price-row { align-items:stretch!important; flex-direction:column!important; gap:10px; }
    .d-flex.justify-content-between>.btn, .d-flex.justify-content-between>a.btn { width:100%; }
    .content-card table, main table { display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap; width:100%; }
    table .btn, table button { margin-bottom:4px; white-space:nowrap; }
    .form-row>[class*="col-"], .row>[class*="col-"] { min-width:0; }
    input, select, textarea, .form-control { max-width:100%; }
    .btn-submit, form>button[type="submit"] { min-height:42px; }
    .catalog-hero { padding:44px 0 72px!important; }
    .catalog-hero .lead, .detail-hero p { font-size:16px; }
    .hero-stat { display:flex!important; margin:0 0 8px!important; width:fit-content; }
    .filter-panel { margin-top:-38px!important; padding:14px!important; }
    .filter-panel .form-group { margin-bottom:12px!important; }
    .catalog-grid { margin-left:-5px!important; margin-right:-5px!important; }
    .catalog-grid-item { padding-left:5px!important; padding-right:5px!important; margin-bottom:10px!important; }
    .catalog-card { border-radius:7px!important; }
    .car-media img { height:145px!important; }
    .catalog-card .cert-badge { left:7px; top:7px; padding:5px 7px; font-size:9px; }
    .catalog-card .fuel-badge { right:7px; top:7px; padding:5px 7px; font-size:9px; }
    .catalog-body { padding:10px!important; }
    .catalog-card .car-title { font-size:16px; line-height:1.2; min-height:38px; margin-bottom:3px; }
    .catalog-card .car-subtitle { font-size:11px; line-height:1.35; min-height:30px; margin-bottom:8px; }
    .catalog-card .price-row { margin-bottom:9px; }
    .catalog-card .catalog-price { font-size:16px!important; overflow-wrap:anywhere; }
    .catalog-card .spec-grid { grid-template-columns:1fr!important; gap:4px; margin-bottom:8px; }
    .catalog-card .spec-item { display:flex; justify-content:space-between; gap:4px; min-height:0; padding:5px 6px; }
    .catalog-card .spec-item span, .catalog-card .spec-item strong { font-size:9px; }
    .catalog-card .inspection-line { display:none; }
    .catalog-card .btn-detail { font-size:12px; padding:8px 6px; }
    .detail-hero { padding:34px 0!important; }
    .detail-card .card-body, .detail-shell .card-body { padding:16px!important; }
    .main-photo, .detail-photo, .detail-carousel .carousel-item img { height:235px!important; }
    .thumb-photo { height:78px!important; }
    .info-grid, .summary-grid, .action-grid, .seller-action-grid { grid-template-columns:1fr!important; }
    .compact-row { align-items:flex-start; flex-direction:column; gap:4px!important; }
    .compact-row strong { text-align:left!important; }
    .nav-tabs { flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; }
    footer { line-height:1.55; padding:18px 12px!important; }
    .auth-page { align-items:flex-start!important; padding:20px 10px!important; }
    .auth-card { padding:20px 16px!important; }
}

@media (max-width:399.98px) {
    .catalog-header .guest-actions, .spec-grid { grid-template-columns:1fr!important; }
    .price { font-size:23px!important; }
    .catalog-card .cert-badge { font-size:0; }
    .catalog-card .cert-badge i { font-size:11px; margin:0!important; }
    .catalog-card .fuel-badge { max-width:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}