/* Motor Mall page-top placements (pilot 2026-10-14, data/mall-placement-example.json): the Driving Schools province
   pages' block - Premium page placement panel and search bar above the seller showcases, Featured listing panel
   below them - on a Motor Mall category page. The adverts inside use instructors.css (pa-*), linked next to this file; the panel frame below
   is the one in driving-schools.css (.placement-panel), which Motor Mall pages do not load. */
.mm-page-top { margin: 0 0 18px; }
/* the Featured listing panel comes after the seller showcases (user 2026-10-14) */
.mm-page-bottom { margin: 22px 0 8px; }
.mm-page-top > * + * { margin-top: 18px; }
.mm-page-top .md-searchbar { margin-top: 18px; margin-bottom: 0; }
.placement-panel {
    background: #ffffff;
    border: 2px dashed #b9c8db;
    border-radius: 15px;
    padding: 22px 24px 24px;
    text-align: center;
}
.placement-panel--premium { border-color: var(--brand-green); }
.placement-panel--featured { border-color: var(--brand-blue); }
.placement-eyebrow {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--text-muted);
}
@media (max-width: 600px) {
    .placement-panel { padding: 18px 16px 20px; }
}
/* the example's View store / Location buttons keep their full navy, as on the Driving Schools example (they go nowhere) */
.placement-panel .pa-btn--dark.is-disabled { opacity: 1; cursor: default; }
/* a bigger logo in the Featured advert (user 2026-10-14): 92px like the Premium one (64px on Driving Schools), the
   image filling more of its tile */
.placement-panel .pa-advert--featured .pa-logo { width: 92px; height: 92px; border-radius: 16px; }
.placement-panel .pa-advert--featured .pa-logo img { max-width: 94%; max-height: 94%; }
@media (max-width: 760px) {
    .placement-panel .pa-advert--featured .pa-logo { width: 72px; height: 72px; border-radius: 12px; }
}
/* a bigger logo in the Premium advert (user 2026-10-14): 120px (92px on Driving Schools), the image filling more of it */
.placement-panel--premium .pa-advert .pa-logo { width: 120px; height: 120px; border-radius: 18px; }
.placement-panel--premium .pa-advert .pa-logo img { max-width: 94%; max-height: 94%; }
@media (max-width: 760px) {
    .placement-panel--premium .pa-advert .pa-logo { width: 84px; height: 84px; border-radius: 14px; }
}