/* Match both the track count and child placement when Owner hides a panel. */
@media(min-width:721px){
 .wrap.layout:has(>.main:first-child){grid-template-columns:minmax(0,1fr) minmax(155px,230px)}
 .wrap.layout:has(>.main:first-child)>.main{grid-column:1}
 .wrap.layout:has(>.main:first-child)>.side{grid-column:2}
 .wrap.layout:has(>.main:last-child){grid-template-columns:minmax(155px,230px) minmax(0,1fr)}
 .wrap.layout:has(>.main:only-child){grid-template-columns:minmax(0,1fr)}
 .wrap.layout:has(>.main:only-child)>.main{grid-column:1}
}

/* BORDO: one canonical icon asset, shared by hero and trust panel. */
.hero .hero-emblem { font-size:0; text-shadow:none; width:170px; min-width:130px; max-width:25%; }
.hero .hero-emblem .bordo-brand-symbol { display:block; width:100%; max-width:170px; height:auto; aspect-ratio:1; object-fit:contain; }
.side .trust-icons .bordo-trust-symbol { display:flex; align-items:center; justify-content:center; width:52px; height:52px; padding:0; background:transparent; }
.side .trust-icons .bordo-trust-symbol .bordo-brand-symbol { display:block; width:48px; height:48px; object-fit:contain; }
@media(max-width:720px){.hero .hero-emblem{display:none}}

.layout .main .hero.bordo-owner-banner{background-image:var(--bordo-banner-desktop);background-size:cover;background-position:center}
@media(max-width:720px){.layout .main .hero.bordo-owner-banner{background-image:var(--bordo-banner-mobile)}}
.main .bds-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.main .bds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.main .bds-filters,.main .bds-grid{grid-template-columns:1fr}}