/* Product context stays next to the media, as in the approved prototype. */
.cloud-directory #directory-filter{display:grid;grid-template-columns:1fr;gap:10px;padding:17px;margin:0;border-bottom:1px solid var(--line);background:#fff}
.cloud-directory #directory-filter label,.cloud-directory #directory-filter label:first-child{min-width:0;width:100%}
.cloud-directory #directory-filter input{min-height:36px;font-size:12px}
.cloud-directory #directory-filter button{min-height:35px}
.cloud-directory .cloud-choice-list>button{display:flex;align-items:center;gap:10px;padding:12px;min-width:0;white-space:normal;text-align:left}
.catalog-directory-media{width:44px;height:52px;flex:none;border-radius:6px}
.catalog-directory-media img{padding:4px}
.catalog-directory-media .catalog-media-fallback{padding:6px;gap:0}
.catalog-directory-media .catalog-media-fallback span,.catalog-directory-media .catalog-media-fallback small{display:none}
.catalog-directory-media .catalog-media-fallback svg{width:23px;height:23px}
.catalog-directory-copy{display:block;min-width:0;flex:1;font-size:12px;line-height:1.7}
.catalog-directory-copy small{font-size:11px;display:block;line-height:1.7}
.cloud-materials .catalog-videos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1600px){.cloud-materials .catalog-videos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cloud-directory #directory-filter{grid-template-columns:1fr 1fr;padding:14px}.cloud-directory #directory-filter label:first-child{grid-column:1/-1}.cloud-directory .cloud-choice-list{max-height:180px}.cloud-materials .catalog-videos{grid-template-columns:1fr}}