@media(max-width:700px){
:root{--content-safe-edge:18px}input,select,textarea{font-size:16px!important;box-sizing:border-box;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}p{overflow-wrap:break-word}.form-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.form-grid input,.form-grid select,.form-grid textarea,.vip-auth input{min-height:46px}.vip-auth{gap:20px}.vip-auth-surface{padding:20px}.studio-booking{padding:24px 18px!important}.studio-booking h2{font-size:26px!important;line-height:1.25!important}.studio-booking p{line-height:1.6!important}.studio-booking button{min-height:44px}.company-summary p,.editorial-copy p{line-height:1.65!important}.company-qr-grid{gap:16px}.journal-articles{gap:20px}.journal-articles h3{font-size:21px;line-height:1.4}.filters input[type=search]{min-height:46px}.floating{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}
}
.inventory-sync-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.5;color:#b5bcb7;margin:12px 0}.inventory-sync-note button{border:0;background:transparent;color:var(--orange);padding:9px 0;min-height:44px;cursor:pointer}
/* Inventory controls occupy their own rows so larger touch targets never cover price or ratings. */
@media(max-width:700px){
#cars .pbb-art-card{display:flex;flex-direction:column;aspect-ratio:auto;height:auto;min-height:0}
#cars .pbb-art-photo{top:0;height:auto;aspect-ratio:4/3;mask-image:linear-gradient(#000 0%,#000 75%,transparent)}
#cars .pbb-art-info{position:relative;inset:auto;max-width:none;margin-top:calc(75% - 12px);padding:8px 8px 0;flex:1}
#cars .pbb-art-info h3{font-size:12px!important;line-height:1.35!important;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:33px}
#cars .pbb-art-info>strong{font-size:26px}#cars .pbb-art-info>p{font-size:10px}#cars .pbb-art-info>small{font-size:9px}
#cars .pbb-art-social{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:2px 6px 0;z-index:3}
#cars .pbb-art-social>button,#cars .pbb-art-social>.company-compare-toggle,#cars .pbb-art-social .pbb-art-save{width:44px;height:44px;min-width:44px;min-height:44px;font-size:22px}
#cars .pbb-art-social .pbb-art-share-icon svg{width:18px;height:18px}
#cars .pbb-art-actions{position:relative;inset:auto;margin:0 6px 7px;gap:4px}
#cars .pbb-art-actions button{height:auto;min-height:44px;padding:7px 2px;font-size:12px}
}
/* Mobile navigation: one logo/menu trigger and separate, usable language/garage targets. */
@media(max-width:700px){
header.cinema-header,header.cinema-header.scrolled{height:72px;padding:0 14px}
.cinema-header>.menu{display:none}
.cinema-header>.logo{left:14px;top:6px;transform:none;display:flex;align-items:center;width:min(47vw,180px);height:60px}
.cinema-header>.logo img{width:100%;height:60px;object-fit:contain}
.cinema-header .logo .logo-menu-arrow{left:auto;right:-8px;top:50%;bottom:auto;transform:translateY(-50%);width:12px;height:8px}
.cinema-header .logo.menu-expanded .logo-menu-arrow{transform:translateY(-50%) rotate(180deg)}
.cinema-header>.tools{gap:4px;margin-left:auto;align-items:center}
.cinema-header>.tools>#language,.cinema-header>.tools>[data-action="garage"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;line-height:1.2}
.cinema-header>.tools>.header-enquiry{display:none}
}

/* A usable mobile appointment sheet without stacking two sets of wide side padding. */
@media(max-width:700px){
#modal:has(#test-drive-form){width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:24px 12px}
#modal:has(#test-drive-form) .studio-booking{padding:28px 0 14px!important}
#modal #close{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;line-height:1}
#test-drive-calendar{padding:8px}
#test-drive-calendar .test-drive-calendar-head button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
#test-drive-calendar .test-drive-calendar-grid{gap:2px}
#test-drive-calendar .test-drive-calendar-grid button{min-width:0;min-height:44px;height:44px;padding:0}
}

/* Keep the desktop navigation within the fixed header instead of on page content. */
@media(min-width:701px){body header.cinema-header>.menu{top:50%;bottom:auto;left:32px;right:auto;transform:translateY(-50%);margin:0;min-height:44px}}
/* Preserve usable touch targets on portrait tablets as well as phones. */
@media(min-width:701px) and (max-width:900px){.cinema-header>.tools{gap:4px;align-items:center}.cinema-header>.tools>#language,.cinema-header>.tools>[data-action="garage"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;line-height:1.2}}

@media(max-width:400px){html[lang="en"] #cars .pbb-art-actions{display:grid;grid-template-columns:1fr}html[lang="en"] #cars .pbb-art-actions button{width:100%;line-height:1.2}}

#inventory #results{display:block!important;font-size:12px;line-height:1.4}#inventory .inventory-meta{padding:10px 0;margin:0}#inventory .inventory-more-row{display:flex;justify-content:center;padding:20px 0}#inventory #inventory-more{min-height:44px;padding:10px 22px;overflow-anchor:none}#inventory #inventory-more[hidden]{display:none}#inventory .pbb-art-card{scroll-margin-top:110px}

#inventory .inventory-more-row:has(button[hidden]){display:none}

body #inventory #cars:has(>.pbb-art-card:only-child){grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}#inventory #cars>.pbb-art-card:only-child h3{font-size:18px!important;line-height:1.35}#inventory #cars>.pbb-art-card:only-child .pbb-art-info strong{font-size:30px}#inventory #cars>.pbb-art-card:only-child .pbb-art-info p{font-size:14px}
.pbb-live-operations{padding:45px 5%;max-width:1400px;margin:auto}.pbb-live-operations>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.pbb-live-operations article{padding:18px 0;border-top:1px solid #aaa5}.pbb-live-operations h3{font-size:20px;overflow-wrap:anywhere}.pbb-live-operations article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pbb-live-operations img,.pbb-live-operations video{width:100%;max-height:420px;object-fit:contain}.pbb-live-operations p{line-height:1.6;white-space:pre-wrap}@media(max-width:720px){.pbb-live-operations>div{grid-template-columns:minmax(0,1fr)}.pbb-live-operations{padding:28px 18px}}